Guía 04

Guía 04

DAWM / Proyecto02

Actividades previas

Diseño

Actividades en clase

Servidor HTTP

Estilo en cascada y familia tipográfica

Compruebe la sugerencia de Bard para las siguientes actividades:

  1. Use un selector universal para asignar la familia tipográfica Arial, sans-serif para todo el documento.
  2. Utilice un selector por clase para fijar la familia tipográfica Times New Roman, serif para todos los títulos de las secciones (<h2>).
  3. Emplee un selector por elemento para establecer la familia tipográfica Georgia, serif para el título principal (<h1>).

Familias tipográficas de Google Fonts

Compruebe la sugerencia de Bard para las siguientes actividades:

  1. En Google Fonts, genere la referencia a las familias tipográficas escogidas previamente de Fontjoy.
  2. Al inicio de la hoja de estilo, agregue la referencia a las familias tipográficas de Google Fonts.
  3. Asigne a su gusto las familias tipográficas a las reglas CSS.

Color de texto y color de fondo

Compruebe la sugerencia de Bard para las siguientes actividades:

  1. Tome como referencia la combinación de colores previamente seleccionada a partir de Happy Hues, Huemint o ColorMagic.
  2. Utilice un selector por identificador para fijar el color de fondo para cada sección.
  3. Utilice un selector anidado para asignar el color del texto para el contenido de cada sección.

Modelo de caja

Compruebe la sugerencia de Bard para las siguientes actividades:

  1. Utilice alguno de los selectores (por clase o por identificador) para acceder a una sección (<section>).
  2. Aplique a su gusto las propiedades CSS y los valores CSS para el modelo de caja: margin, border y padding, por ejemplo:
  #principal {
    margin: 2px 1px 1.5px;
    margin-top: 0.8rem;
    border: 1pt solid black;
    padding: 2% 1.2%;  
  }

Fundamental

Documentación

Términos

servidor HTTP, ruta de la aplicación, CSS, reglas CSS, selectores CSS, propiedades CSS, valores CSS, modelo de caja

Referencias