Övning 1 Instruktioner

  1. Nu äntligen till det praktiska. Du ska skapa, typ, följande webbsida: ovning1. Den ska handla om dig eller valfritt ämne, men alla ingående moment ska finnas med. 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 ett nytt html-dokument med grundtaggarna <html><head><title><body>. OBS! Skriv in både start och sluttaggar.

  2. Sen skriver du lite text om dig själv.
    Bygg upp sidan succesivt. Då får du 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.

  3. Börja med att skriva om dig själv, favoritfärger, intressen, skolan. Lägg till taggar för rubriker, fet och kursiv stil. Samt förstås taggen för textstycke ( <p>).

  4. Skapa en mapp som heter bilder i din mapp webbdesign. Lägg där kopior på bilder från Photoshop-övningarna (OBS! jpg-format och webbanpassade, dvs ingen bild över 50kb)
    Placera in bilderna 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 .

  5. Skapa egna länkar längst ner på sidan. Sidorna ska visas i ett nytt webbläsarfönster.

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