ITWebb0910

Ännu en Wordpress.com blogg

HTML-1. 5 okt

Projekt hemsida

IT-Webb mfhs 09

Under några veckor i oktober arbetar vi med HTML även på måndagarna.

Alla får 4 uppgifter.

Varje uppgift ska redovisas med utskrift och kodlista

Vi börjar först med klassiska HTML-koder, och väntar med CSS.

Gör en hemsida åt _____________________________

1.

Den ska innehålla:

  1. En liggande bild i toppen, bredd x höjd) 600 x 200
  2. En rubrik under bilden, vänsterställd
  3. En kort text därefter, också vänsterställd
  4. Sedan en bild med måtten (br x hö) 400 x 250 pixlar centrerat.
  5. Sist i botten plats för 3 länkar till undersidor

2. Komplettera förra uppgiften med:

  1. Lägg till en ljusgrå bakgrundsfärg på hela sidan
  2. Komplettera bilderna med en alt-text, som syns när musen hålls över bilderna
  3. Lägg en svart ram runt bilden i mitten.
  4. Byt teckensnitt på rubriken till Tahoma

3. Komplettera med 3 nya undersidor

  1. De ska beskriva 3 produkter/saker som senare ska länkas från startsidan
  2. Varje undersida ska ha en likadan toppbild som i uppg 1
  3. Varje sida ska ha sin egen bakgrundsfärg och sitt eget typsnitt (övning)
  4. Därefter en rubrik och en text.
  5. Under texten två bilder 200 x 200 intill varandra.
  6. Bilderna ska placeras i en tabell; 2 x 2 celler med text i rutan under varje bild
Bild1 Bild 2
Text Text
  1. Varje undersida ska längst ner till höger ha en bild av ett hus, som länkar till startsidan

4. Komplettera startsidan

  1. Lägg till länkar till undersidorna på startsidan, som ligger i en tabell 3 x 1.
  2. Sätt ihop hela projektet och provkör.

Inga kommentarer ännu.

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Ansluter till %s

Följ

Få meddelanden om nya inlägg via e-post.