CURSO ONLINE SIN DESCARGAS!!!
Índice del curso
BienvenidoPresentació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 a los estándares y creatividad con CSS.
Las tres capas de la web
Navegadores actuales sobre la plataforma Windows.
Plugins
web Developer Toolbar, plugin de ayuda a desarrolladores.
Introducción del capítulo
Introducción al XHTML.
La estructura XHTML
Creación de una estructura XHTML: estructura y elementos.
Semántica
Entendiendo el uso y significado de las etiquetas XHTML. Presentación y solución de los errores semánticos más comunes.
Validación
Validación y corrección de errores sintácticos.
Introducción del capítulo
Plugins
web Developer Toolbar, plugin de ayuda a desarrolladores.
Introducción al XHTML
Introducción al XHTML.
La estructura XHTML
Creación de una estructura XHTML: estructura y elementos.
Semántica
Entendiendo el uso y significado de las etiquetas XHTML. Presentación y solución de los errores semánticos más comunes.
Validación
Validación y corrección de errores sintácticos.
Introducción a las CSS
Introducción del capítulo
Formas de aplicación de estilos, en línea, internos, vinculados e importados.
Estilos según dispositivo
Estilos según dispositivo
Vinculación de estilo en base al dispositivo de salida.
Introducción del capítulo
Introducción a los selectores CSS.
Tipos de Selectores
Los selectores nos ayudan a mantener el código ordenado. Aquí veremos qué tipos de selectores existen y cuándo utilizarlos.
Herencia
Ejemplos para entender el uso y la aplicación de la herencia de las propiedades CSS.
Orden de lectura
Cómo afecta la posición 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.
Introducción del capítulo
Introducción a las propiedades de elementos.
Display
Mostrando los elementos de forma lineal o en bloque
Modelo de caja
Control del tamaño 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.
Introducción del capítulo
Introducción a la tipografía, su uso en la maquetación web y los problemas con los que nos podemos encontrar.
Propiedades
Utilización de las propiedades tipográficas, como separación entre líneas o entre caracteres.
Reemplazar texto por imagen
Técnicas accesibles de usos de tipografía no de sistema.
Introducción del capítulo
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
Diversas formas de aplicación de colores a los elementos.
Gráficos de fondo
Maneras de aplicar imágenes de fondo a los elementos.
Aplicación de color en las cabeceras
Aplicación práctica de las técnicas y usos de color e imagen a una cabecera.
Aplicación de color en párrafos
Aplicación práctica de las técnicas y usos de color e imagen a un párrafo.
Aplicación de color en links
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
Creación de contenido con varios elementos, cabecera, párrafo y link, aplicándoles color e imagen de fondo.
Introducción del capítulo
Introducción a la propiedad Float y sus usos.
La propiedad Float
Qué es y cómo se usa la propiedad Float aplicándola a imágenes y bloques de maquetación.
La propiedad Clear
Técnicas de limpieza de elementos float, utilizando la propiedad Clear.
Introducción del capítulo
Introducción a la composición de página.
Cabecera, contenido y pie
Cómo crear una estructura básica web, cabecera, contenido y web.
Tres columnas
Aplicación de estructuras complejas, las tres columnas.
Introducción del capítulo
Introducción a los formularios
Formulario Accesible
Técnicas para crear formularios accesibles sin uso de tablas.
Carpetas del sitio
Ejercicio práctico buscoAmigos, creando la estructura del sitio y el documento html.
Página home
Aplicación de la estructura a los contenidos de la página de inicio.
Estilos de composición
Creación de estilo para la compasión, la estructura de los bloques de contenido .
Estilos globales
Aplicación de estilos a los elementos globales: cabeceras, textos, enlaces, etc.
Contenedor y cabecera
Aplicación estilos contenedor y cabecera.
Contenido y pie
Aplicación de estilos al contenido y pie.
Página de interior
Aplicación de estilos a la página de interior.
Página de formulario
Desarrollando la página de formulario de buscoAmigos.
Selectores
Introducción del capítulo
Introducción a los selectores CSS.
Tipos de Selectores
Los selectores nos ayudan a mantener el código ordenado. Aquí veremos qué tipos de selectores existen y cuándo utilizarlos.
Herencia
Ejemplos para entender el uso y la aplicación de la herencia de las propiedades CSS.
Orden de lectura
Cómo afecta la posición 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
Introducción del capítulo
Introducción a las propiedades de elementos.
Display
Mostrando los elementos de forma lineal o en bloque
Modelo de caja
Control del tamaño 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.
Tipografía
Introducción del capítulo
Introducción a la tipografía, su uso en la maquetación web y los problemas con los que nos podemos encontrar.
Propiedades
Utilización de las propiedades tipográficas, como separación entre líneas o entre caracteres.
Reemplazar texto por imagen
Técnicas accesibles de usos de tipografía no de sistema.
Color y gráficos de fondo
Introducción del capítulo
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
Diversas formas de aplicación de colores a los elementos.
Gráficos de fondo
Maneras de aplicar imágenes de fondo a los elementos.
Aplicación de color en las cabeceras
Aplicación práctica de las técnicas y usos de color e imagen a una cabecera.
Aplicación de color en párrafos
Aplicación práctica de las técnicas y usos de color e imagen a un párrafo.
Aplicación de color en links
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
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
Introducción a la propiedad Float y sus usos.
La propiedad Float
Qué es y cómo se usa la propiedad Float aplicándola a imágenes y bloques de maquetación.
La propiedad Clear
Técnicas de limpieza de elementos float, utilizando la propiedad Clear.
Composición de la página
Introducción del capítulo
Introducción a la composición de página.
Cabecera, contenido y pie
Cómo crear una estructura básica web, cabecera, contenido y web.
Tres columnas
Aplicación de estructuras complejas, las tres columnas.
Formularios
Introducción del capítulo
Introducción a los formularios
Formulario Accesible
Técnicas para crear formularios accesibles sin uso de tablas.
Ejemplo web: buscoAmigos
Carpetas del sitio
Ejercicio práctico buscoAmigos, creando la estructura del sitio y el documento html.
Página home
Aplicación de la estructura a los contenidos de la página de inicio.
Estilos de composición
Creación de estilo para la compasión, la estructura de los bloques de contenido .
Estilos globales
Aplicación de estilos a los elementos globales: cabeceras, textos, enlaces, etc.
Contenedor y cabecera
Aplicación estilos contenedor y cabecera.
Contenido y pie
Aplicación de estilos al contenido y pie.
Página de interior
Aplicación de estilos a la página de interior.
Página de formulario
Desarrollando la página de formulario de buscoAmigos.
No hay comentarios: