Diseño web y Estilos CSS - Curso online

Índice del curso

Bienvenido
Presentación de la formación y el formador.

Conceptos básicos en el diseño web

Conceptos básicos a tener en cuenta antes de comenzar a maquetar una web.

Introducción 06:04
Introducción a los estándares y creatividad con CSS.

Las tres capas de la web 03:30

De la separación de contenido, diseño y comportamiento y su importancia.

Navegadores 01:48
Navegadores actuales sobre la plataforma Windows.

Plugins 05:06
web Developer Toolbar, plugin de ayuda a desarrolladores.

Introducción al XHTML
Introducción del capítulo 01:37
Introducción al XHTML.

La estructura XHTML 04:31

Creación de una estructura XHTML: estructura y elementos.

Semántica 05:19
Entendiendo el uso y significado de las etiquetas XHTML. Presentación y solución de los errores semánticos más
comunes.
Validación 08:54
Validación y corrección de errores sintácticos.

Introducción a las CSS

Introducción del capítulo 03:01
Introducción a los CSS.

Navegador, Autor y Usuario 05:06

Conociendo los agentes de usuario que aplican estilos a nuestra web.

Tipos de CSS 08:22

Formas de aplicación de estilos, en línea, internos, vinculados e importados.

Estilos según dispositivo 02:52

Vinculación de estilo en base al dispositivo de salida.

Selectores
Introducción del capítulo 00:24
Introducción a los selectores CSS.

Tipos de Selectores 07:25

Los selectores nos ayudan a mantener el código ordenado. Aquí veremos qué tipos de selectores existen y cuándo
utilizarlos.
Herencia 04:03
Ejemplos para entender el uso y la aplicación de la herencia de las propiedades CSS.

Orden de lectura 05:28

Cómo afecta la posición y el orden de lectura de las reglas CSS.

© copyright 2008 video2brain. 1 / 3

Todos los derechos reservados

video2brain y el logo de video2brain son marcas registradas de video2brain.
 Cómo afecta la posición y el orden de lectura de las reglas CSS.

Peso 04:12
En base al peso de los selectores, podemos llevar a cabo la sobrescritura de las reglas.

Propiedades de elementos
Introducción del capítulo 00:57
Introducción a las propiedades de elementos.

Display 04:26
Mostrando los elementos de forma lineal o en bloque

Modelo de caja 09:39

Control del tamaño de una caja con las propiedades que afectan al modelo de caja: margin, border y padding.

Position 04:22
Entendiendo el posicionamiento y el flujo normal de los elementos.

Tipografía
Introducción del capítulo 03:55
Introducción a la tipografía, su uso en la maquetación web y los problemas con los que nos podemos encontrar.

Propiedades 04:25
Utilización de las propiedades tipográficas, como separación entre líneas o entre caracteres.

Reemplazar texto por imagen 07:46

Técnicas accesibles de usos de tipografía no de sistema.

Color y gráficos de fondo

Introducción del capítulo 04:07
Introducción al uso del color y gráficos de fondo, a través de un paseo virtual por varios ejemplos de webs.

Colores en la web 03:37

Diversas formas de aplicación de colores a los elementos.

Gráficos de fondo 05:16

Maneras de aplicar imágenes de fondo a los elementos.

Aplicación de color en las cabeceras 02:40

Aplicación práctica de las técnicas y usos de color e imagen a una cabecera.

Aplicación de color en párrafos 02:35

Aplicación práctica de las técnicas y usos de color e imagen a un párrafo.

Aplicación de color en links 04:58

Aplicación práctica de las técnicas y usos de color e imagen a un link, incluyendo un efecto hover para el rollover.

Aplicación de color en listas

Técnicas y usos de color e imagen aplicadas a las listas.

Aplicación general de color a un contenido completo 05:48

Creación de contenido con varios elementos, cabecera, párrafo y link, aplicándoles color e imagen de fondo.

Elementos Float
Introducción del capítulo 01:14
Introducción a la propiedad Float y sus usos.

La propiedad Float 06:54

Qué es y cómo se usa la propiedad Float aplicándola a imágenes y bloques de maquetación.

La propiedad Clear 06:11

Técnicas de limpieza de elementos float, utilizando la propiedad Clear.

Composición de la página
Introducción del capítulo 00:30
Introducción a la composición de página.

Cabecera, contenido y pie 03:23

Cómo crear una estructura básica web, cabecera, contenido y web.

© copyright 2008 video2brain. 2 / 3

Todos los derechos reservados

video2brain y el logo de video2brain son marcas registradas de video2brain.
 Cómo crear una estructura básica web, cabecera, contenido y web.

Tres columnas 02:53

Aplicación de estructuras complejas, las tres columnas.

Formularios
Introducción del capítulo 00:34
Introducción a los formularios

Formulario Accesible 06:20

Técnicas para crear formularios accesibles sin uso de tablas.

Ejemplo web: buscoAmigos

Carpetas del sitio 06:44
Ejercicio práctico buscoAmigos, creando la estructura del sitio y el documento html.

Página home 08:01

Aplicación de la estructura a los contenidos de la página de inicio.

Estilos de composición 01:30

Creación de estilo para la compasión, la estructura de los bloques de contenido .

Estilos globales 05:11

Aplicación de estilos a los elementos globales: cabeceras, textos, enlaces, etc.

Contenedor y cabecera 03:48

Aplicación estilos contenedor y cabecera.

Contenido y pie 07:22

Aplicación de estilos al contenido y pie.

Página de interior 01:37

Aplicación de estilos a la página de interior.

Página de formulario 09:26

Desarrollando la página de formulario de buscoAmigos.

© copyright 2008 video2brain. 3 / 3

Todos los derechos reservados

video2brain y el logo de video2brain son marcas registradas de video2brain.