Gå direkt till innehållet

FYSIKUMS WEBB- OCH MEDIAKURSER

Uppgiften är obligatorisk.

Skapa en grundläggande webbplats med HTML

Huvuddelen av inlämningsuppgifterna i kursen handlar om att bygga några av komponenterna i en primitiv databasdriven webbplats (t.ex en webbshop eller motsvarande). Börja med det allra första steget, att ställa samman några statiska webbsidor, kodade i ren HTML, som ska utgöra ett skelett för ditt fortsatta arbete. Du ska ha med sidor för följande funktioner (även om själva sidorna är tomma tills vidare):

  • En startsida, med länkar till alla övriga sidor.

  • Ytterligare en sida (valfritt innehåll).

  • En feedbacksida där kunderna ska kunna skicka brev med kommentarer och klagomål till dig (behövs för senare inlämningsuppgift).

  • En startsida till webbplatsens administrativa avdelning. Administrationssidorna kommer småningom att lösenordsskyddas, och den teknik för lösenordsskydd jag lär ut i kursen kan bara skydda hela kataloger, inte enstaka filer. Administrationssidorna måste därför läggas i en egen underkatalog. Av säkerhetsskäl bör inte katalogens namn vara något uppenbart hemligt och lockande t.ex "administration".

Varje sida ska ha:

  • En rubrik med webbplatsens namn (rubrikninvå 1).

  • En meny till de viktigaste sidorna på webbplatsen. Viktigast är att menyn innehåller en länk tillbaka till startsidan (ska förstås inte finnas på startsidan själv). Menyn kan placeras t.ex direkt efter huvudmenyn. (Eftersom vi inte använder stilmallar i någon större utsträckning i denna kurs kan vi inte få snygga layouter med .tex menyer i en spalt till vänster om sidinnehållet; du får nöja dig med en ostajlad men funktionell webbplats.)

  • En huvudrubrik (rubrikninvå 2) som visar vad sidan kommer att användas till (ska förstås inte finnas på startsidan). I övrigt kan sidorna vara tomma tills vidare.

  • En "sidfot" d.v.s. någon text som står längst ner på varje sida. Här kan finnas t.ex kontaktadresser och telefonnummer, copyrightinformation, och annat som ska finnas tillgängligt på alla sidor men kanske inte så hemskt framträdande.

Startsidan ska ha:

  • Uppgifter om webbplatsens cookie-policy, i enlighet med lagen om elektronisk kommunikation (kan t.ex stå i sidfoten).

Eftersom PHP-tolken ännu inte är installerad på din dator ska alla filers namn sluta på .html eller .htm (men det kommer du småningom att byta till .php).

Du ska koda sidorna i HTML för hand i någon lämplig texteditor. På kursdatorerna finns installerade förutom Windows egen texteditor Anteckningar även EditPlus och Emacs plus ytterligare några kodeditorer. (Om du använder en grafisk webbeditor som t.ex Dreamweaver arbetar du i kodningsläge och använder det grafiska läget bara för att kolla resultatet.)

Tips

Startsidan måste ju ligga i din webbrotkatalogs översta nivå, men hur du väljer att placera övriga HTML-filer i den offentliga delen av din webbplats är upp till dig. Det finns två vanliga organisationsprinciper: alla filer tillsammans jämte startsidan eller filer ordnade i egna underkataloger efter funktion. (Det brukar oftast vara att rekommendera att skapa prydliga underkataloger redan från början, så slipper man flytta filer senare, men med ett såpass enkelt projekt som detta kanske det inte behövs.) Det enda undantaget är att administrationssidorna måste läggas i en egen underkatalog.

Redovisning av uppgiften

Visa att webbplatsen kan nås via din webbserver och den lokala adressen http://localhost. Sidorna ska även kunna ses från någon annan dator i kurssalen, via din dators fullständiga domännamn (t.ex http://grubit31.physto.se). Visa att alla obligatoriska element i sidorna (enl. listorna ovan) finns med, och att alla länkar fungerar som väntat.

Relevanta häften

kodvalidering:
tester:
HTTP-data:
sidstruktur:
resurser:
välj stilmall:
välj typsnitt:

Senast uppdaterad 3 juni 2009

föregående avsnitt 3 nästa