Especialidad formativa
Creación, programación y diseño de páginas web
Qué aprenderás
Diseñar, y programar páginas web, siguiendo las especificaciones del cliente tanto estéticas como técnicas.
Contenido del curso
01
Introducción al entorno web
- OBJETIVO
- Conocer el entorno, los elementos y requisitos básicos para el desarrollo web.
- CONOCIMIENTOS / CAPACIDADES COGNITIVAS Y PRÁCTICAS
- Introducción a la web y su historia.
- Uso correcto de los distintos navegadores web y de sus herramientas.
- Repaso de gestión de carpetas, archivos, asociación de estos a cada programa, etc.
- Definición de dominio y funcionamiento:
- Definición de nombres de dominio y sus diferentes extensiones.
- Conocer los tipos de dominio según niveles.
- Acceso a sitios web mediante protocolo HTTP y correspondencia de Sistemas de Nombre o DNS e IP's.
- El papel de Red.es como entidad pública encargada del registro de dominios bajo código de país España (.es).
- Otros proveedores de registro de dominios.
- Aprender a gestionar la contratación de dominios.
- Diferenciar los tipos de servidor según necesidades de nuestro proyecto:
- Cómo elegir entre un hosting Linux o Windows según características de nuestro proyecto.
- Diferenciar tipos de servidores de hosting según recursos, configuraciones específicas, etc.
- Contratación de servicios de hosting con recursos preinstalados.
- Aprendizaje genérico para el manejo del panel de gestión de nuestro servidor:
- Gestión del dominio.
- Gestión de cuentas de correo.
- Gestión de las bases de datos.
- Gestión de copias de seguridad o backups.
- Gestión de certificados de seguridad.
- Gestión de acceso mediante cliente de FTP para intercambio de archivos y publicación de contenidos.
- HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
- Fomentar una mentalidad de aprendizaje continuo, en el uso de los recursos para el desarrollo web.
02
Elementos y estructura de un sitio web
- OBJETIVO
- Comprender qué es un sitio web, sus principales tipologías, diferenciando sus elementos básicos y planificar, configurar y estructurar una página web, atendiendo a criterios funcionales y técnicos.
- CONOCIMIENTOS / CAPACIDADES COGNITIVAS Y PRÁCTICAS
- Qué es un sitio web.
- Conocimiento de las diferentes tipologías de sitios web según funcionalidad:
- Web corporativas como escaparate institucional o de negocio.
- Portales web para compartir conocimiento y contenidos de manera pasiva y colaborativa.
- Landing pages y micrositios para marketing y captación de leads.
- Comercio electrónico.
- Wikis y foros.
- Webs para formación o educacionales.
- Páginas web personales y portfolios.
- Blogs y Redes Sociales.
- Publicaciones de noticias y sindicación.
- Conocimiento de las diferentes tipologías de sitios web según interactividad:
- Páginas web estáticas.
- Páginas web dinámicas.
- Diferenciación de los elementos básicos de una página web según su estructura.
- Conocimiento de los diferentes tipos de contenido digitales y como elegirlos según las necesidades de nuestro proyecto:
- Cómo captar la atención del usuario mediante vídeo y audio.
- Utilizar imágenes estáticas y animadas.
- Uso de infografías para desarrollar ideas y conceptos.
- Redacción de titulares y textos.
- Contenidos web y de redes sociales para crear contenidos e interactuar con el usuario como podcasts, quizzes, webinars, etc.
- Estructuración de la navegación por nuestros contenidos en función de los usuarios y del tipo de información:
- Entender el modelo lineal.
- Entender el modelo jerárquico.
- Entender el modelo de estructura en red.
- Diferenciación y utilización de los diferentes elementos de interacción de una web:
- Detectar textos e imágenes para acceder a información.
- Utilizar los menús de navegación.
- Introducir información a través de formularios.
- Interactuar con diálogos emergentes.
- Compartir información con redes sociales.
- Descubrir otros elementos de interacción como desplegables, animaciones, etc.
- Cómo decidir crear nuestro sitio web y de qué herramientas disponemos:
- Aprender a trabajar en entornos de desarrollos a medida y frameworks.
- Conocer las diferentes herramientas de sistemas de gestión de contenidos.
- Diferenciar frontend de backend.
- HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
- Orientación a las necesidades del cliente y a los requerimientos técnicos en el desarrollo del sitio web.
- Habilidades de pensamiento creativo y estético.
- Módulo de formación 3
- Diseño de sitios web
- OBJETIVO
- Conocer la teoría sobre diseño gráfico para la web y diseñar sitios web utilizando las herramientas apropiadas, atendiendo a los principios de usabilidad y de experiencia de usuario.
- CONOCIMIENTOS / CAPACIDADES COGNITIVAS Y PRÁCTICAS
- Conocimiento de la teoría sobre diseño gráfico para la web.
- Introducción a usabilidad y experiencia de usuario/a.
- Estructuración de los contenidos y las interacciones en función de la información y el público objetivo:
- Elementos estructurales.
- Árbol de navegación de contenidos.
- Jerarquización de encabezados e importancia en SEO.
- Modificación de la presentación de contenidos según tamaños de pantalla y dispositivos: diseño responsivo frente a adaptativo.
- Utilización de herramientas para crear interfaces de bajo nivel o wireframe, jerarquización de contenidos y flujos de navegación.
- Utilización de herramientas para prototipar y diseñar páginas web:
- Utilizar herramientas de diseño de alto nivel para crear interfaces.
- Utilizar herramientas básicas de modificación y optimización de imágenes.
- Utilizar herramientas básicas de animación de vídeo e imagen GIF.
- Herramientas para crear y animar contenidos vectoriales.
- Obtener contenidos gráficos y de audio de bancos o repositorios web.
- Herramientas de edición, optimización y conversión online.
- Utilizar fuentes o tipografías como elemento de diseño.
- Conocer las reglas de la teoría de color para crear paletas personalizadas. Utilizar herramientas online.
- Utilización herramientas IA (inteligencia artificial) en el proceso de diseño y creación de contenidos.
- Utilizar IA para el diseño de la plantilla básica de la web.
- Utilizar IA para generación de contenidos gráfico.
- Utilizar IA para generación de textos.
- HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
- Orientación a las necesidades del cliente y a los requerimientos técnicos en el desarrollo del sitio web.
- Habilidades de pensamiento creativo y estético.
- Módulo de formación 4
- Maquetación de páginas web con HTML5
- OBJETIVO
- Maquetar una página web con HTML5.
- CONOCIMIENTOS / CAPACIDADES COGNITIVAS Y PRÁCTICAS
- Aprender a configurar y utilizar editores de código.
- Definición de documentos HTML.
- La web semántica.
- Estructura de página HTML5.
- Metainformación.
- Contenidos:
- Encabezados y textos.
- Enlaces y atributos.
- Imágenes e imágenes según resolución (srcset). Atributos de imagen.
- Listados, listas de términos y listas desplegables. Atributos de lista.
- Tablas, combinación de celdas y atributos de tabla.
- Elementos de formularios y envío de datos.
- HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
- Orientación a las necesidades del cliente y a los requerimientos técnicos en el desarrollo del sitio web.
- Mostrar iniciativa, mejorando los desarrollos realizados utilizando nuevas herramientas.
- Habilidades de pensamiento creativo y resolución de problemas.
- Módulo de formación 5
- Definición de estilos con CSS3
- OBJETIVO
- Definir estilos con CSS3, diseñando sitios web responsivos, siguiendo criterios técnicos y estéticos, y atendiendo a los requerimientos establecidos por el cliente.
- CONOCIMIENTOS / CAPACIDADES COGNITIVAS Y PRÁCTICAS
- Definición de documento de hojas de estilos en cascada.
- Definición de estilos con CSS3, utilizando:
- Selectores de etiquetas, clases e identificadores. Pseudoelementos y pseudoclases.
- Proporciones y unidades de medidas.
- Códigos de colores.
- Formateado de textos e importación de fuentes.
- Columnas.
- Bordes y gradientes.
- Múltiples imágenes de fondo.
- Sombreados y sombras en textos.
- Degradados.
- Posiciones.
- Distintos usos de display.
- Modelo de cajas y cajas flexibles.
- Modelo de rejilla.
- Transiciones.
- Animaciones mediante keyframes.
- Cálculos y variables.
- Diseño responsivo para distintos tamaños de pantalla.
- HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
- Orientación a las necesidades del cliente y a los requerimientos técnicos en el desarrollo del sitio web.
- Mostrar iniciativa, mejorando los desarrollos realizados utilizando nuevas herramientas.
- Habilidades de pensamiento creativo y resolución de problemas.
- Módulo de formación 6
- Programación JavaScript en páginas web
- OBJETIVO
- Desarrollar aplicaciones web frontend con JavaScript.
- CONOCIMIENTOS / CAPACIDADES COGNITIVAS Y PRÁCTICAS
- Introducción a los lenguajes orientados a objetos.
- Incorporación de JavaScript dentro de ficheros HTML.
- Utilización de Sintaxis básica.
- Implementación de funciones de respuesta a eventos. HTML dinámico.
- Declaración de variables y tipos de datos.
- Uso de expresiones y operadores.
- Control de flujo de programas.
- Uso de Arrays y almacenamiento y extracción de datos.
- Declaración y llamada a funciones JavaScript
- Llamada a librerías JavaScript y JQuery, añadiendo interactividad al documento.
- Conocimiento de APis (Canvas, geoposicionamiento, etc.).
- Ejemplos.
- HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
- Orientación a las necesidades del cliente y a los requerimientos técnicos en el desarrollo del sitio web.
- Mostrar iniciativa, mejorando los desarrollos realizados utilizando nuevas herramientas dirigidas a garantizar la accesibilidad digital.
- Habilidades de pensamiento creativo y resolución de problemas.
- Módulo de formación 7
- Accesibilidad
- OBJETIVO
- Conocer y aplicar a sitios web los estándares WCAG 2.0 de accesibilidad digital, para garantizar el acceso web igualitario.
- CONOCIMIENTOS / CAPACIDADES COGNITIVAS Y PRÁCTICAS
- Definición y problemas de accesibilidad web.
- Pautas de accesibilidad WCAG 2.0.
- Ejemplos de contenidos web accesibles.
- HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
- Orientación a las necesidades del cliente y a los requerimientos técnicos en el desarrollo del sitio web.
- Mostrar iniciativa, mejorando los desarrollos realizados utilizando nuevas herramientas dirigidas a garantizar la accesibilidad digital.
- Habilidades de pensamiento creativo y resolución de problemas.
Especialidad formativa