IFCT0078 – CREACIÓN, PROGRAMACIÓN Y DISEÑO DE PÁGINAS WEB

Con este curso gratis, aprenderás a diseñar, y programar páginas web, siguiendo las especificaciones del cliente tanto
estéticas como técnicas.

Cumplir como mínimo alguno de los siguientes requisitos:
Certificado de profesionalidad de nivel 1
-Título de Técnico (FP Grado medio) o equivalente
-• Certificado Profesional de Nivel 1 de la familia profesionalInformática y Comunicaciones.
• Ciclo de grado medio (o equivalente) de la familia profesional Informática y Comunicaciones

Diseñar, y programar páginas web, siguiendo las especificaciones del cliente tanto
estéticas como técnicas.

Módulo 1 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. Módulo 2 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 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 3 Conocimientos / Capacidades cognitivas y prácticas
  • Conocimiento de la teoría sobre diseño gráfico para la web.
  • Introducción a usuabilidad 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 4 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 5 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 6 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 7 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

Al finalizar este curso, y siempre que superes con éxito la evaluación correspondiente, recibirás un Diploma Oficial de Aprovechamiento. Este diploma acredita no solo tu participación, sino también que has adquirido los conocimientos y competencias trabajadas durante la formación.