Está en la página 1de 3

Diseo web y Estilos CSS - Curso online

ndice del curso


Bienvenido Presentacin de la formacin y el formador. Conceptos bsicos en el diseo web Conceptos bsicos a tener en cuenta antes de comenzar a maquetar una web. Introduccin Introduccin a los estndares y creatividad con CSS. Las tres capas de la web De la separacin de contenido, diseo y comportamiento y su importancia. Navegadores Navegadores actuales sobre la plataforma Windows. Plugins web Developer Toolbar, plugin de ayuda a desarrolladores. Introduccin al XHTML Introduccin del captulo Introduccin al XHTML. La estructura XHTML Creacin de una estructura XHTML: estructura y elementos. 01:37 06:04

03:30

01:48

05:06

04:31

Semntica 05:19 Entendiendo el uso y significado de las etiquetas XHTML. Presentacin y solucin de los errores semnticos ms comunes. Validacin Validacin y correccin de errores sintcticos. Introduccin a las CSS Introduccin del captulo Introduccin a los CSS. Navegador, Autor y Usuario Conociendo los agentes de usuario que aplican estilos a nuestra web. Tipos de CSS Formas de aplicacin de estilos, en lnea, internos, vinculados e importados. Estilos segn dispositivo Vinculacin de estilo en base al dispositivo de salida. Selectores Introduccin del captulo Introduccin a los selectores CSS. 00:24 03:01 08:54

05:06

08:22

02:52

Tipos de Selectores 07:25 Los selectores nos ayudan a mantener el cdigo ordenado. Aqu veremos qu tipos de selectores existen y cundo utilizarlos. Herencia Ejemplos para entender el uso y la aplicacin de la herencia de las propiedades CSS. Orden de lectura Cmo afecta la posicin y el orden de lectura de las reglas CSS.
copyright 2008 video2brain. Todos los derechos reservados video2brain y el logo de video2brain son marcas registradas de video2brain.

04:03

05:28

1 / 3

Cmo afecta la posicin y el orden de lectura de las reglas CSS. Peso En base al peso de los selectores, podemos llevar a cabo la sobrescritura de las reglas. Propiedades de elementos Introduccin del captulo Introduccin a las propiedades de elementos. Display Mostrando los elementos de forma lineal o en bloque Modelo de caja Control del tamao de una caja con las propiedades que afectan al modelo de caja: margin, border y padding. Position Entendiendo el posicionamiento y el flujo normal de los elementos. Tipografa Introduccin del captulo 03:55 Introduccin a la tipografa, su uso en la maquetacin web y los problemas con los que nos podemos encontrar. Propiedades Utilizacin de las propiedades tipogrficas, como separacin entre lneas o entre caracteres. Reemplazar texto por imagen Tcnicas accesibles de usos de tipografa no de sistema. Color y grficos de fondo Introduccin del captulo Introduccin al uso del color y grficos de fondo, a travs de un paseo virtual por varios ejemplos de webs. Colores en la web Diversas formas de aplicacin de colores a los elementos. Grficos de fondo Maneras de aplicar imgenes de fondo a los elementos. Aplicacin de color en las cabeceras Aplicacin prctica de las tcnicas y usos de color e imagen a una cabecera. Aplicacin de color en prrafos Aplicacin prctica de las tcnicas y usos de color e imagen a un prrafo. 04:07 04:25 00:57 04:12

04:26

09:39

04:22

07:46

03:37

05:16

02:40

02:35

Aplicacin de color en links 04:58 Aplicacin prctica de las tcnicas y usos de color e imagen a un link, incluyendo un efecto hover para el rollover. Aplicacin de color en listas Tcnicas y usos de color e imagen aplicadas a las listas. Aplicacin general de color a un contenido completo Creacin de contenido con varios elementos, cabecera, prrafo y link, aplicndoles color e imagen de fondo. Elementos Float Introduccin del captulo Introduccin a la propiedad Float y sus usos. La propiedad Float Qu es y cmo se usa la propiedad Float aplicndola a imgenes y bloques de maquetacin. La propiedad Clear Tcnicas de limpieza de elementos float, utilizando la propiedad Clear. Composicin de la pgina Introduccin del captulo Introduccin a la composicin de pgina. Cabecera, contenido y pie Cmo crear una estructura bsica web, cabecera, contenido y web.
copyright 2008 video2brain. Todos los derechos reservados video2brain y el logo de video2brain son marcas registradas de video2brain.

05:48

01:14

06:54

06:11

00:30

03:23

2 / 3

Cmo crear una estructura bsica web, cabecera, contenido y web. Tres columnas Aplicacin de estructuras complejas, las tres columnas. Formularios Introduccin del captulo Introduccin a los formularios Formulario Accesible Tcnicas para crear formularios accesibles sin uso de tablas. Ejemplo web: buscoAmigos Carpetas del sitio Ejercicio prctico buscoAmigos, creando la estructura del sitio y el documento html. Pgina home Aplicacin de la estructura a los contenidos de la pgina de inicio. Estilos de composicin Creacin de estilo para la compasin, la estructura de los bloques de contenido . Estilos globales Aplicacin de estilos a los elementos globales: cabeceras, textos, enlaces, etc. Contenedor y cabecera Aplicacin estilos contenedor y cabecera. Contenido y pie Aplicacin de estilos al contenido y pie. Pgina de interior Aplicacin de estilos a la pgina de interior. Pgina de formulario Desarrollando la pgina de formulario de buscoAmigos. 06:44 00:34 02:53

06:20

08:01

01:30

05:11

03:48

07:22

01:37

09:26

copyright 2008 video2brain. Todos los derechos reservados video2brain y el logo de video2brain son marcas registradas de video2brain.

3 / 3