Diseño de páginas web con HTML y CSS | Fundación Universitaria de Las Palmas

Diseño de páginas web con HTML y CSS

Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero los conocimientos necesarios del lenguaje HTML y de las hojas de estilo en cascada (CSS); y, posteriormente, se estudia una aplicación de desarrollo profesional de sitios web, como es Adobe Dreamweaver.

 

Fundamentos del HTML y CSS

 

Introducción

1. Un paseo por la Web.

2. ¿Qué es el HTML?

3. Hojas de estilo en cascada (CSS).

4. ¿Qué herramientas necesitamos?

 

Estructura del código HTML

1. Las etiquetas HTML.

2. Guardar la página web.

3. Introducir párrafos de texto.

4. Las etiquetas tienen atributos.

5. El título de la página.

 

Texto

1. Títulos.

2. Texto predefinido.

3. Líneas separadoras.

4. Elementos de frase.

 

Incorporar imágenes en la página web

1. Introducción.

2. Resolución y modo de color.

3. Formatos gráficos.

4. La etiqueta img.

5. Especificar las dimensiones de la imagen.

6. Imágenes como fondo.

 

Hipervínculos o enlaces

1. Introducción.

2. Vínculos a otras páginas web.

3. Vínculos a una parte de una página web.

4. Vínculos a lugares de Internet.

5. Vínculos a direcciones de correo electrónico.

6. Imágenes que actúan como vínculos.

 

Introducción a CSS (Parte 1)

1. ¿Qué son las hojas de estilo en cascada (CSS)?

2. Las reglas de CSS.

3. Enlazar CSS con el código HTML.

4. Aplicar las reglas de estilo.

5. Herencia y cascada.

 

Introducción a CSS (Parte 2)

1. Las etiquetas HTML div y span.

2. Selectores avanzados de CSS.

3. Pseudoclases y pseudoelementos CSS.

 

Dar formato al texto de las páginas web

1. Fuentes.

2. La propiedad abreviada font.

3. Propiedades de texto.

4. Decoración del texto y color.

 

Listas

1. Listas sin numerar.

2. Listas numeradas.

3. Listas anidadas.

4. Imágenes como viñetas de una lista.

5. Listas de definiciones.

 

Tablas

1. Introducción.

2. Estructura de una tabla HTML.

3. Bordes, espacio entre celdas y relleno.

4. Color o imagen de fondo.

 

Temas avanzados sobre tablas

1. Establecer las dimensiones de la tabla.

2. Título y pie de tabla.

3. Especificar el número de columnas.

4. Unir celdas.

5. Tablas anidadas.

 

Frames

1. El conjunto de frames.

2. Propiedades de los frames.

3. Bordes para los frames y contenido alternativo.

4. Iframes.

 

Posicionamiento mediante CSS (Parte 1)

1. Introducción.

2. Elementos flotantes.

3. El clearing.

4. El código CSS.

 

Posicionamiento mediante CSS (Parte 2)

1. Posicionamiento estático.

2. Posicionamiento relativo.

3. Posicionamiento absoluto.

4. Posicionamiento fijo.

 

Test Final Fundamentos del HTML y CSS

Test final del módulo.

 

Diseño con Dreamweaver

Introducción a Dreamweaver

1. ¿Para qué sirve Dreamweaver?

2. Partes de la ventana de Dreamweaver.

3. La ventana del documento.

4. Trabajar con los paneles.

5. Preferencias.

 

Configuración de un sitio web

1. Crear un sitio nuevo.

2. Crear un sitio a partir de uno existente.

3. Crear páginas web.

4. Propiedades de la página web.

 

Trabajar con texto

1. Insertar texto.

2. Insertar caracteres especiales.

3. Revisar la ortografía.

4. Formato de texto.

 

Trabajar con hipervínculos y listas

1. Insertar hipervínculos.

2. El atributo target.

3. Insertar listas.

4. Crear una barra de navegación con HTML y CSS.

 

Trabajar con imágenes

1. Definir la carpeta de imágenes.

2. Insertar una imagen.

3. Alinear la imagen.

4. Imágenes de fondo.

 

Edición de imágenes

1. Editar imágenes desde Dreamweaver.

2. Trabajar con un editor externo

3. Crear un mapa de imagen.

 

Añadir elementos multimedia

1. Introducción.

2. La etiqueta video.

3. Formatos y códecs de vídeo.

4. Códecs de audio.

5. La etiqueta audio.

6. Utilizar YouTube u otros servicios de hospedaje de vídeo.

 

Trabajar con tablas

1. Insertar una tabla.

2. Introducir contenido.

3. Seleccionar, unir y dividir celdas.

4. Aplicar formato CSS.

5. Importar datos y ordenar una tabla.

 

Trabajar con formularios (Parte 1)

1. Introducción.

2. Insertar el formulario.

3. Campos de texto.

4. Botones de opción.

5. Casillas de verificación.

6. Listas.

7. El control file.

8. Botones de comando.

 

Trabajar con formularios (Parte 2)

1. El control fieldset.

2. Mejorar la distribución del formulario.

3. Dar formato con CSS.

4. Maquetar el formulario con CSS.

 

Maquetar la página con CSS

1. Introducción.

2. Imagen de rastreo y otras ayudas visuales.

3. Insertar elementos div.

4. Aplicar posicionamiento clásico CSS.

5. Elementos PA.

6. Nuevos modelos de diseño CSS.

 

Revisar y publicar el sitio web

1. Validación del código.

2. Comprobar las páginas.

3. Informes de sitio web.

4. Configurar el sitio remoto.

5. Publicar el sitio web.

 

Test Final Diseño con Dreamweaver

Test final del módulo.

 

C/ Juan de Quesada, 29
35001 Las Palmas de Gran Canaria
Email info@fulp.es
  Contacta con nosotros

HORARIO
Lunes a Viernes de 08:00 a 15:00
Martes y Jueves de 17:00 a 19:00

INSTITUCIÓN
___

La Institución
Organigrama
Transparencia
Colaboración Social

 

AGENCIA DE COLOCACIÓN
Nº de autorización: 0500000017

Go to top