Contenidos SCORM

Diseño Web

Scorm en Desarrollo Web Responsive

Hoy día y debido a la gran diversidad de dispositivos, con diferentes configuraciones de resolución y pantalla, es importante que las páginas webs se adapten lo mejor posible a cada tipo de dispositivo.

  • Duración200 h
  • Unidades26
  • FormatoSCORM 1.2

Sobre este contenido

Hoy día y debido a la gran diversidad de dispositivos, con diferentes configuraciones de resolución y pantalla, es importante que las páginas webs se adapten lo mejor posible a cada tipo de dispositivo. Un claro ejemplo son los dispositivos móviles, donde los tamaños de pantalla y resoluciones varían muchísimo entre dispositivos.

Esto es algo que google no ha dejado pasar de lado, ya que el propio buscador penaliza a las webs que no ofrecen un diseño responsivo, favoreciendo así a otras que si lo tienen.

Hace unos años el diseño responsivo era casi impensable, pero hoy día existen multitud de herramientas que nos facilitarán el trabajo y nos permitirán desarrollar una web con diseño responsivo de manera fácil. Con el presente scorm de Especialista en Desarrollo Web Responsive aprenderá a realizar web responsivas.

A quién va dirigido

El presente scorm está dirigido a todos aquellos profesional del mundo del desarrollo web, y que quieran ampliar sus conocimientos y formarse en el desarrollo web con diseño responsivo.

Temario

26 unidades didácticas · 200 horas

Contenido26 unidades
SCORM 1

Responsive web design

  • Introducción
  • Definición de Diseño Web Responsive
  • ¿En qué consiste el diseño responsive?
  • Ventajas del diseño responsive
SCORM 2

Herramientas necesarias para el desarrollo multiplataforma

  • Introducción
  • Entornos de desarrollo
  • Navegadores
SCORM 3

Introducción a HTML

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

Texto, enlaces, listas, imágenes y objetos

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

Tablas, formularios y estructuras

  • Tablas
  • Formularios
  • Estructuras y layout
SCORM 6

Otras etiquetas importantes

  • Otras etiquetas importantes
SCORM 7

Metainformación, accesibilidad y validación

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

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 9

Selectores, unidades de medida y colores

  • Selectores CSS
  • Unidades de medida
  • Colores
SCORM 10

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 11

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 12

Texto, enlaces, imágenes y listas

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

Tablas, formularios y shorthand

  • Tablas
  • Formulario
SCORM 14

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 15

Firebug

  • ¿Qué es Firebug?
  • ¿Cómo se instala?
  • ¿Cómo usamos Firebug?
SCORM 16

Introducción HTML5

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

Nuevos atributos, eventos y pseudo-clases

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

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 19

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 20

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 HTML
SCORM 21

Introducción a CSS3

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

Animaciones, fondos y bordes

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

Cajas, cajas flexibles, colores y fuentes

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

Enlaces y multi-columnas

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

Texto y 2D/3D transformaciones

  • Propiedades para texto
  • Propiedad D/D Transform
SCORM 26

Transiciones e interfaz de usuario

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

Palabras clave

  • diseño
  • Dispositivo
  • Dispositivos
  • este
  • Experiencia
  • Google
  • Marketing
  • Más
  • Media
  • Mejor
  • Móvil
  • Móviles
  • página
  • Pantalla

Más contenidos de Diseño Web

Ver los 73 →