Contenidos SCORM

Diseño Web

Técnico Profesional en Diseño Web Avanzado con HTML5 y CSS3

El diseño web se ha ganado rápidamente un lugar de relevancia dentro del diseño gráfico.

  • Duración180 h
  • Unidades25
  • FormatoSCORM 1.2

Sobre este contenido

El diseño web se ha ganado rápidamente un lugar de relevancia dentro del diseño gráfico. Es por esto que hoy muchas empresas o instituciones mayoritariamente utilizan como medio de comunicación su sitio web dejando un poco más de lado publicaciones escritas, folletos, catálogos impresos u otros medios relacionados con el diseño grafico tradicional. Al finalizar el scorm el alumno será capaz de dominar las técnicas más avanzadas y novedosas de diseño y programación Web necesarias para desarrollarse profesionalmente con éxito en este ámbito.

A quién va dirigido

El scorm está dirigido a todos aquellos desarrolladores y diseñadores web que deseen conocer y dominar el estándar HTML5 y CSS3. El scorm se dirige igualmente a personas que, sin experiencia previa en el diseño y programación de páginas web, deseen por motivos personales o profesionales adquirir los conocimientos necesarios sobre diseño y programación para crear componentes web y poder utilizarlos en la compilación y generación de páginas web para su posterior publicación.

Temario

25 unidades didácticas · 180 horas

Contenido25 unidades
SCORM 1

Herramientas necesarias

  • Introducción
  • Editor de texto
  • Navegadores
SCORM 2

Introducción HTML

  • Introducción HTML
  • ¿Cómo creamos documento HTML?
  • Características básicas
SCORM 3

Texto, enlaces, listas, imágenes y objetos

  • Textos en HTML
  • Enlaces
  • Listas en HTML
  • Imágenes y objetos
SCORM 4

Tablas, formularios y estructuras

  • Tablas
  • Formularios
  • Estructuras y layout
SCORM 5

Otras etiquetas importantes

  • Otras etiquetas importantes
SCORM 6

Metainformación, accesibilidad y validación

  • ¿Qué es la Metainformación?
  • Accesibilidad
  • Validación
SCORM 7

Introducción CSS

  • Introducción CSS
  • Soporte de CSS en navegadores
  • Especificación oficial
  • Funcionamiento básico de CSS
  • ¿Cómo incluir CSS en la Web?
  • Estilo básico
  • Medios CSS
  • Comentarios
  • Sintaxis de la definición
SCORM 8

Selectores, unidades de medida y colores

  • Selectores CSS
  • Unidades de medida
  • Colores
SCORM 9

Modelos de cajas, posicionamiento y visualización

  • Modelo de cajas
  • Propiedades de las cajas
  • Margen, relleno, bordes y modelo de cajas
  • Posicionamiento y visualización
  • Posicionamiento
  • Visualización
SCORM 10

Estructurar una página “layout”

  • Introducción a layout
  • ¿Cómo centrar una página horizontalmente?
  • ¿Cómo centrar una página verticalmente?
  • Estructura y layout
  • Altura/anchuras máximas y mínimas
  • Estilos avanzados
SCORM 11

Texto, enlaces, imágenes y listas

  • Textos en CSS
  • Enlaces
  • Imágenes
  • Listas
SCORM 12

Tablas, formularios y shorthand

  • Tablas
  • Formulario
SCORM 13

Otras utilidades de CSS

  • Versión para imprimir
  • Personalizar el cursor
  • Hacks y filtros
  • Prioridad en las declaraciones
  • Validar CSS
  • Recomendaciones Generales
  • Recursos útiles
SCORM 14

Firebug

  • ¿Qué es Firebug?
  • ¿Como se instala?
  • ¿Como usamos Firebug?
SCORM 15

Introducción HTML5

  • ¿Qué es HTML5?
  • ¿Cuáles son las mejoras?
  • Etiquetas Obsoletas
  • Etiquetas modificadas
  • Lista de etiquetas HTML5
  • Atributos eliminados
  • Otros cambios
  • Estructura HTML5
  • Nueva estructuración del body
  • Otros elementos nuevos de estructuración
SCORM 16

Nuevos atributos, eventos y pseudo-clases

  • Introducción a atributos globales
  • Nuevos atributos
  • Introducción a los nuevos eventos.
SCORM 17

Nuevos elementos semánticos

  • Elemento bdi
  • Elemento command
  • Elemento data
  • Elementos details
  • Elemento mark
  • Elemento meter
  • Elemento progress
  • Elemento ruby
  • Elemento time
  • Elemento wbr
SCORM 18

Mejoras en los formularios

  • Nuevos elementos para los Formularios
  • Cambios en el atributo type (input)
  • Nuevos atributos para form
  • Nuevos atributos para fieldset
  • Nuevos atributos para input
  • Nuevos atributos para textarea
SCORM 19

Otras mejoras de HTML5

  • Introducción a los elementos multimedia
  • Etiqueta source
  • Etiqueta track
  • Elemento video
  • Elemento audio
  • Elemento embed
  • Elemento canvas
  • Introducción a MathML
  • Introducción a SVG
  • Introducción a Drag and Drop
  • Validador HTML5
SCORM 20

Introducción a CSS3

  • Introducción
  • Unidades, colores y fuentes
  • Nuevos Selectores y pseudo-clases
SCORM 21

Animaciones, fondos y bordes

  • Propiedades para la animación
  • Nuevas propiedades para los fondos
  • Nuevas propiedades para Bordes
SCORM 22

Cajas, cajas flexibles, colores y fuentes

  • Propiedades de las cajas
  • Propiedades de las cajas flexibles
  • Propiedades del color
  • Propiedades para las Fuentes
SCORM 23

Enlaces y multi-columnas

  • Propiedades para los hiperenlaces
  • Propiedades de las multi-columnas
SCORM 24

Texto y 2D/3D transformaciones

  • Propiedades para texto
  • Propiedad 2D/3D Transform
SCORM 25

Transiciones e interfaz de usuario

  • Propiedades para las transiciones
  • Propiedades para la interfaz de usuario
  • Validación CSS3

Palabras clave

  • Curso
  • Diseño
  • Web
  • Avanzado
  • HTML5
  • CSS3
  • JavaScript
  • Lenguaje
  • Páginas
  • Navegadores
  • Código
  • Programación
  • Arrays
  • DOM

Más contenidos de Diseño Web

Ver los 73 →