Inlämningsuppgift 3



Moment A - Textformattering, bakgrundsbild

Skapa en HTML-sida i "Skriv text". Skriv "Blomma" med typsnittsstorlek 4 och röd text, centrerat mitt på sidan. Nedan hittar du bilden krage.gif. Lägg in den som bakgrund. Studera hur mönstret upprepar sig. Spara filen som blomma.html.

Moment B - Textformattering m m

Bilden nedan är en skärmdump från Internet Explorer. Analysera innehållet och försök skapa en HTML-sida som ser exakt likadan ut. Glöm inga detaljer! Spara filen som skogen.html.

Moment C - Textformattering, bildpussel

Skapa en sida som ser ut precis som skärmdumpen nedan. Bilden på elskåpet skall du fixa till genom att pussla ihop delarna med hjälp av en HTML-tabell. Inga mellanrum mellan delarna får finnas. Bilden är 150 x 233 pixlar stor.

Det viktiga med den långa texten är inte att den är exakt inskriven utan att du förstår hur marginalen i vänsterkankten skapats. Spara filen som elskap.html

      

Moment D - Länkar

Kontrollera att du har filerna blomma.html, skogen.html och elskap.html. Skapa sedan en sida med länkar enligt nedan. Länka husbilden (90 x 76 pixlar) till en e-mailadress. Se upp för ramen! Spara sidan som semester.html.

Moment E - Länkar tillbaka

semester.html fungerar som en typ av menysida. Skapa länkar någonstans på de övriga sidorna som tar användaren tillbaka till menyn.

Klart! Spara i korrekt mapp på servern och ta det lugnt en stund.