instructivo html

Diseño WEB
Nivel: 5º semestre
Horas semanales: 3 horas
Código: 130082
Créditos: 2 créditos

Diseño WEB

Herramientas  de DISEÑO:
• Recursos Gráficos
• Software de Diseño
•Lenguaje de Programación

Diseño WEB

Contenido curso practico;
LENGUAJE PROGRAMACION

Programa WYSIWYG 
(what you see is what you get)

HTML

Adobe Dreamweaver

CSS

Adobe FireworksJAVA SCRIPT

Adobe Flash

PHP

Diseño WEB

HTML >
Hyper Text Markup Languaje

Lenguaje que permite estructurar la información de un documento con ayuda de etiquetas. Para simplificar las cosas permite decir: “aquí muestro 
un párrafo de texto, aquí una imagen, aquí una palabra en negrita”
Dominar el lenguaje HTML es dominar el núcleo del proceso de creación 
de un site o sitio web. contenido 

Diseño WEB

CSS > 
Cascading Style Sheets

Etiquetas que se encargan de dar formato o estilo al contenido de una 
pagina WEB.
Párrafo
{
Color: negro;
Tamaño: grande;Efecto: subrayado;
}

Diseño WEB

Los contenidos de las páginas web se 
encuentran organizados en bloques. El 
bloque principal (bloque padre) es el 
BODY, que a su vez contiene a los demás bloques; el encabezado, botonera, 
párrafos, imágenes, tablas etc.

Si se aplica un estilo al bloque rojo, por 
ejemplo, se aplicaran estilos a todos los demás bloques que este contiene. Esto se 
conoce como principio de herencia. Los 
estilos siempre se aplicaran de padres a 
hijos pero no al revés.

Diseño WEB

3 maneras de aplicar CSSCSS proporciona tres caminos diferentes para aplicar las reglas de estilo a una página Web.
Una hoja de estilo externa, que es una hoja de estilo que está almacenada en un archivo diferente al archivo donde se almacena el código HTML de la página Web. Esta es la manera de programar más 
potente, porque separa completamente las reglas de formateo para la página HTML de la estructura 
básica de la página. ...