Webmaster informerar:

Del 3: Bygga en hemsida

Steg 1: tanka hem ett bra gratisprogram

Det finns troligen ett par tusen olika sätt att bygga en hemsida med olika mjukvaror. Ett program jag kan rekommendera är Nvu som kan tankas hem gratis. (leta efter en windowsflagga och texten Windows full installer).

Steg 2: titta på det grafiska interfacet

Nvu har ett grafiskt interface
När du starta Nvu kommer det en tom sida fram och en massa knappar. De viktigaste funktionerna är:

Steg 3: Svenska stavning

Tanka hem svensk stavning genom att välja Tools -- Extensions -- Klicka på Install och fyll i denna adress http://downloads.mozdev.org/dictionaries/spell-sv.xpi där du brukar skriva filnamn (se bild nedan).
Skaffa svensk stavning

Steg 4: din första sida med Nvu

Du kan helt enkelt skriva lite i ett fönster - det behöver inte vara så seriöst till att börja med (men tänk på den etiska policyn)
en första sida med Nvu

Steg 5:  Huvudrubrik

Vi vill nu ha lite struktur på sidan.

Börja med att markera hela första raden.
Min första rubrik

Välj sedan heading 1 i rullgardinen som det står Body Text i nu.:

Rubrik av nivå 1

så får du en rubrik:
Min första rubrik

Det är ofta bra att bara ha en rubrik av nivå ett (Heading 1) per sida, vill man ha fler rubriker kan de vara av nivå två eller lägre.

Steg 6:  En lista

Markera listan och klicka på lista-knappen:
lista i Nvu

för att få en lista:

lista

Steg 7:  En länk


Markera på samma sätt som tidigare och tryck på link-knappen:
Nvu Link

så får du fylla i länkens mål:
länk dialog

så får du en länk.

Steg 8:  Stoppa in en bild.

Jag gillar att ha bilder högst upp på sidor. Så ställ dig högst upp och klicka på Image-knappen
Nvu bild

och bläddra dig fram till rätt bild genom att trycka på chose file:
nvu dialog

Ett mycket bra tips är även att skriva en alternativ text - den visas om bilden tar lång tid på sig att visas eller om det blivit något fel. Denna text är dessutom bra då sökrobotar använder den för att indexera bilder till olika söktjänster.

Steg 9:  Spara som...

Spara sedan sidan genom att välja File -- Save as...
titel

Du får nu fylla i en titel - tänk på att ha en vettig titel som beskriver sidan. En sidan titel sägs vara det allra viktigaste för sökmotorer.

När du klickat ok får du fylla i ett filnamn, försök ha ett bra filnamn utan stora bokstäver, å, ä, ö eller mellanslag.
save as

Steg 10:  Titta på sidan

För att spana in ditt verk behöver du bara navigera dig till sidan du just sparade och dubbelklicka på den så öppnas den nog i MSIE:
min första sida tittat på med explorer

eller om du har Mozilla Firefox installerat:

min första sida med mozilla firefox


Sammanfattning

Nu har du lärt dig grunderna i hur man bygger en hemsida. Du fick tips i hur man stoppar in länkar, bilder och hur man gör rubriker. Utifrån detta kan du säkert själv lära dig att göra tabeller och hur man kontrollerar stavningen (vi installerade ju faktiskt bara möjligheten att stava rätt på svenska - du fick aldrig reda på hur man gör).

Sidan vi just gjorde hittar du till om du följer denna länk.

En viktig observation är att sidor oftast ser olika ut i Mozilla Firefox och Microsoft Internet Explorer, detta beror till stor del på att Microsoft har sagt att det är dem som är standarden - de har alltså inte följt normer, regler och gällande standard. Det spekuleras i att hälften av alla sidor på internet kommer gå under när Microsoft snart lanserar en Explorer 7, som ska följa standarden bättre.Det kommer troligen inte drabba gemene man, utan bara de som vill ha de senaste häftiga detaljerna på sin hemsida.



/Per Erik Strandberg
2006juni07

- tillbaka till familjen Jarrolf
- tillbaka till Webmaster Informerar