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

 

 

 

 

 

 

1.- Introducción al diseño de páginas web

• Conceptos previos
• La organización de una presentación web
• Introducción al lenguaje html
• Primeros pasos
• La sintaxis del lenguaje html
• Editores y convertidores

 

 

 

 

 

2.- El texto

 

• Introducción
• Dar formato al texto
• Introducción a los atributos
• La etiqueta
• El color en html
• Márgenes
• Caracteres especiales
• Listas

 

 

 

 

 

 

 

 

3.- Los enlaces

• Estructura de los enlaces
• Enlaces dentro de una misma página
• Enlaces con otra página dentro del mismo sitio web
• Enlaces con otro sitio web
• Enlaces con una dirección de e-mail
• Enlaces con un archivo para descargar

 

 

 

 

 

4.- Las imágenes

• Formato de las imágenes
• Insertar una imagen. Etiqueta y atributos
• Alineación y tamaño de imágenes
• Crear un enlace en una imagen
• Mapas de imágenes
• Fondos de pantalla o backgrounds

 

 

 

 

 

5.- Las tablas

• Descripción de etiquetas para la creación de tablas
• Atributos para las tablas
• Titular de la tabla
• Atributos de las celdas
• Celdas de cabecera
• Contenido de las celdas
• Tablas anidadas

 

 

 

 

 

 

6.- Formularios

• Descripción del concepto de formulario
• Distintos elementos de un formulario
• Diseño de un formulario
• Métodos de acceso

 

 

 

7.-Los frames

• Descripción del concepto de frame
• Etiquetas para crear frames
• Navegadores que no soportan frames
• Navegación entre distintos frames
• Anidación de frames
• Cosas a evitar en el uso de frames

 

 

 

 

 

8.- Introducción a las hojas de estilo (css)

 

• ¿qué son las hojas de estilo?
• ¿cómo se aplican las hojas de estilo?
• Sintaxis de las hojas de estilo
• Estilo para etiquetas concretas o un grupo de ellas
• Estilo para un documento html
• Enlazando distintos documentos a una hoja de estilo
• Templates

 

 

 

 

 

 

 

9.- Cómo publicar una página web

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