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
Responsive web design
- Introducción
- Definición de Diseño Web Responsive
- ¿En qué consiste el diseño responsive?
- Ventajas del diseño responsive
Herramientas necesarias para el desarrollo multiplataforma
- Introducción
- Entornos de desarrollo
- Navegadores
Introducción a HTML
- Introducción HTML
- ¿Cómo creamos documentos HTML?
- Características básicas
Texto, enlaces, listas, imágenes y objetos
- Textos en HTML
- Enlaces
- Listas en HTML
- Imágenes y objetos
Tablas, formularios y estructuras
- Tablas
- Formularios
- Estructuras y layout
Otras etiquetas importantes
- Otras etiquetas importantes
Metainformación, accesibilidad y validación
- ¿Qué es la Metainformación?
- Accesibilidad
- Validación
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
Selectores, unidades de medida y colores
- Selectores CSS
- Unidades de medida
- Colores
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
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
Texto, enlaces, imágenes y listas
- Textos en CSS
- Enlaces
- Imágenes
- Listas
Tablas, formularios y shorthand
- Tablas
- Formulario
Otras utilidades de CSS
- Versión para imprimir
- Personalizar el cursor
- Hacks y filtros
- Prioridad en las declaraciones
- Validar CSS
- Recomendaciones Generales
- Recursos útiles
Firebug
- ¿Qué es Firebug?
- ¿Cómo se instala?
- ¿Cómo usamos Firebug?
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
Nuevos atributos, eventos y pseudo-clases
- Introducción a atributos globales
- Nuevos atributos
- Introducción a los nuevos eventos
Nuevos elementos semánticos
- Elemento bdi
- Elemento command
- Elemento data
- Elementos details
- Elemento mark
- Elemento meter
- Elemento progress
- Elemento ruby
- Elemento time
- Elemento wbr
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
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
Introducción a CSS3
- Introducción
- Unidades, colores y fuentes
- Nuevos Selectores y pseudo-clases
Animaciones, fondos y bordes
- Propiedades para la animación
- Nuevas propiedades para los fondos
- Nuevas propiedades para Bordes
Cajas, cajas flexibles, colores y fuentes
- Propiedades de las cajas
- Propiedades de las cajas flexibles
- Propiedades del color
- Propiedades para las Fuentes
Enlaces y multi-columnas
- Propiedades para los hiperenlaces
- Propiedades de las multi-columnas
Texto y 2D/3D transformaciones
- Propiedades para texto
- Propiedad D/D Transform
Transiciones e interfaz de usuario
- Propiedades para las transiciones
- Propiedades para la interfaz de usuario
- Validación CSS
Palabras clave
Más contenidos de Diseño Web
Ver los 73 →- Scorm de Diseño de Interfaces Web200 h · 6 unid.
- Diseño Web Mobile con Sketch340 h · 37 unid.
- Diseño Web Profesional con Dreamweaver CS6200 h · 16 unid.
- Scorm de Desarrollo Web en Entorno Cliente200 h · 5 unid.
- Desarrollo Web con JSF, Spring y JSP180 h · 8 unid.
- Scorm de Desarrollo Web con Django200 h · 5 unid.