IFCD0110
CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB
Nivel 2
Crear y publicar páginas web que integren textos, imágenes y otros elementos, utilizando lenguajes de marcas y editores apropiados, según especificaciones y condiciones de «usabilidad» dadas y realizar los procedimientos de instalación y verificación de las mismas en el servidor correspondiente.
- - Identificar los elementos proporcionados por los lenguajes de marcas y confeccionar páginas web utilizando estos lenguajes teniendo en cuenta sus especificaciones técnicas.
- Identificar las funciones y características de las herramientas de edición web, y utilizarlas en la creación de páginas web teniendo en cuenta sus entornos de desarrollo.
- Conocer y utilizar las principales directivas que forman parte del lenguaje HTML así como los atributos más importantes que modifican el comportamiento de las mismas.
- Conocer el significado de los conceptos de usabilidad y accesibilidad web, así como la importancia que tienen en el diseño y desarrollo web profesional.
- Identificar las principales características y novedades de HTML 5, así como ciertas limitaciones que todavía presenta respecto a la interpretación en algunos navegadores.
- - Identificar los elementos proporcionados por los lenguajes de marcas y confeccionar páginas web utilizando estos lenguajes teniendo en cuenta sus especificaciones técnicas.
- LOS LENGUAJES DE MARCAS.
Características de los lenguajes de marcas.
Navegadores web.
Estructura de un documento creado con lenguaje de marcas.
Marcas para dar formato al documento.
Enlaces y direccionamientos.
Marcos y capas.
IMÁGENES Y ELEMENTOS MULTIMEDIA.
Inserción de imágenes: formatos y atributos.
Mapas de imágenes.
Inserción de elementos multimedia: audio, vídeo y programas.
Marquesinas.
TÉCNICAS DE ACCESIBILIDAD Y USABILIDAD.
Accesibilidad web, ventajas de la accesibilidad.
Usabilidad web, importancia de la usabilidad.
Aplicaciones para verificar la accesibilidad de sitios web (estándares).
Adaptación de sitios web usables.
HERRAMIENTAS DE EDICIÓN WEB.
Instalación de herramientas de edición web.
Funciones y características.
- LOS LENGUAJES DE MARCAS.
- - Describir las características de las hojas de estilo para dar formato a las páginas web, y crear ficheros de estilo de acuerdo a un diseño especificado.
- Describir la sintaxis y los atributos que se utilizan para crear estilos, con el fin de crear ficheros con declaraciones de estilos.
- Realizar un fichero con declaraciones de estilo para homogeneizar el formato de un sitio web, según un diseño especificado.
- Identificar la sintaxis a utilizar para asignar el estilo a las etiquetas.
- Aplicar criterios de “usabilidad” y accesibilidad.
- Documentar el fichero creado.
- Diseñar, ubicar y optimizar los contenidos de una página web, para adecuarla al formato de la misma, facilitar su manejo a los usuarios y optimizarla de acuerdo a un diseño especificado.
- Optimizar las páginas web teniendo en cuenta sus elementos contenidos y sus funcionalidades.
- - Describir las características de las hojas de estilo para dar formato a las páginas web, y crear ficheros de estilo de acuerdo a un diseño especificado.
- HOJAS DE ESTILO EN LA CONSTRUCCIÓN DE PÁGINAS WEB.
Funciones y características.
Hojas de estilo y accesibilidad.
Tipos de estilo.
Selectores y reglas de estilo.
Atributos de estilo para fuentes, color y fondo, texto y bloques (párrafos).
Atributos de estilo para contenedores, imágenes, listas, tablas y formularios.
Posicionamiento de elementos.
Jerarquía de las reglas CSS.
Creación de ficheros de estilo.
CSS3.
DISEÑO,UBICACIÓN Y OPTIMIZACIÓN DE LOS CONTENIDOS DE UNA PÁGINA WEB.
Creación de un documento funcional.
Diseño de los contenidos.
Identificación de la información a ubicar en la página web.
Selección de contenidos para cada elemento de la página.
Utilización del documento funcional para las especificaciones del diseño.
Tipos de páginas para la ubicación de contenidos.
Definición de los tipos de página en base a los contenidos y funcionalidades.
Selección de los tipos de página para la página web.
Utilización del documento funcional para las especificaciones del tipo de página.
Especificaciones de la navegación.
Creación de un mapa de navegación de páginas.
Utilización del documento funcional para integrar el mapa de navegación.
Elementos utilizados para la navegación.
Elaboración de una guía de usuario.
- HOJAS DE ESTILO EN LA CONSTRUCCIÓN DE PÁGINAS WEB.
- - Confeccionar plantillas para las páginas web atendiendo a las especificaciones de diseño recibidas.
- Crear formularios e integrarlos en páginas web para incluir interactividad en las mismas, siguiendo unas especificaciones funcionales recibidas.
- Crear plantillas web con herramientas de edición, de acuerdo a un diseño especificado.
- Realizar páginas que incorporan formularios para interactuar con el usuario, según un diseño especificado.
- - Confeccionar plantillas para las páginas web atendiendo a las especificaciones de diseño recibidas.
- FORMULARIOS EN LA CONSTRUCCIÓN DE PAGINAS WEB.
Características.
La interactividad de las páginas web.
La variabilidad de los datos de la página web.
El envío de información a servidores.
Elementos y atributos de formulario.
Descripción y definición de los elementos de un formulario.
Utilización de campos y textos.
Etiquetas de los formularios.
Tamaños, columnas y filas de los formularios.
Controles de formulario.
Descripción de los controles de los formularios.
Utilización de botones de acción.
Utilización de listas desplegables.
Utilización de casillas de verificación.
Utilización de campos de textos.
Formularios y eventos. Criterios de accesibilidad y usabilidad en el diseño de formularios.
Agrupación de datos.
Adecuación del tamaño del formulario (división en distintas páginas).
Identificación de los campos obligatorios.
Ordenación lógica de la petición de datos.
Información correcta al usuario.
Utilización de páginas de error y de confirmación.
PLANTILLAS EN LA CONSTRUCCIÓN DE PAGINAS WEB.
Funciones y características.
Descripción de una plantilla web.
Elementos de una plantilla web.
Estructura y organización de los elementos de las plantillas.
Especificar las zonas modificables de una plantilla y las partes fijas.
Utilización de plantillas.
Campos editables y no editables.
Definir y crear los campos susceptibles de cambios en una plantilla.
Definir y crear los campos no modificables en una plantilla.
Aplicar plantillas a páginas web.
Las plantillas en la web.
Búsqueda de plantillas en la red.
Adaptación de plantillas a páginas web.
- FORMULARIOS EN LA CONSTRUCCIÓN DE PAGINAS WEB.
- - Identificar las estructuras de programación y los tipos de datos que se utilizan en la elaboración de scripts, de acuerdo a unas especificaciones recibidas.
- Distinguir las propiedades y métodos de los objetos proporcionados por el lenguaje de guión, en función de las especificaciones técnicas del lenguaje.
- Identificar scripts ya desarrollados que se adapten a las funcionalidades especificadas e integrarlos en las páginas web de acuerdo a unas especificaciones recibidas.
- - Identificar las estructuras de programación y los tipos de datos que se utilizan en la elaboración de scripts, de acuerdo a unas especificaciones recibidas.
- Metodología de la programación
Lógica de programación.
Ordinogramas.
Pseudocódigos.
Objetos.
Ejemplos de códigos en diferentes lenguajes.
Lenguaje de guión
Características del lenguaje.
Relación del lenguaje de guión y el lenguaje de marcas.
Sintaxis del lenguaje de guión.
Tipos de scripts: inmediatos, diferidos e híbridos.
Ejecución de un script.
Elementos básicos del lenguaje de guión
Variables e identificadores.
Tipos de datos.
Operadores y expresiones.
Estructuras de control.
Funciones.
Instrucciones de entrada / salida.
Desarrollo de scripts
Herramientas de desarrollo, utilización.
Depuración de errores: errores de sintaxis y de ejecución.
Mensajes de error.
Gestión de objetos del lenguaje de guión
Jerarquía de objetos.
Propiedades y métodos de los objetos del navegador.
Propiedades y métodos de los objetos del documento.
Propiedades y métodos de los objetos del formulario.
Propiedades y métodos de los objetos del lenguaje.
Los eventos del lenguaje de guión
Utilización de eventos.
Eventos en elementos de formulario.
Eventos de ratón. Eventos de teclado.
Eventos de enfoque.
Eventos de formulario.
Eventos de ventana.
Otros eventos.
Búsqueda y análisis de scripts
Búsqueda en sitios especializados.
Operadores booleanos.
Técnicas de búsqueda.
Técnicas de refinamiento de búsquedas.
Reutilización de scripts.
- Metodología de la programación
- - Aplicar técnicas de prueba y verificación de la integración de los componentes en la página web para comprobar parámetros de funcionalidad y usabilidad, de acuerdo a unas especificaciones recibidas.
- Identificar las fases que intervienen en la verificación de la integración de componentes en páginas.
- Clasificar los distintos tipos de archivos que se van a integrar en la página, verificando la instalación del plugin correspondiente en el navegador web.
- Verificar la integración de scripts ya desarrollados en páginas web para probar su funcionalidad.
- - Aplicar técnicas de prueba y verificación de la integración de los componentes en la página web para comprobar parámetros de funcionalidad y usabilidad, de acuerdo a unas especificaciones recibidas.
- VALIDACIONES DE DATOS EN PÁGINAS WEB.
Funciones de validación.
Descripción de las funciones.
Utilidad de las funciones.
Implementación de las funciones.
Validaciones alfabéticas, numéricas y de fecha.
Definición de validaciones.
Código de validación.
Ejecución del código de validación.
Verificar formularios.
Identificación de datos.
Implementación del código de verificación.
Comprobación de los datos introducidos por el usuario.
EFECTOS ESPECIALES EN PÁGINAS WEB.
Trabajar con imágenes: imágenes de sustitución e imágenes múltiples.
Selección de imágenes.
Optimización de imágenes.
Implementación de código con varias imágenes.
Trabajar con textos: efectos estéticos y de movimiento.
Creación de textos mejorados y con movimiento.
Implementación de efectos.
Adecuación de los efectos a la página web.
Trabajar con marcos.
Dónde utilizar los marcos.
Limitaciones de los marcos.
Alternativas a los marcos.
Trabajar con ventanas.
Creación de varias ventanas.
Interactividad entre varias ventanas.
Otros efectos.
Efectos con HTML.
Efectos con CSS.
Efectos con capas.
PRUEBAS Y VERIFICACIÓN EN PÁGINAS WEB.
Técnicas de verificación.
Fundamentales.
Técnicas HTML.
Técnicas CSS.
Herramientas de depuración para distintos navegadores.
Utilidades para HTML.
Utilidades para JavaScript.
Utilidades para CSS.
Utilidades para DOM.
Verificación de la compatibilidad de scripts.
Parámetros para distintos navegadores.
Creación de código alternativo para diversos navegadores.
- VALIDACIONES DE DATOS EN PÁGINAS WEB.
- - Identificar los recursos disponibles en el sitio web y crear la estructura de almacenamiento para la publicación de las páginas y sus componentes.
- Transferir los archivos al sitio de publicación, usando las herramientas establecidas según especificaciones recibidas.
- Verificar las páginas transferidas, teniendo en cuenta criterios de calidad y «usabilidad» para garantizar su funcionalidad.
- Exponer las páginas desarrolladas en buscadores y directorios de acuerdo a los criterios de disponibilidad prefijados.
- - Identificar los recursos disponibles en el sitio web y crear la estructura de almacenamiento para la publicación de las páginas y sus componentes.
- Características de seguridad en la publicación de páginas web
Seguridad en distintos sistemas de archivos:
Permisos de acceso.
Órdenes de creación, modificación y borrado.
Herramientas de transferencia de archivos
Parámetros de configuración.
Conexión con sistemas remotos.
Operaciones y Comandos / órdenes para transferir archivos.
Operaciones y Comandos / órdenes para actualizar y eliminar archivos.
Publicación de páginas web
Buscadores genéricos
Buscadores especializados
Descriptores: palabras clave y sistemas normalizados de <>.
Aplicaciones de publicación automatizada.
Procedimientos de publicación.
Pruebas y verificación de páginas web
Técnicas de verificación.
Herramientas de depuración para distintos navegadores.
Navegadores: tipos y <>.
- Características de seguridad en la publicación de páginas web
Volver