Lektion 3

Du skall nu kunna förstå och på rätt sätt hantera nedanstående märken och attribut.

Märken: html, head, body. table, tr, td, b, br, p

Attribut:bgcolor, width, height, border, cellpadding, cellspacing
colspan och rowspan
Align och valign

Vidare skall du veta hur man ger ovanstående attribut ett värde.

Om du inte lyckades göra tabellen förra gången så finner du lösningen här.

I mitten av denna termin kommer vi att ha en skrivning, då måste du bland annat kunna dessa grunder.

I lektion 1 finner du några länkar till html skolor där du på egen hand skall bedriva självstudier.

Länkar

Man kan använda vilket objekt som helst för att skapa en länk, inte bara text.
för att använda ett objekt som en länk sätter man ett märke runt det.

Länken skall givetvis ha en adress (URL). Det finns olika metoder, vi kommer endast att använda oss av http.

Själva märket för en länk är <a> och det enda attributet vi kommer att använda är href. Länken till "sida 1" (se överst) på denna sida är:
<a href="index.htm">Lektion 1</a>. Förstasidan döps alltid till index.htm.

Det är en relativ länk och förutsätter att indexfilen ligger i samma mapp som filen som länkar till den
En absolut länk skulle se ut så här:
<a href="http://oldwww.katedralskolan.lund.se/web06/index.htm>Lektion 1</a>
Absoluta sökvägar skall bara användas till externa länkar.

Uppgift
Vi skall nu skapa en grundstruktur till din hemsida som innefattar 7 sidor.

För ordningens skull skapar du en mapp som du döper till webdesign, i denna mapp gör du en ny mapp som du döper till hemsida och i den skapar du ett html dokument som du döper till index.htm. Detta blir din startsida.

Innanför headtaggarna skall du skriva <link href="format.css" rel="stylesheet" type="text/css">. Vad detta betyder kommer jag att förklara längre fram.

Gör en tabell med 7celler på en rad, i första cellen skriver du Uppgift 1, i den andra uppgift 2 osv.

Gör länkar från varje cell, den första skall gå till samma sida, alltså till index.htm, den andra till uppgift1.htm osv. Obs gör inga mellanslag i länken.

Under denna tabell skapar du en ny tabell med en cell och en rad, border="0",
width="505". Skriv uppgift 1 i denna cell.

Stäng ner dokumentet, markera det och kopiera det 6 gånger och döp om dessa kopier till uppgift2.htm, uppgift3.htm osv. Obs gör inga mellanslag.

Öppna upp dokumenten, ett och ett, och skriv "Uppgift 2" i den nedre tabellen i i uppgift2.htm dokumentet osv. Det kommer alltså att se ut ungefär som på denna hemsida.

Läxa

Tills nästa gång skall du på indexsidan med egna ord förklara hur man går till väga när man skaffar sig ett webhotell, vad man skall tänka på och hur du rent praktiskt gör för att lägga ut sina sidor.