INTRODUKTIONFör att förstå hur en hemsida blir till så måste man lära sig en del grundläggande begrepp och regler. Utvecklingen går mycket snabbt inom det här området. Det kommer nya standardiseringar alltför ofta för att det skall gå att hänga med i det senaste.Men det senaste är inte alltid det bästa. Programvarutillverkarna hänger inte riktigt med i utvecklingen och webläsarna klarar inte alltid av att visa de senaste HTML-koderna. Detta bör man tänka på när man gör sin egna hemsida! Det är alltid bättre att göra sin hemsida så enkel som möjligt i kodningen. Därmed kan fler ute på nätet se din hemsida så som du hade tänkt dig att den skulle se ut. Den HTML som kommer att beskrivas i denna kurs fungerar på de flesta moderna webläsare som finns på marknaden. Exempelvis Internet Explorer eller Netscape Navigator. Alla de vanligaste koderna och tricks som behövs för att skapa en hemsida som ser ut som man vill ha den kommer att förklaras. Eventuella avvikelser kommer att beskrivas i texten. Kursen går inte in på Java applets, CGI-script, DHTML eller andra script- och programmerings-språk och kodningssätt som kan förekomma på WWW. Dessa är mycket plattformsberoende och bör testas i alla miljöer innan publicering. Det finns ett stort antal hjälpprogram på marknaden för att underlätta själva kodningen. Dessa gör att man inte behöver tänka så mycket på alla inställningar eller värden. I de nya versionerna av Internet Explorer och Netscape Communicator följer det med enkla webdesignverktyg, som dock inte alltid är varken logiska eller tillräckliga. Bland de kommersiella programmen är Microsoft Frontpage det vanligast förekommande. På sharewaresidan finns det en uppsjö av program. HotDog Professional är i mitt tycke det mest användbara. Det kräver dock en viss förkunskap av HTML, då det inte är ett visuellt utvecklingsverktyg.
Vad är HTML ?I modemens barndom, när de sniglade sig fram i några kilobit per sekund, fanns det inte en möjlighet att lägga ut formaterade brev eller tidskrifter på Internet. Det tog helt enkelt för lång tid för mottagaren att ladda ner och läsa sådana. än idag räcker inte kapaciteten riktigt till för denna uppgift. Därför hittade man på ett kodspråk för formateringen som tolkades av mottagarens programvara. HTML, HyperText Markup Language.Du kan skriva in din HTML-kod och text i vilken ordbehandlare som helst. Själv använder jag ofta Wordpad eller Notepad för att skriva in eller redigera min kod. Det räcker att man väljer att spara dokumentet som ett textdokument och sedan skriva in filändelsen .htm eller .html. Ett HTML-dokument är alltså egentligen ingenting annat än ett textdokument med en annan filändelse. Du kan alltså i princip ta vilket textdokument som helst och ändra det till .htm och du har ett hemside-dokument. Det går till och med att öppna ett textdokument i en webläsare utan att ändra filändelsen för det mesta. Då ser det dock inte så roligt ut. Vit bakgrund och svart liten tråkig text. För att styra formatering och placering av text och bilder i sitt dokument använder man sig av koder, eller taggar som man brukar säga. Dessa börjar alltid med ett < och slutar med ett >. Vissa taggar är öppna taggar, andra är slutna, eller innehållstaggar (containers). Om det är en sluten tag så måste den också ha en sluttag. Den börjar med </ och slutar med >.
HTML-dokumentetDet finns några standardtaggar som man alltid bör (läs: skall) ha med för att sidan skall fungera på alla webläsare:<HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> </BODY> </HTML>
OBS! Dessa taggar skall alltid stå i denna ordning för att det skall fungera
på rätt sätt.
Alla taggar som beskrivs i resten av kursen skall skrivas mellan BODY-taggarna om inte annat anges. OBS!
HTML-koderna behöver inte skrivas med versaler, men det gör det hela lite mer lättläst och lättredigerat. Man får också bättre översikt om man lägger in tomrader mellan de olika elementen i dokumentet. |
1997-2000