CREA TU PÁGINA WEB: DISEÑO, PROGRAMACIÓN Y PUBLICACIÓN

Módulo 1. Introducción al entorno web.
Unidad 1. Introducción a la web y su historia.

Unidad 2 . Uso correcto de los distintos navegadores web y de sus herramientas.

Unidad 3. Repaso de gestión de carpetas, archivos, asociación de estos a cada programa, etc.

Unidad 4. 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.

Unidad 5. 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.

Unidad 6. 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.

Módulo 2. Elementos y estructura de un sitio web.
Unidad 1. Qué es un sitio web.

Unidad 2. 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.
– 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.

Unidad 3. Conocimiento de las diferentes tipologías de sitios web según interactividad:
– Páginas web estáticas.
– Páginas web dinámicas.

Unidad 4. Diferenciación de los elementos básicos de una página web según su estructura.

Unidad 5. 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.

Unidad 6. Estructuración de la 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.

Unidad 7. 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.

Unidad 8. 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.

Módulo 3. Diseño de sitios web.
Unidad 1. Conocimiento de la teoría sobre diseño gráfico para la web.

Unidad 2. Introducción a usuabilidad y experiencia de usuario/a.

Unidad 3. 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.

Unidad 4. Modificación de la presentación de contenidos según tamaños de pantalla y dispositivos: diseño responsivo frente a adaptativo.

Unidad 5. Utilización de herramientas para crear interfaces de bajo nivel o wireframe, jerarquización de contenidos y flujos de navegación.

Unidad 6. 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 personalizada. Utilizar herramientas online.

Unidad 7. 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.

Módulo 4. Maquetación de páginas web con HTML5.
Unidad 1. Aprender a configurar y utilizar editores de código.

Unidad 2. Definición de documentos HTML.

Unidad 3. La web semántica.

Unidad 4. Estructura de página HTML5.

Unidad 5. Metainformación.

Unidad 6. 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.

Módulo 5. Definición de estilos con CSS3.
Unidad 1. Definición de documento de hojas de estilos en cascada.

Unidad 2. 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.

Unidad 3. Diseño responsivo para distintos tamaños de pantalla.

Módulo 6. Programación Javascript en páginas web.
– 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
– Conocimiento de APis (Canvas, geoposicionamiento, etc.).
– Ejemplos.