Objetivos

- Crear y programar páginas web.
- Diferenciar las distintas partes de una página web y la importancia de los encabezados como la disposición de los gráficos para una buena adaptabilidad en los distintos dispositivos actuales (móviles, tabletas, etc.).
- Conocer las distintas tipologías de webs, tales como portales institucionales, banca electrónica, comercios online…
-
Descubrir qué herramientas tecnológicas nos ofrece el mercado para utilizarlas en función del tipo de página a confeccionar.
- Utilizar las herramientas de código abierto o gratuitas que hay disponibles para la confección y publicación de páginas web.
- Conocer el lenguaje de marcas HTML para el desarrollo de páginas web utilizando editores para la gestión de los documentos.
- Realizar formularios básicos para solicitar información a los usuarios de la web, dotándoles de la seguridad correspondiente.
- Distinguir los elementos básicos del lenguaje de JavaScript y la programación de eventos de elementos de formulario.
- Conocer la importancia de crear páginas fáciles de utilizar con el fin de que los usuarios menos expertos sepan con pocos clics utilizar la web.
- Organizar los contenidos, adaptarlos a los distintos dispositivos y dar seguridad a la web.

Contenidos

Elementos básicos de una página web
Introducción.
Configuración y estructura básica de una página web.
Contenidos.
Medios.
Diseño gráfico.
Titulares de diseño. Arquitectura de la información.
El árbol de contenidos.
Niveles y capas de navegación.
Mecanismos de interacción online.
Bases de datos asociadas a la generación de webs.
Formularios y otros mecanismos de registro de datos.
Acceso restringido. Cortafuegos.
Actualización y mantenimiento de páginas web.
Resumen.

Principales tipologías de webs
Introducción.
Portales. Corporativas. Oficiales. Comerciales. Weblogs.
Relación con arquitectura informacionales.
Resumen.

Conocimiento sobre herramientas tecnológicas
Introducción.
Herramientas de construcción para sitios web.
HTML: Lenguaje específico para la creación y diseño de páginas web para internet.
Photoshop: Programa para el tratamiento digital de fotografías.
Dreamweaver: Programa para gestionar sitios web en internet.
Programas para generar gráficos para la web.
Flash.
Herramientas de programación para el desarrollo de elementos interactivos.
Instalando un componente de JQuery, BX Slider.
Resumen.

Lenguaje de descripción de documentos HTML
Introducción.
Editores HTML.
Estructura básica con HTML. La cabecera.
Las tablas de HTML.
Hojas de estilo con Framework. Bootstrap.
Menús de navegación.
Formularios por correo electrónico.
El footer de la web.
Resumen.

Programación de páginas web en JavaScript
Introducción.
Introducción a los lenguajes orientados a objetos.
Variables unidimensionales. Arrays.
Funciones de respuesta a eventos. HTML dinámico:
Resumen.

Usabilidad y accesibilidad
Introducción.
Usabilidad.
Accesibilidad.
Resumen.