Diseño HTML Básico

Contenido

Fundamentos del HTML
Se describe el lenguaje HTML, en el que están creadas las páginas web. El alumno adquiere
los conocimientos necesarios para interpretar correctamente las etiquetas del código HTML de
una página web, lo que permite tener el control total de su diseño.

1. Introducción
Proporciona ejemplos de páginas web reales, disponibles en Internet; se presenta el lenguaje
HTML y se hace hincapié en las diferencias entre los navegadores a la hora de interpretar el
mismo código HTML.
2. La primera página web
Se introducen las etiquetas HTML fundamentales, como html, head, body, etc. Además, se
comprueba que el código HTML no es más que texto, por lo que puede ser creado con un
sencillo editor de textos, como el Bloc de notas de Windows.
3. Formato de texto
Describe las características del texto de una página web, estudiando su formato, tanto de
carácter como de párrafo. Así se estudian conceptos como los realces negrita, subrayado,
cursiva y la distribución de párrafos y títulos o su alineación y cómo se representan en el código
HTML.
4. Incorporar imágenes
Estudia las etiquetas HTML necesarias para incorporar imágenes en una página web,
describiendo los formatos gráficos indicados para este propósito. También se introduce el
concepto de animación sencilla utilizando el formato GIF animado.
5. Hipervínculos
Introduce el concepto de hipervínculo, fundamental para poder "navegar" entre páginas web y
cómo podemos representarlo en el código HTML.
6. Listas
Se aprende a añadir listas numeradas y sin numerar en las páginas web a través del código
HTML.
7. Insertar tablas
Introduce los conocimientos necesarios para poder incorporar tablas en las páginas web a
través del código HTML, comprobando cómo podemos modificar fácilmente su aspecto.
8. Temas avanzados sobre tablas
Introduce conceptos avanzados en el trabajo con tablas en páginas web. Se indica cómo
establecer las dimensiones de la tabla, su número de columnas, etc. y cómo afecta estos
detalles al cargar la tabla en la página web. Todo esto desde el punto de vista de la
introducción del código HTML.
9. Dividir la página en frames
Describe cómo dividir la página web en frames o marcos a través del código HTML, de forma
que sea posible mostar en pantalla más de una página web al mismo tiempo.
10. Más sobre los frames
Introduce conceptos avanzados en el trabajo con frames o marcos en que podemos dividir las
páginas web, indicando cómo hacerlo en el lenguaje HTML