Objetivo general
Identificar y listar los elementos HTML, inclusive las etiquetas de cabeza y cuerpo, con sus correspondientes atributos. Aplicar los conocimientos en el uso de etiquetas y atributos para el diseño de texto, imágenes y páginas HTML y, crear enlaces, listados y tablas, elementos esenciales para el diseño de páginas Web. Familiarizar al alumnado con el código fuente de páginas HTML que se encuentren ubicadas en cualquier website. Aprender a optimizar las páginas para diferentes resoluciones de pantalla y navegadores.
Contenido
1. Terminología y conocimientos básicos
- ¿Qué es HTML?
- Navegadores y compatibilidad
- Editores y convertidores
- La organización de una web
- Ejemplos de enlaces
- Los contenidos del directorio base
- Elementos básicos de diseño
- Visualización de la página HTML en un navegador
2. Trabajar con textos e imágenes
- Diseño de fuentes
- Modificar la fuente
- Definir los colores
- Los códigos hexadecimales de color
- Diseño de párrafos
- Negrita, cursiva y subrayado
- Insertar imágenes
- La alineación de la imagen
- Propiedades de las imágenes
- El color de fondo
- Definir una imagen como fondo
3. Trabajar con hipervínculos
- Aclaración conceptual
- Los tipos de vínculos
- Vínculos e imágenes
- Vínculos externos
- Vínculos relativos
- Vínculos de correo electrónico
- Vínculos para una nueva ventana
- Listas ordenadas y no ordenadas
- Comprobar los vínculos
- Aplicar formato a los enlaces
- Anclas y puntos de fijación
4. Trabajar tablas
- Crear una tabla básica
- Modificar las dimensiones de una tabla
- Definir la alineación
- Filas, celdas y columnas
- La propiedad colspan
- La propiedad rowspan
- Inserción de elementos
- Color de borde
5. Trabajar formularios
- Insertar formularios
- Los elementos de entrada
- El destino de las informaciones
- Preparar la entrada de datos
- Limitar los caracteres
- Valor del campo de texto
- Introducir una contraseña
- Introducir casillas de verificación
- Crear un botón de envío
- Definir la variable de activación
- Asociar los campos
- Insertar un campo de entrada de menú
- Trabajar con los campos de selección
- Probar un formulario
- Aumentar la seguridad del envío
6. Crear una página web con Html
- Diseñar la página
- Las hojas de estilo en cascada
- Agregar comentarios
- La propiedad bordercolor
- La propiedad cellpadding
- Crear una tabla
- Insertar texto
- Insertar imágenes
- Modificar las imágenes
- Aplicar una imagen de título
- Crear enlaces
- Insertar una tabla
- Añadir un formulario
- Probar la página