Creación de páginas web
Modalidad
online
Duración
90 horas
Lo que vas a conseguir
- OBJETIVOS DEL MÓDULO HTML INTERMEDIO:
- HTML5 es un nuevo concepto para la construcción de sitios web y aplicaciones que combina dispositivos móviles, computación en la nube y trabajos en red. Para ello hemos realizado un curso con las etiquetas de HTML5 Intermedio. A lo largo de todo el curso, la estructura que se sigue es la misma (se explica la etiqueta de un apartado y se muestra el código fuente). Además, HTML5 propone continuos ejercicios prácticos que se plantean a lo largo de todo el temario, y que ayudarán al alumno/a a asimilar mejor este lenguaje.
- OBJETIVOS DEL MÓDULO PÁGINAS WEB CON LENGUAJE DE MARCAS Y HOJAS DE ESTILO:
- Conocer la existencia de técnicas de maquetación basadas en marcos y su evolución natural hacia el diseño adaptativo con capas.
- Reconocer los formatos de audio y de vídeo que se incluyen habitualmente en las páginas web.
- Conocer las diferentes técnicas para insertar elementos multimedia en los sitios webs.
- Trabajar con las etiquetas que facilitan la inserción de todo tipo de elementos multimedia.
- Identificar y usar adecuadamente las etiquetas necesarias para crear mapas de imágenes.
- Conocer los conceptos de usabilidad y accesibilidad aplicados al diseño de sitios webs.
- Tener en cuenta los criterios definidos y la normativa estándar de accesibilidad y usabilidad a la hora de diseñar sitios webs.
- Conocer las ventajas de crear sitios accesibles y con facilidades de uso para todos los visitantes.
- Instalar y configurar herramientas de edición de páginas web.
- Desarrollar sitios web usando aplicaciones específicas de edición web.
- Interpretar la documentación técnica que proporcionan las herramientas de edición.
- Conocer las ventajas y desventaja de usar hojas de estilos CSS y lenguaje HTML como pilares de la edición web que separa desde el principio los contenidos y el formato.
- Identificar los atributos y propiedades que se utilizan para definir estilos para una página web.
- Utilizar eficazmente los diferentes procedimientos para incluir estilos en las páginas webs ya sea directamente o mediante el uso de ficheros externos.
- Aplicar criterios de «usabilidad» y accesibilidad al diseño de páginas webs aprovechando las ventajas que sobre este asunto aportan las hojas de estilo.
- Conocer las ventajas de aplicar los estándares y la realización de pruebas en diferentes navegadores.
- Adecuar los contenidos de la página web para adaptarlos al formato de la misma de acuerdo con las especificaciones recibidas.
- Tener en cuenta la usabilidad y la facilidad en el manejo de las páginas web a la hora de diseñar sitios en Internet.
- Optimizar los recursos utilizados en las páginas web equilibrando los conceptos de diseño atractivo y contenidos.
Temario
CONTENIDO DEL MÓDULO WORDPRESS:73 temas
- 1 Introducción a Wordpress
- 1.1 Qué es Wordpress
- 1.2 Qué necesita para trabajar con Wordpress
- 1.3 Cuestionario: Introducción a WordPress
- 2 Instalación de Wordpress en un servidor local
- 2.1 Servidores locales, LocalWP y XAMPP
- 2.2 Dentro del Panel de control de XAMPP
- 2.3 Crear una base de datos para WordPress
- 2.4 Instalación de WordPress en local con XAMPP
- 2.5 Migrar WordPress de remoto a local
- 2.6 Práctica - Instalar XAMMP en su equipo
- 2.7 Práctica - Crear una base de datos
- 2.8 Práctica - Instalar Wordpress en local
- 2.9 Cuestionario: Instalación de WordPress en un servidor local
- 3 Entorno de Wordpress
- 3.1 Iniciar sesión al modo editor
- 3.2 Escritorio
- 3.3 Barra superior de opciones
- 3.4 Zona central del Escritorio
- 3.5 Menú lateral de opciones principales
- 3.6 Cuestionario: Entorno de WordPress
- 4 Entradas
- 4.1 Entradas
- 4.2 Nueva Entrada
- 4.3 Editar Entrada existente
- 4.4 Eliminar Entradas
- 4.5 Gestionar las Categorías
- 4.6 Etiquetas
- 4.7 Práctica - Crear mi primer blog
- 4.8 Cuestionario: Entradas
- 5 Páginas
- 5.1 Páginas
- 5.2 Nuevas páginas
- 5.3 Trabajar con páginas ya creadas
- 5.4 Cuestionario: Páginas
- 6 Trabajar con imágenes, videos, audios
- 6.1 La Biblioteca de medios
- 6.2 Agregar archivos a la Biblioteca
- 6.3 Insertar imagen a una entrada o página
- 6.4 Borrar o editar imágenes
- 6.5 Insertar una galeria de imágenes
- 6.6 Insertar o incrustar video, audio u otros
- 6.7 Cuestionario: Trabajar con imágenes, videos, audios
- 7 Enlaces HTML
- 7.1 Insertar un enlace HTML
- 7.2 Editar un enlace HTML
- 7.3 Eliminar un enlace HTML
- 7.4 Agregar Bloque de Redes Sociales
- 7.5 Cuestionario: Enlaces HTML
- 8 Plugins en WordPress
- 8.1 Introducción a los Plugins de WordPress
- 8.2 Constructores de WordPress
- 8.3 Herramientas de Posicionamiento
- 8.4 Seguridad
- 8.5 Comercio electrónico
- 8.6 IA en los Plugins
- 8.7 Cuestionario: Plugins
- 9 Diseñar una página web desde cero con Wordpress
- 9.1 Toma de contacto con WordPress
- 9.2 Creación de las páginas
- 9.3 Menu Ajustes
- 9.4 Eliminar Widgets predeterminados
- 9.5 Cómo seleccionar el Tema
- 9.6 Crear un menú
- 9.7 Personalizar
- 9.8 Diseñar la pagina de Inicio
- 9.9 Crear una página nueva
- 9.10 Crear el Pie de página (Footer)
- 9.11 Crear página Contacto
- 9.12 Crear Nuevo Menú
- 9.13 Blog
- 9.14 Conclusión Final
- 9.15 Cuestionario: Cuestionario final
CONTENIDO DEL MÓDULO HTML INTERMEDIO:55 temas
- 1 Introducción al lenguaje HTML5
- 1.1 Historia e introducción al lenguaje de programación web HTML5
- 1.2 Lenguaje de etiquetas
- 1.3 Estructura y definición de documento HTML
- 1.4 Definición del tipo de documento
- 1.5 Etiqueta DOCTYPE
- 1.6 Cuestionario: Introducción al lenguaje HTML5
- 2 Encabezado del documento
- 2.1 Etiqueta HTML
- 2.2 Encabezado del documento
- 2.3 Etiqueta BASE
- 2.4 Etiqueta LINK
- 2.5 Etiqueta SCRIPT
- 2.6 Etiqueta NOSCRIPT
- 2.7 Cuestionario: Encabezado del documento
- 3 Cuerpo del documento
- 3.1 Etiqueta BODY
- 3.2 Enlaces internos en el documento
- 3.3 Enlaces a documentos web externos relativos y absolutos
- 3.4 Enlaces a correo electrónico, ftp
- 3.5 Etiqueta B, EM y STRONG
- 3.6 Etiqueta CODE, SAMP y KBD
- 3.7 Etiqueta VAR, MARK y CITE
- 3.8 Etiqueta I, S, U y SMALL
- 3.9 Etiqueta SUB, SUP, BR y WBR
- 3.10 Etiqueta INS, DEL Y ABBR
- 3.11 Etiqueta ADDRESS, BDO y DFN
- 3.12 Etiqueta PRE, Q y BLOCKQUOTE
- 3.13 Etiqueta BDI, RUBI, RT, RP y DIALOG
- 3.14 Cuestionario: Cuerpo del documento
- 4 Atributos en HTML5
- 4.1 Atributos Globales - accesskey, class y contenteditable
- 4.2 Atributos Globales - data, dir y draggable
- 4.3 Atributos Globales - hidden, id y lang
- 4.4 Atributos Globales - spellcheck, style y tabindex
- 4.5 Atributos Globales - title y h1-h6
- 4.6 Etiqueta IMG
- 4.7 Etiqueta TABLE
- 4.8 Definición de una tabla sencilla
- 4.9 Definición de una tabla con combinación de columnas
- 4.10 Definición de una tabla con combinación de filas
- 4.11 Definición de tabla con columnas y filas combinadas
- 4.12 Definición de tablas avanzadas
- 4.13 Cuestionario: Atributos en HTML5
- 5 Estructuras básicas
- 5.1 Etiqueta UL
- 5.2 Etiqueta OL
- 5.3 Etiqueta DL
- 5.4 Web semántica - Etiqueta DIV, SPAN y HEADER
- 5.5 Web semántica - Etiqueta NAV
- 5.6 Web semántica - Etiqueta SECTION y ARTICLE
- 5.7 Web semántica - Etiqueta ASIDE y FIGURE
- 5.8 Web semántica - Etiqueta FOOTER, TIME y DETAILS
- 5.9 Cuestionario: Estructuras básicas
- 5.10 Cuestionario: Cuestionario final
CONTENIDO DEL MÓDULO PÁGINAS WEB CON LENGUAJE DE MARCAS Y HOJAS DE ESTILO:55 temas
- 1 Lenguajes de marcas
- 1.1 Aspectos importante de los lenguajes de marca
- 1.2 Estructura de un lenguaje creado con lenguaje de marcas
- 1.3 Navegadores web
- 1.4 Marcas para dar formato al documento
- 1.5 Enlaces y direccionamientos
- 1.6 Marcos
- 1.7 Capas
- 1.8 Cuestionario: Cuestionario
- 2 Tratamiento de imágenes y elementos multimedia
- 2.1 Incorporar imágenes
- 2.2 Mapas de imágenes
- 2.3 Insertar elementos multimedia
- 2.4 Diferentes formatos de audio y vídeo
- 2.5 Marquesinas
- 2.6 Cuestionario: Cuestionario
- 3 Técnicas de accesibilidad y usabilidad
- 3.1 Accesibilidad web
- 3.2 Verificar la accesibilidad de sitios
- 3.3 Usabilidad web y su importancia
- 3.4 Diseño de sitios web usables
- 3.5 Adaptación de sitios web usables
- 3.6 Cuestionario: Cuestionario
- 4 Configuración de herramientas de edición web
- 4.1 Herramientas de edición web
- 4.2 Tipos de editores web
- 4.3 Editores para Windows
- 4.4 Editores para Linux y multiplataforma
- 4.5 Funciones y características
- 4.6 Cuestionario: Cuestionario
- 5 Hojas de estilo en páginas web
- 5.1 Funciones de las hojas de estilo
- 5.2 Hojas de estilo y accesibilidad
- 5.3 Tipos de estilos
- 5.4 Selectores y reglas de estilo
- 5.5 Atributos de estilo
- 5.6 Creación de ficheros de estilo
- 5.7 Cuestionario: Cuestionario
- 6 Documento funcional
- 6.1 Crear un documento funcional
- 6.2 Diseño de contenidos
- 6.3 Información a ubicar en la página web
- 6.4 Selección de contenidos por cada elemento
- 6.5 Uso del documento funcional para el diseño
- 6.6 Tipos de páginas para la ubicación de contenidos
- 6.7 Tipos de página en base a los contenidos y funcionalidades
- 6.8 Selección de los tipos de página para la página web
- 6.9 Documento funcional para las especificaciones del tipo de página
- 6.10 Especificaciones de navegación
- 6.11 Creación de un mapa de navegación de páginas
- 6.12 Documento funcional para integrar el mapa de navegación
- 6.13 Elementos utilizados para la navegación
- 6.14 Elaboración de una guía de usuario
- 6.15 Cuestionario: Cuestionario
- 6.16 Cuestionario: Cuestionario final
- Centro autorizado SEPE · FUNDAE
- Gestionamos la bonificación de principio a fin