0.- Seguint els passos escrits, creeu una pàgina web com es mostra a la solució:

• Creeu una carpeta a l'Escriptori anomenada nom_cognom_consolidacio.

• Dins de la carpeta creeu les carpetes que necessiteu per fer la pàgina web.

• Per començar a treballar, obriu el Visual Studio i copieu les instruccions de l'index.html i estils.css que trobareu en aquesta pàgina del apunts.

• Canvieu el títol de la pàgina web pel vostre nom.

• Com ajuda, podeu mirar el Document Solució.

1.- Creeu quatre caixes:

• Caixa1:

  • • 25% del TOP.

    • 5% del LEFT.

    • 20% de WIDTH.

    • HEIGHT el necessari per a què càpiga tot el text.

    • Color verd de fons, el to que vulgueu.

    • Vora arrodonida de color verd més fosc, el to que vulgueu.

    • Inseriu aquest text amb quatre punts i apart:
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    • Feu que el text tingui un 0.5% de marge de separació amb la vora. (Si no ho sabeu, podeu buscar a Internet com fer-ho).

    • Després de cada punt, heu d'inserir un salt de línia, un enter. (Si no ho sabeu, podeu buscar a Internet com fer-ho).

• Caixa2:

  • • Decidiu el TOP i el LEFT per a què quedi, més o menys, com la solució.

    • Decidiu el WIDTH i el HEIGHT per a què quedi, més o menys, com la solució.

    • Color gris, el to que vulgueu.

    • Inseriu aquesta imatge i la imatge ha de tenir un enllaç a aquest web.

    • La imatge ha de tenir un WIDTH del 60%.

• Caixa3:

  • • Decidiu el TOP i el LEFT per a què quedi, més o menys, com la solució.

    • Decidiu el WIDTH i el HEIGHT per a què quedi, més o menys, com la solució.

    • Color, cap o transparent.

    • Mireu aels apunts com inserir el codi que mostri la previsió meteorològica de Barcelona en Català.

• Caixa4 i una nova Caixa5:

  • • Decidiu el TOP per a què quedin, més o menys, com la solució.

    • Decidiu el LEFT per a què quedin, més o menys, com la solució.

    • Decidiu el WIDTH i el HEIGHT per a què quedin, més o menys, com la solució.

    • Color rosat i taronja, el to que vulgueu.

    • Mireu els apunts per inserir els enllaços següents:

      • • • Google, enllaç a Google.

          • YouTube, enllaç al YouTube.

    • Els noms Google i YouTube han d'estar centrats hotitzontalment a la caixa.