Att göra en


Innehåll

  Tänk efter först  /  Struktur 
Att skapa hemsidan  /  Tabeller 
Text Länkar   /  Bilder 
Webhotell  /  Skicka hemsidan 
Länklista   /  Ordlista 


 

Tänk efter först!

Vad är målsättningen med sidan? 
När ett företag bygger en hemsida är oftast målsättningen att nå ut med marknadsföring och information om sina produkter. På så sätt kan de öka försäljningen och tjäna pengar. 

Som privatperson brukar man ha andra anledningar att bygga en hemsida. Det kan vara att man vill förmedla något man är intresserad av till andra. Man kanske vill ha en sida om sig själv att visa för släkt och vänner. Det vara en sida om idrottslaget som man håller på, eller kanske om sin favorigrupp. Fundera lite över vad du vill ha med på din hemsida. Det finns många bra anledningar att göra en hemsida. 

Sedan är det frågan om hur många sidor det behövs. Oftast är det bäst att börja med en huvudsida och sedan utöka med flera, kanske en gästbok och en länksida. Om man på sikt vill ha mer en en sida är det bra att reda från början tänka på strukturen.


 

Struktur

Vadå struktur? Jo, jag menar att dina hemsidor måste ligga i kataloger, precis som dina andra filer i datorn. Det är viktigt att ha ordning på sina sidor och bilder. Om man lägger alla sina filer på ett ställe blir det svårt att hålla ordning på sidorna. Huvudsidan, den sidan man först kommer till när man kommer till din hemsida, ligger i den så kallade roten. Den sidan bör heta index.htm, eftersom sidor med det namnet brukar öppnas automatiskt. Man bör även ha en katalog för bilder och kanske en för ljud. När du vill ha en gästbok bör den ligga i en katalog och länksidan i en katalog. Här nedan kan du se ett exempel på hur du kan bygga upp katalogstrukturen för dina hemsidor. 

Exempel på katalogstruktur Gör så här:
Gå in i utforskaren under enhet C:\ eller den enhet där du vill spara dina filer. Där skapar du en katalog (mapp) och döper den till "hemsidor". Klicka i mappen och skapa katalogerna på bilden (inte index filen, den gör vi senare). 

Nu har du skapat grundstommen för dina hemsidor. När du i framtiden vill göra fler sidor skapar du bara en ny katalog under "hemsidor". 


 

Att skapa hemsidan 

Nu är det dags att börja skapa själva HTML-sidan. Det går lättast med ett så kallat WYSIWYG-program t.ex Microsoft Frontpage Express eller Netscape Composer, vilka är gratis program som ingår i Internet Explorer respektive Netscape Communicator paketen. Här kan du läsa om hur man använder Composer. När du skall spara din förstasida så bör du spara den i din katalog "hemsidor" under namnet index.htm eller index.html. Avänd alltid små bokstäver så blir det lättare att hålla ordning på dina filer. Bild.jpg är inte samma sak som bild.jpg eller bild.Jpg. Det finns mycket som man bör tänka på om man vill skapa en bra hemsida. Här under finns några tips.


 

 Tabeller

Folk har olika upplösningar på sin bildskärm. Därför är det bäst att inte göra sin sida bredare än ca 600 punkter om den skall vara lättläst för alla. Det enklaste sättet att kontrollera bredden på sidan är att använda tabeller. Om man börjar med att lägga in en tabell och bestämmer bredden på tabellen till 600 pixlar. Sedan är det bara till att lägga in text och bilder i tabellen. Om bilderna och texten inte vill hamna på rätt plats kan man skapa fler tabeller i tabellen, för att allt skall hamna där man vill ha det.


 

Text

Tänk på att inte använda för långa rader när du skriver text, det blir jobbigt att läsa. Använd helst vanliga typsnitt som de flesta har installerat på sin dator t.ex Arial, Times New Roman och Curier. 


 

Länkar

Det finns två typer av länkar, reella och universella. Reella länkar används inom en webplats och utgår från sidan där länken finns. Om jag t.ex lägger in en länk från min huvudsida till en bild anger jag "bilder/bildensnamn.gif". För att skapa en universell länk måste jag ange hela sökvägen på Internet "http://www.mitt_webhotell.com/min_hemsida/bilder/
bildensnamn.gif". Man bör i mesta möjliga mån använda sig av reella länkar eftersom de fungerar även om man flyttar hela sin hemsida till en annan domän. För externa länkar d.v.s länkar utanför sin egen webplats måste man alltid använda universella länkar. När du lägger in en bild på din hemsida måste du alltid se till länken inte går till din hårddisk, om den gör det syns inte bilden på Internet.


 

Bilder

Använd inte fler bilder än vad som är nödvändigt och optimera dem så att de tar så lite plats som möjligt. Använd gif-format för bilder med få färger och jpg-format för foto.


 

Webhotell

När hemsidan är klar måste du skaffa ett webhotell att lägga den på. Det finns massor av gratis webhotell, jag har tagit med några på länklistan. Om du har Internet hemma är det bästa alternativet ofta att lägga hemsidan hos din Internetleverantör. Då slipper du reklam och får fri support. 


 

Skicka hemsidan

Nu är det bara till att skicka sidan till ditt webhotell. Det lättaste sättet är att använda ett ftp-program. Jag brukar använda WS-ftp.Hämta WS-ftp här.
Fyll i uppgifterna från ditt webhotell enligt bilden nedan och tryck på OK.

