Datorer och programmering TDB1
Obligatoriska uppgifter

Obligatorisk uppgift 4: Grunderna i HTML

Syfte

Uppgiftens syfte är att ge en inblick i vad som döljer sig bakom hemsidor; hur strukturen bakom ser ut och hur sidor byggs upp praktiskt.

Förberedelser

Om du inte redan har läst igenom föreläsningsanteckningarna Om HTML är det lämpligt att börja med det.

Den som har tid kan även ta en titt på Introduktion till Internet som är en mini-kurs i Internetanvändning. Här ges en översikt av Internet och World Wide Web (WWW), med bland annat deras historia, terminologi och olika tillämpningar. Dessutom lärs grunderna i HTML ut och det finns läkar till andra sidor med information om Internet och WWW (för att lära sig HTML rekommenderas speciellt Skolverkets HTML-kurs).

Uppgift

Uppgiften består av två delar: dels ska ett antal frågor besvaras (se nedan) och dels ska ett html-dokument (hemsida, webb-sida) skapas.

I ditt html-dokument presenterar du dig själv, din hobby eller något annat. Du måste göra hemsidan genom att skriva egen HTML-kod och inte använda program som genererar koden automatiskt (som till exempel Netscape Composer, FrontPage eller Word).

Hemsidan ska innehålla:

ramar. Enklast är att ha två ramar: en mindre ram med en meny och en större där valt alternativ visas.
bakgrundsfärg eller bakgrundsbild.
titel och rubriker på flera nivåer.
formaterad text av olika slag, t ex centrerad, högerjusterad, fet eller kursiverad.
länkar till andra sidor på WWW.
en lista, en bild och en tabell.

Utförande

För att skriva HTML-koden kan du använda Windowsprogrammet Anteckningar eller någon annan editor. Anteckningar hittar du normalt under Windows start-knapp under menyn "Program--->Tillbehör".

Börja med att skriva ett väldigt enkelt HTML-dokument. Du kan t ex utgå från exemplet "En enkel hemsida" i föreläsningsanteckningarna. Spar HTML-koden i en fil med tillägget .html (t ex "MinHemsida.html") på hårddisken och se hur resultatet blir genom att öppna dokumentet i Netscape eller Internet Explorer. I Netscape öppnar du filen under menyn "File--->Open Page" och i Explorer under menyn "Arkiv--->Öppna".

Fortsätt med att lägga in mer innehåll i HTML-filen och kontrollera ibland hur resultatet ser ut. För att få sidan uppdaterad räcker det att klicka på "Reload" i Netscape eller på "Uppdatera" i Explorer.

När du känner att du behärskar de enklaste HTML-elementen lägger du till ramar. Observera att du då får fler HTML-filer att hålla reda på.

Tips

Om du hittar någon lämplig bild på Internet, t ex som symboliserar din hobby, som du vill spara på hårddisken kan du spara den genom att högerklicka på densamma och i menyn som kommer upp välja "Save Image As" i Netscape eller "Spara Bilden som" i Explorer.

Prova att öppna din hemsida med en annan webläsare än den du normalt använder. Om du t ex normalt använder Explorer, öppna sidan med Netscape. Eftersom olika webläsare behandlar felaktig HTML-kod på olika sätt kan du därför hitta fel du gjort.

Frågor

Vilka två delar delas normalt ett HTML-dokument in i?
Vad är RGB-koder, och när används de i HTML?
Vad är skillnaden mellan fysisk och logisk formatering av text?
Visa, genom att skriva HTML-kod, att en tabell kan innehålla bilder, listor och länkar.
När kan det vara bättre att använda relativa länkar istället för absoluta?
Vad används s k ankare till?
Antag att du i samma katalog som ditt HTML-dokument har en fil med namnet universitetet.gif, som är en bild på universitetshuset i Uppsala. Du vill lägga in bilden i ditt dokument och skapa en länk från bilden till Uppsala Universitets hemsida www.uu.se. Hur ser HTML-koden ut?
När kan det vara praktiskt att använda ramar i sina hemsidor?

Redovisning

Rapporten ska innehålla en kort uppgiftsbeskrivning, svar på frågorna ovan och en diskett med filerna din hemsida består av. Om du har möjlighet att lägga upp hemsidan på Internet kan du göra det istället. Skicka i så fall adressen till hemsidan med epost till din lärare. Lägg även upp uppgiftsbeskrivningen och svaren på frågorna på din hemsida så behöver du inte lämna in någon rapport i pappersform.

Om du lämnar in diskett var då noga med att du spar alla filer som behövs, d v s alla html-filer och eventuella bildfiler. Prova att öppna hemsidan som du kopierat till disketten för att se att du fått med alla filer. Märk disketten med kurs, grupp och namn, och fäst disketten väl med rapporten eller stoppa båda i en plastficka.

Tänk också på att en diskett bara rymmer 1.44 Mb så bilderna får inte vara alltför stora. Om du ändå vill lägga in någon större bild måste du ange bildens absoluta sökväg (URL) till den plats du hittat den på Internet.

Teacher TDB1

Last modified: Tue Aug 22 12:06:59 MET DST 2000