Curso de HTML5 Accesible con Sublime Text Se han escrito o creado infinidad de libros y cursos sobre desarrollo Web. Sin embargo, la tecnología de desarrollo de sitios Web ha evolucionado muchísimo desde la aparición de dispositivos inteligentes, que todos tenemos, como los móviles y tabletas. Por tanto, hoy es más necesario que nunca hacer accesible a todo tipo de público, esté donde esté, use el dispositivo que use, nuestros contenidos Web, construidos de forma fácil y productiva. Con el presente curso, ofrecemos la posibilidad de actualizar los conocimientos necesarios para la crear páginas y portales Web accesibles y fácilmente utilizables, mediante herramientas potentes y flexibles en su configuración y uso. HTML5 es el punto actual del estado del arte en cuanto a la tecnología de creación de páginas Web, que incluya todo tipo de contenidos, especialmente los multimedia (imágenes, audio y vídeo, especialmente), que puedan ser utilizadas en cualquier tipo de dispositivo, no importa su fabricante, sistema operativo o tecnología. Sublime Text es uno de los editores Web más potentes y flexibles, con una enorme comunidad que lo apoya y amplía, con multitud de paquetes de extensiones. Es además gratuito, si lo usamos para aprender, y permite configurar hasta el mínimo detalle. Está pensado para desarrolladores de cualquier tipo de software, ya que soporta decenas de lenguajes de programación y formatos de ficheros. Toda organización debe tener al día su portal Web, innovar mediante productos y servicios vía Web, así que necesitan conocer y aplicar los contenidos que se ofrecen en este curso. Las empresas de desarrollo de software y las agencias de comunicación valorarán muy bien sus contenidos. Modalidades Sin Tutor Con Tutor Acceso secuencial a las unidades del curso. Descarga de contenidos en PDF. Acceso a recursos didácticos y multimedia. Ilimitadas consultas al tutor. - Videoconferencias con el tutor desde el entorno de comunicaciones. - Pág. 1
Sin Tutor Con Tutor Ejercicios prácticos corregidos y evaluados por el tutor. - Certificado de realización PDF firmado digitalmente - Certificado de aprovechamiento PDF e impreso. - Inscríbete al curso y prueba una unidad gratis. Pág. 2
Curso de HTML5 Accesible con Sublime Text (Programa detallado) HTML5 constituye la más reciente actualización del lenguaje de marcas HTML, base de la creación de toda página Web. Supone más que una actualización de la tecnología. Establece un nuevo concepto para la creación de portales y aplicaciones Web que combina dispositivos móviles, computación en la nube y trabajo en red, añadiendo mayores y mejores características multimedia y de creación de formularios. Separar la creación de sitios Web de la posibilidad de que todos podamos utilizarlos y hacerlo de la forma más fácil e intuitiva, es el objetivo de este curso: aprender la tecnología fundamental para crear páginas Web de forma accesible y usable, con uno de los editores más potentes y flexibles, Sublime Text. Dirigido a: Este curso va dirigido a cualquier persona que desee actualizar sus conocimientos sobre la creación de páginas Web con la última versión del estándar HTML, con conocimientos básicos de informática. Este curso afianzará y actualizará los conocimientos de tanto desarrolladores como diseñadores de páginas Web. El contenido de este curso se ha estructurado siguiendo el programa establecido en la UF1302 "Creación de páginas web con el lenguaje de marcas", perteneciente al Certificado de Profesionalidad: "Confección y Publicación de Páginas Web". Duración: El curso tiene una duración de 80 horas online. Requisitos: Para poder realizar este curso es recomendable tener conocimientos informáticos básicos, por ejemplo: manejo de archivos y carpetas e instalación de programas, en cualquier sistema operativo: Windows, Linux o Mac OS. Pág. 3
PROGRAMA DEL CURSO 1.-Los lenguajes de marcas: Tipos y características Conocer qué es un lenguaje de marcas, ejemplos y aplicaciones de lenguajes existentes, y qué software podemos utilizar para editar documentos creados con dichos lenguajes. UA1 - Los lenguajes de marcas: Tipos y características Características de los lenguajes de marcas Utilización de etiquetas Compatibilidad Editores de texto 2.-Los lenguajes de marcas: Estructura de una Web y navegadores Aprender qué etiquetas y propiedades tiene HTML5 y confeccionar páginas Web teniendo en cuenta sus especificaciones técnicas. Saber crear la estructura de una página Web creada con HTML5 a través de sus secciones más importantes: cabecera y cuerpo del documento. Identificar las etiquetas necesarias para crear o incorporar estilos CSS y programas JavaScript. Conocer qué navegadores Web tenemos a nuestra disposición, sus características más importantes y ejemplos de navegadores en modo texto. Pág. 4
UA2 - Los lenguajes de marcas: Estructura de una Web y navegadores Estructura de un documento creado con lenguaje de marcas Comienzo del archivo Encabezados Título Estilos Cuerpo Scripts Navegadores Web Navegadores modo texto Los navegadores más utilizados Diferencias de visualización 3.-Los lenguajes de marcas: Formateo del texto y enlaces Describir las etiquetas y atributos que se utilizan para dar formato al documento, aplicar tipografía y definir colores, así como para presentar información de listas. Conocer las etiquetas y atributos que se utilizan para insertar enlaces y direccionamientos, tanto dentro de la página Web como a otros documentos y páginas ubicados en cualquier destino. Pág. 5
UA3 - Los lenguajes de marcas: Formateo del texto y enlaces Marcas para dar formato al documento Marcas de inicio y final Marcas de aspecto Marcas de párrafo Marcas de fuentes y colores Enlaces y direccionamientos Creación de un enlace Tipos de enlace Los enlaces y la navegación 4.-Los lenguajes de marcas: Divisiones de una página Web Crear una página Web que incluya varios marcos para la presentación de otras páginas, siguiendo unas especificaciones de diseño recibidas. Definir diferentes divisiones o capas través de las etiquetas semánticas de HTML5 UA4 - Los lenguajes de marcas: Divisiones de una página Web Marcos y capas Marcos Capas 5.-Imágenes y elementos multimedia - (1) Pág. 6
Identificar los diferentes formatos de contenidos multimedia para imágenes que podemos incluir en forma de ficheros en una página Web. También, conoceremos qué etiquetas y atributos hemos de utilizar para aportar imágenes, además cómo crear mapas de imágenes, creando varias zonas activas dentro de cada imagen. UA5 - Imágenes y elementos multimedia - (1) Inserción de imágenes: formatos y atributos Incluir imágenes en las páginas Atributos de las imágenes Propiedades de ubicación de las imágenes Herramientas para editar y salvar imágenes Mapas de imágenes Definición de mapa Creación de un mapa con una imagen Establecer diferentes partes en la imagen Vincular las diferentes partes de la imagen Figure Canvas 6.-Imágenes y elementos multimedia - (2) Identificar los diferentes formatos de contenidos multimedia que podemos incluir en forma de ficheros en una página Web, tanto en audio como en vídeo. Conocer qué etiquetas y atributos hemos de utilizar para aportar contenido multimedia, compatible con navegadores antiguos. Insertar marcas para presentar sonidos y vídeos, aportando subtítulos. Insertar las marcas que permitan la ejecución de programas. Pág. 7
UA6 - Imágenes y elementos multimedia - (2) Inserción de elementos multimedia: audio, vídeo y programas Características y propiedades de los elementos multimedia Recursos necesarios para el funcionamiento de los elementos multimedia Etiquetas y propiedades para la inserción de audio Etiquetas y propiedades para la inserción de vídeo Etiquetas y propiedades para la inserción de programas Formatos de audio y vídeo Códecs para vídeo Códecs para audio Contenedores y códecs Descripción de los formatos de audio Descripción de los formatos de vídeo Configuración de los recursos para audio Configuración de los recursos para vídeo Marquesinas Los textos con movimiento Utilización de las etiquetas para incluir marquesinas Las marquesinas y los distintos navegadores 7.-Técnicas de accesibilidad y usabilidad - (1) Definir qué es accesibilidad Web y sus técnicas y principios fundamentales, así como destacar las principales ventajas de trabajar con accesibilidad. Explicar los criterios de usabilidad con contenidos Web, para permitir una mejor calidad de navegación y comprensión de los usuarios, teniendo en cuenta criterios definidos y normativa estándar de accesibilidad y usabilidad. Pág. 8
UA7 - Técnicas de accesibilidad y usabilidad - (1) Accesibilidad Web, ventajas de la accesibilidad Definición de Accesibilidad Aplicabilidad de la Accesibilidad Descripción de las ventajas de la Accesibilidad Facilidad de acceso Mejoras en la navegación Independencia de los navegadores Usabilidad Web, importancia de la usabilidad Definición de usabilidad Interacción Web-individuo Aplicabilidad de la usabilidad Recursos sobre usabilidad 8.-Técnicas de accesibilidad y usabilidad - (2) Utilizar herramientas de validación de accesibilidad y usabilidad Web. Identificar varios navegadores y probar la funcionalidad de la página, utilizando varios criterios de usabilidad y accesibilidad. Probar la página Web realizada en varios navegadores Web para comprobar si se cumplen las funcionalidades especificadas en el diseño, además de los criterios de accesibilidad y usabilidad que se hayan definido. Pág. 9
UA8 - Técnicas de accesibilidad y usabilidad - (2) Aplicaciones para verificar la accesibilidad de sitios Web (estándares) Recursos Web de estándares Utilización de los recursos en las páginas Web Comprobar la accesibilidad en las páginas Web Diseño de sitios Web usables Descripción de sitios Web usables Estudio de la estructura y diseño de los sitios Web usables Adaptación de sitios Web usables Utilización de los sitios Web usables 9.-Herramientas de edición Web - (1) Conocer las características y funcionalidades del editor Sublime Text para la creación de páginas Web, teniendo en cuenta las especificaciones técnicas de las mismas. Aprenderemos a instalarlo, configurarlo y extender sus funcionalidades mediante paquetes. Describiremos su interfaz y secciones más importantes. Aprender la gestión de archivos con Sublime Text, su característica multi cursor, cuáles son las teclas de edición de texto, conocer qué son las marcas y los marcadores para qué se utilizan, las operaciones de buscar y reemplazar y la gestión de proyectos. Pág. 10
UA9 - Herramientas de edición Web - (1) Instalación y configuración de herramientas de edición Web Instalación de la herramienta Web Configuración de la herramienta Web Funciones y características Descripción de los elementos de las herramientas Web Escritura de código Gestión de archivos Edición de ficheros Buscar y reemplazar Acceso a elementos Gestión de proyectos 10.-Herramientas de edición Web - (2) Conocer cómo ampliar funcionalidades en Sublime Text a partir de la instalación y configuración de diferentes paquetes. Aprenderemos a usar los más interesantes, entre los muchos disponibles: por ejemplo Emmet, Trailing Spaces o programas tipo Linter. Conocer cómo personalizar Sublime Text: apariencia, combinaciones de teclas, colores y temas. Aprender a crear y gestionar macros y snippets. Conocer otras alternativas de editores Web disponibles y de entornos de programación en la nube. Pág. 11
UA10 - Herramientas de edición Web - (2) Funciones y características Instalación de paquetes Personalización de Sublime Text Macros Snippets Códigos de cursor en los Snippets Vista previa rápida del proyecto en localhost Ubicación de los elementos de las herramientas Web Propiedades de los elementos de las herramientas Web Tareas a realizar con una herramienta de edición Web El lenguaje de marcas y las herramientas de edición Web Pág. 12