IFCT0078

1. Introducción a la web y su historia.

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

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

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.

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.

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.

1. Qué es un sitio web.

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.

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.

3. Conocimiento de las diferentes tipologías de sitios web según interactividad:

Páginas web estáticas.

Páginas web dinámicas.

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

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.

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

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.

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.

1. Conocimiento de la teoría sobre diseño gráfico para la web.

2. Introducción a usabilidad y experiencia de usuario/a.

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.

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

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

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 personalizadas. Utilizar herramientas online.

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.

1. Aprender a configurar y utilizar editores de código.

2. Definición de documentos HTML.

3. La web semántica.

4. Estructura de página HTML5.

5. Metainformación.

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.

1. Definición de documento de hojas de estilos en cascada.

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.

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

1. Introducción a los lenguajes orientados a objetos.

2. Incorporación de JavaScript dentro de ficheros HTML.

3. Utilización de Sintaxis básica.

4. Implementación de funciones de respuesta a eventos. HTML dinámico.

5. Declaración de variables y tipos de datos.

6. Uso de expresiones y operadores.

7. Control de flujo de programas.

8. Uso de Arrays y almacenamiento y extracción de datos.

9. Declaración y llamada a funciones JavaScript

10. Llamada a librerías JavaScript y JQuery, añadiendo interactividad al documento.

11. Conocimiento de APis (Canvas, geoposicionamiento, etc.).

12. Ejemplos.

1. Definición y problemas de accesibilidad web.

2. Pautas de accesibilidad WCAG 2.0.

3. Ejemplos de contenidos web accesibles.