Dissenys I Implementació de L'estructura D'un Web

Código: ifci7004_M02
Familia: Informàtica i comunicacions
Área: Informàtica
Horas: 110
Contenidos:

A) Prácticas:
Diseñar e implementar la estructura de un sito Web realizando las siguientes prácticas:

• Definir una estructura del sitio Web que facilite el acceso a la información de los usuarios.
• Crear un documento HTML estableciendo el título y diferenciando las secciones principales.
• Modificar texto escribiendo frases con distintos tipos de fuentes, colores y tamaños.
• Mostrar listados con los elementos de lista de HTML, tanto listas numeradas como no numeradas.
• Establecer enlaces entre diferentes documentos HTML.
• Crear enlaces internos al documento.
• Insertar imágenes con diferentes formatos en los documentos HTML.
• Manipular los cambios de tamaño y alineación de imágenes conforme al texto.
• Implementar mapas a las imágenes para crear enlaces internos o externos.
• Establecer la estructura de un documento mediante tablas simples y anidadas.
• Separar el contenido del sitio Web mediante tablas.
• Confeccionar un formulario con todos sus elementos.
• Construir una página contenedora de marcos.
• Establecer menús de navegación entre unos marcos y otros.
• Formatear el texto de las páginas mediante la aplicación de hojas de estilo en cascada.
• Generar imágenes de sustitución para los menús de los marcos que se empleen como índices y dotarlas de efectos dinámicos.
• Implementar la estructura de un sitio Web utilizando un editor de páginas Web extendido y actual en el mercado.
• Validar formularios:
• Definiendo variables, referencias, vectores y matrices.
• Recogiendo los valores de los elementos del formulario (cajas, botones, etc) y almacenándolos en las variables.
• Comparar los valores almacenados en las variables con valores introducidos previamente por el alumno mediante estructuras de control.
• Crear funciones específicas con instrucciones de comparación.
• Comprobar el contenido de una caja de texto utilizando eventos y estructuras de control.
• Manipular los objetos del documento:
• Modificar el formato del texto del documente utilizando funciones.
• Crear sesiones utilizando cookies.
• Vincular un fichero .js o .vbs a varios documentos HTML incluidos en un sitio Web.

B) Conocimientos teóricos:

• HTML:
  
  • Características.
  • Estructura de un documento HTML.
  • Etiquetas.
  • Propiedades y atributos.
• Formato del texto:
  
  • Fuentes.
  • Bloques de texto.
  • Listas.
  • Tablas.
• Hipervínculos:
  
  • Hipertexto.
  • Vínculos.
  • URL.
  • Tipos de enlaces.
• Imágenes:
  
  • Enlaces.
  • Formatos gráficos.
  • Mapas.
  • Applets.
  • Sonido.
  • Vídeo.

• Formularios:
  
  • Elementos de un formulario.
  • Cajas.
  • Botones.
  • Casillas de verificación.
  • Listas desplegables.
  • Etiquetas.
  • Grupos de campos.
  • Subir ficheros.

• Marcos:
  
  • Conceptos básicos.
  • Propiedad y atributos.
  • Menús de navegación.
  • Enlaces.
  • Nombres especiales.
• Hojas de estilo.
• Editor de páginas Web.
• Características del entorno gráfico.
• Menús.
• Herramientas.
• Introducción a los lenguajes de script:
• Elementos básicos:
  
  • Comentarios.
  • Literales.
  • Sentencias y bloques.
  • Introducción y escritura de datos.
• Tipos de datos:
  
  • Variables.
  • Arrays o matrices.
  • Referencias o instancias.
• Operadores.
• Estructuras de control.
• Funciones.
• Objetos.
• Objetos predefinidos.
• Objetos del documento.
• Eventos.
• Cookies.
• Ficheros .js y .vbs.
• Validación de formularios.
• Optimización de sitios Web.

C) Contenidos relacionados con la profesionalidad:
Fomentar la comunicación y el trabajo en equipo
Favorecer las habilidades necesarias para la experimentación y la adaptación al cambio.