Actividad 1 y 2: Fundamentos del lenguaje HTML. Depurar nuestro código. Formateo de texto avanzado.

Actividad 1: Fundamentos del lenguaje HTML. Depurar nuestro código.


Objetivo de la actividad

• Conocer las etiquetas html más comunes para describir nuestras estructuras y contenido
• Acostumbrarse al editor de código
• Acostumbrarse a las herramientas para desarrolladores del navegador

Parte 1

• Leer los capítulos 1 y 2 del material
• Empezar a conocer las etiquetas html
• Abrir cuenta y crear nuestro primer prototipo en Figma

Parte 2
Crear nuestra primera página web, donde usaremos divs para dividir las diferentes secciones.

Contenidos
Un curso de los que podemos encontrar en la página web de Domestika con el contenido que consideremos esencial que necesita un usuario. 

Requerimientos

• Para dividir las secciones utilizaremos border, background-color , tal y
  como se explica en el material 14. CSS. Fondos y bordes de las cajas.
  Introducción a formularios.
• Los contenidos de la página serán los de la página de inicio de domestika.org

Etiquetas html que deben aparecer:

• Encabezados de, como mínimo, tres niveles distintos (por ej., h1, h2 y h3)
• Párrafos
• Texto enfatizado (em) y texto destacado (strong)
• Listas numeradas (ol) y listas con viñetas (ul)
• Imágenes (img)
• Enlaces (a)

Fuentes

Usaremos dos familias de fuentes. Una de ella la obtendremos de las fuentes instaladas en nuestro ordenador, y la otra de Google Fonts.

Regularmente durante el proceso de edición, usaremos el validador de html para encontrar errores y depurar nuestro código.
Lo más importante es que la información que se publique sea lo máximo de legible posible. Pensad que estáis publicando un libro para pantalla.

Nombre del archivo: index.html

Actividad 2: Formateo de texto avanzado.

Lee y consulta  la información necesaria de los materiales publicados.

Objetivo

Crear nuestra página de Noticías, Cursos o Actualidad, donde usaremos divs para dividir
las diferentes secciones, creando filas y columnas.

• Para dividir las secciones utilizaremos border, background-color , margin y padding tal y
  como se explica en el material.
• Los contenidos de la página serán los del blog de domestika.org.

Contenidos y etiquetas html que deben aparecer:

• todos los necesarios aparecidos en la actividad 1
  +
• Citas en bloque y en línea
• Listas de descripciones
• Abreviaturas
• Información de contacto
• Horas y fechas

Regularmente durante el proceso de edición, usaremos el validador de html para encontrar errores y depurar nuestro código.


Fuentes

Usaremos dos familias de fuentes. Una de ella la obtendremos de las fuentes instaladas en nuestro ordenador, y la otra de Google Fonts.

Lo más importante es que la información que se publique sea lo máximo de
legible posible. Pensad que estáis publicando un libro para pantalla.

Nombre del archivo: blog.html