Diseño de Páginas Web

Objetivos:

Determinar los elementos de la base de datos que se han de manipular, mediante la interpretación del diseño de la base de datos y el análisis de los requisitos de usuario. Enumerar las herramientas del sistema de bases de datos para la consulta y manipulación del diccionario de datos.

Contenidos:

1. Enfoques de diseño
2. Metodologías de diseño
3. Estudio del diseño lógico de una base de datos relacional
4. El diccionario de datos: Concepto y estructura
5. Estudio del diseño de la BBDD y de los requisitos de usuario

Objetivos:

Adquirir conocimientos básicos sobre diseño de páginas web, utilizando hipertexto, añadiendo los enlaces, gráficos, tablas, formularios, etc. Aprender el lenguaje de programación de html, para poder realizar páginas web sencillas y estáticas. Conocer los conceptos básicos sobre la red internet y los sistemas para la publicación web. Adquirir los conocimientos necesarios para maquetar textos y así poder optimizar el tiempo empleado en la elaboración de los mismos. Conocer las principales prestaciones del diseño de páginas web y las ventajas que éstas pueden aportar al trabajo diario. Aprender en el área de diseño, maquetación y publicación de páginas web a nivel aplicativo, haciendo uso de las herramientas más potentes del mercado, siendo capaz de generar páginas atractivas gracias a la inclusión de elementos gráficos, animaciones y efectos impactantes.

Contenidos:

UD1. Introducción al diseño de páginas Web.

• 1.1. Conceptos previos.
• 1.2. La organización de una presentación Web.
• 1.3. Introducción al lenguaje HTML.
• 1.4. Primeros pasos.
• 1.5. La sintaxis del lenguaje HTML.
• 1.6. Editores y convertidores.

UD2. El texto.

• 2.1. Introducción.
• 2.2. Dar formato al texto.
• 2.3. Introducción a los atributos.
• 2.4. La etiqueta .
• 2.5. El color en HTML.
• 2.6. Márgenes.
• 2.7. Caracteres especiales.
• 2.8. Listas.

UD3. Los Enlaces.

• 3.1. Estructura de los Enlaces.
• 3.2. Enlaces dentro de una misma página.
• 3.3. Enlaces con otra página dentro del mismo sitio Web.
• 3.4. Enlaces con otro sitio Web.
• 3.5. Enlaces con una dirección de E-mail.
• 3.6. Enlaces con un archivo para descargar.

UD4. Las imágenes.

• 4.1. Formato de las imágenes.
• 4.2. Insertar una imagen. Etiqueta y atributos.
• 4.3. Alineación y tamaño de imágenes.
• 4.4. Crear un enlace en una imagen.
• 4.5. Mapas de imágenes.
• 4.6. Fondos de pantalla o Backgrounds.

UD5. Las tablas.

• 5.1. Descripción de etiquetas para la creación de tablas.
• 5.2. Atributos para las tablas.
• 5.3. Titular de la tabla.
• 5.4. Atributos de las celdas.
• 5.5. Celdas de cabecera.
• 5.6. Contenido de las celdas.
• 5.7. Tablas anidadas.

UD6. Formularios.

• 6.1. Descripción del concepto de formulario.
• 6.2. Distintos elementos de un formulario.
• 6.3. Diseño de un formulario.
• 6.4. Métodos de acceso.

UD7. Los Frames.

• 7.1. Descripción del concepto de Frame.
• 7.2. Etiquetas para crear Frames.
• 7.3. Navegadores que no soportan Frames.
• 7.4. Navegación entre distintos Frames.
• 7.5. Anidación de Frames.
• 7.6. Cosas a evitar en el uso de Frames.

UD8. Introducción a las hojas de estilo (CSS).

• 8.1. ¿Qué son las Hojas de Estilo?
• 8.2. ¿Cómo se aplican las Hojas de Estilo?
• 8.3. Sintaxis de las hojas de estilo.
• 8.4. Estilo para etiquetas concretas o un grupo de ellas.
• 8.5. Estilo para un documento HTML.
• 8.6. Enlazando distintos documentos a una hoja de estilo.
• 8.7. Templates.

UD9. Cómo publicar una página Web.

• 9.1. Alojamiento de las páginas.
• 9.2. Cómo subir los archivos de nuestra página.
• 9.3. Actualizar las páginas.

Objetivos:

Adoptar criterios comerciales en el diseño de páginas para la comercialización aplicando técnicas de venta adecuadas.

Contenidos:

1. El internauta como cliente potencial y real.
2. Criterios comerciales en el diseño de páginas web.
3. Tiendas virtuales.
4. Medios de pago en Internet.
5. Conflictos y reclamaciones de clientes.
6. Aplicaciones a nivel usuario para el diseño de páginas web comerciales: gestión de contenidos

Objetivos:

Seleccionar los contenidos de la página web para adecuarlos al formato de la misma de acuerdo con las especificaciones recibidas. 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.

Contenidos:

1. Creación de un documento funcional.
2. Diseño de los contenidos.
3. Identificación de la información a ubicar en la página web.
4. Selección de contenidos para cada elemento de la página.
5. Utilización del documento funcional para las especificaciones del diseño.
6. Tipos de página para la ubicación de contenidos.
7. Definición de los tipos de página en base a los contenidos y funcionalidades.
8. Selección de los tipos de página para la página web.
9. Utilización del documento funcional para las especificaciones del tipo de página.
10. Especificaciones de navegación.
11. Creación de un mapa de navegación de páginas.
12. Utilización del documento funcional para integrar el mapa de navegación.
13. Elementos utilizados para la navegación.
14. Elaboración de una guía de usuario.

Objetivos:

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.

Contenidos:

1. Trabajar con imágenes: imágenes de sustitución e imágenes múltiples.
2. Trabajar con textos: efectos estéticos y de movimiento.
3. Trabajar con marcos.
4. Trabajar con ventanas.
5. Otros efectos

Objetivos:

Confeccionar plantillas para las páginas web atendiendo a las especificaciones de diseño recibidas. Crear plantillas web con herramientas de edición, de acuerdo a un diseño especificado:

• Identificar las regiones editables y no editables que forman la plantilla.
• Insertar los elementos y asignar los atributos especificados.
• Aplicar criterios de «usabilidad» y accesibilidad.
• Aplicar una plantilla creada a una página web.
• Probar la página web con la plantilla asociada utilizando varios navegadores web.
• Documentar la plantilla realizada.

Contenidos:

1. Funciones y características.
2. Campos editables y no editables.
3. Aplicar plantillas a páginas web.

Objetivos:

Identificar y localizar buscadores y directorios en Internet donde publicar las páginas desarrolladas. Identificar y describir los descriptores que sintetizan el contenido de las páginas con el fin de que sean encontradas por los buscadores.

Contenidos:

1. Buscadores genéricos.
2. Buscadores especializados.
3. Descriptores: palabras clave y sistemas normalizados de «metadatos»
4. Aplicaciones de publicación automatizada.
5. Procedimientos de publicación.