Nu får du fram något som liknar utforskaren, om allt fungerar som det ska. Leta upp din hemsideskatalog till vänster och kontrollera att det är katalogen där du skall lägga din hemsida som syns till höger. Markera de sidor och kataloger som du vill skicka. Klicka sedan på pilen åt höger och dina sidor skickas ut. När dina sidor har hamnat på plats är allt klart och synligt på Internet. Testa att skriva din adress i Netscape eller IE och förhoppningsvis kommer din sida upp.

 

Länklista

Free  Information om, och länkar till ca 500 fria webhotell
Freewebspace  Sök bland 300 fria webhotell.
Hur gör man   Tips och hjälp till din hemsida
Gör en hemsida i Netscape Composer
Everyday  Anmäl din hemsida till sökmotorer
Netnames  Registrera en egen domän
SBBS  Surfa gratis utan reklam och fria hemsidor 
Netfreebies Länkar till fria hemsidor och andra gratisprylar
Click to site 30MB fria hemsidor
W3.org  Allt du vill veta om webben och mycket mer
W3.org  Specifikation för HTML 4.0
Absolute Resource  Länkar till det mesta
Doctor HTML  Kontrollera din hemsida
Gamelan  Har det mesta inom java
Javaboutique  mer java
HTML-kurs
The complete webmaster  massor av intressanta grejer
Stars  XML, DHTML, CSS m.m. m.m
The HTML Writers Guild  Branschorganisation för HTML-författare
The Common Gateway Interface CGI-scripts
Aspsite Sida om ASP
ASP alliance Sverige  mer ASP
Register it  Anmäl din hemsida till sökmotorer
Websitegarage  Testa din hemsida
Java(tm)  Suns javasida
Javahuset Massor av script och applets
Freecode   CGI och HTML m.m.
Nunames  Skaffa en nu-domän
The counter  Skaffa räknare
Guestworld  Skaffa gästbok


 

Ordlista

APPLET Javaprogram som kan visas i Webläsare (Browser).
ASP Active Server Pages. Program på webservern som kan läsa script och utföra kommando. Används ofta till webbaserade databaser. Skrivs i VBscript eller Jscript.
BROWSER Program som kan läsa Internet sidor, t.ex Netscape och Internet Explorer.
CGI Common Gateway Interface. Föregångaren till ASP används ofta till sökning. CGI-script skrivs oftast i programspråken pearl och C.
CSS Cascading style sheets. Stilmallar för att defingera utseendet på HTML-sidor. Används ofta på stora websiter för att få ett enhetligt utseende.
DNS Domain Name System. System för att koppla domännamn till Internet adresser.
DHTML Dynamisk HTML scriptspråk som kan ge levande sidor med flera lager och bilder som rör sig över skärmen. Exempelvis g:t som syns på alla geocities sidor.
FTP File Tranfer Protocol. Protokoll för filöverföring på Internet.
GOPHER Föregångaren till webben, kan endast visa text och användes mest av universitet och högskolor.
HTML Hypertext Markup Language. Standard för beskrivning av Internetsidor. Senaste versionen är 4.0.
HTTP Hypertext Transfer Protocol. Protokoll som möjligör överföring och visning av HTML-filer.
ISP Internet Service Provider. Organisation som har en gateway till Internet och förmedlar uppkoppling åt sina kunder. T.ex. Telia, Telenordia, SBBS, BIP och Tele2.
JAVA Objektorienterat programeringsspråk som är en vidareutvekling av C och C++
JAVASCRIPT Script version av java. Läses direkt av webläsaren radvis utan att kompilleras.
NNTP Network News Transfer Protocol. Internet protokoll som möjliggör utbyte av Usenet artiklar.
POP Post Office Protocol. Program och protocol som tillsammans gör att man kan hämta e-post.
PPP Point to Point Protocol. Protokoll som används för att koppla upp en dator till Internet över telenätet via en ISP.
SMTP Simple Mail Transfer Protocol. Standard Internet Protocol för överföring av e-post.
TAGGAR Det som skrivs in i en HTML-sida för att den skall visas på rätt sätt. Omges av < >. Klicka högerklicka och välj "Visa källa" (view source) eller "Visa koden", för att se taggarna till denna sidan.
TCP/IP Transmission Control Protocol / Internet protocol. Nätverksprotokoll som skickar datapaket efter ett standardiserat mönster, vilket möjliggör Internet.
TELNET Standard protokoll på Internet för terminal anslutning. Kan användas för att fjärrstyra en dator.
URL Uniform Resource Locator. Avser oftast en http eller ftp adress. Det man brukar skriva i adressfältet på webläsaren.
VBscript Visual Basic script. Fungerar ungefär på samma sätt som Javascript, men bygger på Visual Basic. Fungerar bara i Internet Explorer. Används ofta till sammans med ASP på NT-servrar.
W3C World Wide Web Consortium. Internationell organisation som utvecklar standarden på webben.
WWW World Wide Web. Det världsomspännade nätet som innehåller miljontals websidor. Egentligen är det mjukvara på servrar i form av programvara och "websidor", medans Internet är det hårdvarumässiga nätet.
WYSIWYG What You Se Is What You Get. HTML-editor, där man ser hur sidan kommer se ut medan man jobbar med den.
XML eXtensible Markup Language. En standard som är en vidare utveckling av HTML. XML ger helt nya möjligheter när det gäller utformningen av websidor. Man kan t.ex definiera egna taggar. Office 2000 kommer att utnyttja XML för att spara dokument i HTML-format utan att förändra innehållet. 
 

Magnus Lindstrand      www.lindstrand.nu     990401