HTML y CSS son los dos pilares sobre los que se asienta cualquier sitio web actual. Además, las últimas versiones de los lenguajes, HTML5 y CSS3 están adaptados a las últimas novedades de la web 2.0, presentando el contenido de los sitios web de una manera más indexable y visualmente efectiva.
HTML5 permite organizar el contenido web de una manera más ordenada y adaptada a los formatos actuales, presentando novedades tanto a nivel estructural, como a nivel semántico, como a nivel visual. Conocer las novedades de HTML5 es vital para entender la nueva generación de criterios SEO.
CSS3 es a nueva versión de las hojas de estilo en cascada. Presentan el contenido HTML de una manera fácil y controlable, aumentando la productividad del diseñador web. Además, CSS3 presenta novedades visuales que permiten generar elaboradores efectos sin necesidad de Flash o JavaScript.
El presente curso dota al alumno de los conocimientos necesarios para crear sitios web correctamente indexables y visualmente impactantes siempre dentro de los estándares. A través de videotutoriales guiados paso a paso, el alumno aprenderá a desarrollar un sitio web partiendo desde cero hasta las últimas novedades de los lenguajes expuestos.
Unidad 1: Estructura web con HTML5
Subunidad 1: La estructura de un documento HTML
Subunidad 2: Nuevas estiquetas estructurales en HTML5
Subunidad 3: Navegación entre archivos
Subunidad 4: Creación de contenido en títulos y párrafos
Subunidad 5: Maquetación y contenido en tablas
Subunidad 6: Interacción con el usuario mediante formularios
Subunidad 7: Tratamiento de imágenes en HTML
Subunidad 8: Contenido multimedia con inserciones de video y audio
Subunidad 9: Marcado semántico en la web 2.0
Subunidad 10: Estilizando con HTML
Unidad 2: Estilizado con CSS3
Subunidad 1: Propiedades generales
Subunidad 2: Colores de frente y fondo
Subunidad 3: Geometría y el modelo de caja
Subunidad 4: Posición y distribución
Subunidad 5: Trataimento de los bordes
Subunidad 6: Tipos de sombras en CSS3
Subunidad 7: Tratamiento de las listas
Subunidad 8: Transformaciones de posicion, rotación y escala
Subunidad 9: Animaciones y transiciones en CSS3
Subunidad 10: Maquetación en columnas
Subunidad 11: Estilizado de tablas
Subunidad 12: Contenido adicional
Unidad 3: Ejercicio práctico
Subunidad 1: Planificación
Subunidad 2: Estructura con HTML
Subunidad 3: Estilo con CSS
Unidad 4: Edicion de imagenes para la web
Subunidad 1: Retoque de imágenes rasterizadas con The GIMP
Subunidad 2: Edición de imágenes vectoriales con Inkscape
Unidad 5: Creación de elementos avanzados para la web
Subunidad 1: Edicion visual rápida
Subunidad 2: Conexión con servicios de Google
Subunidad 3: Maquetación HTML
Subunidad 4: Web estilizada
Subunidad 5: Transformaciones en CSS3
Subunidad 6: Transiciones en CSS3
Subunidad 7: Creación de una parte estática para el ejercicio
Subunidad 8: Creación de un efecto polaroid
Unidad 6: Segundo ejercicio práctico
Subunidad 1: Parte estática
Unidad 7: Edición WYSIWYG
Subunidad 1: Instalación de un programa WYSIWYG
Subunidad 2: Creación de contenido HTML
Subunidad 3: Trabajo con listas
Subunidad 4: Maquetación de tablas
Subunidad 5: Ejercicio resumen
Subunidad 6: Diagramas de planificacion
Subunidad 7: Organización de la información
Subunidad 8: Planificación de un wireframe
Subunidad 9: Conversión del wireframe a codigo
Subunidad 10: Navegación entre las páginas
Subunidad 11: Etiquetas del head
Subunidad 12: Añadido de elementos multimedia
Subunidad 13: Creación de formularios
Subunidad 14: Aplicación de estilos con CSS
Subunidad 15: Maquetacion tradicional
Unidad 8: Transiciones y animaciones
Subunidad 1: Instalando editores de texto
Para una mayor definición de los contenidos del curso visita la página web: www.designdecision.upv.es