Övning 1 Instruktioner

  1. Nu äntligen till det praktiska. Du ska skapa följande webbsida: ovning1.OBS! Texten ska flyta över sidan när den är i ett och samma stycke.
    Börja med att skapa en mapp webbdesign om du inte har gjort det, skapa i den sen mappen ovningar.
    Du ska börja med att hämta lite färdigskriven text så du kan koncentrera dig på att strukturera upp innehållet med html-taggar. Börja med att skapa ett nytt html-dokument med grundtaggarna <html><head><title><body>. OBS! Skriv in både start och sluttaggar.
    Här kan du hämta färdig text: bastext . Aningen kopierar du hela texten på en gång och klistrar in mellan body-taggarna eller så hämtar du lite text i taget och bygger upp sidan succesivt.Det senare alternativet ger bättre koll på vad du gör och du kan hela tiden se efter i webbläsaren att sidan ser bra ut.
    Döp din fil som ovning1.htm . Glöm inte att spara då och då under arbetets gång.

  2. Börja med att lägga till taggar för rubriker, fet och sned stil. Samt förstås taggen för textstycke ( <p>).

  3. Skapa en mapp som heter bilder i din mapp ovningar.
    Hämta sen följande bilder och spara ner dom i mappen bilder (högerklicka på bilden och välj "Spara bild...").
    mosaic
    Placera in bilden på lämpligt ställe.
    För att ange en relativ adress till bilderna skriver man t ex ... src="bilder/bildnamn.gif" ... , vilket betyder att därifrån man står går man först ner i mappen bilder och där letar efter filen bildnamn.gif .

  4. Skapa länkarna längst ner på sidan (länkadressen inom hakparentesen, ska givetvis skrivas i taggen på lämpligt ställe). Sidorna ska visas i samma webbläsarfönster.

  5. Slutligen lägg in en linje längst ner på sidan innan du skriver namn och datum.