FYSIKUMS WEBB- OCH MEDIAKURSER

Nu är det dags att sätta dina kreativa sidor på prov - du ska skapa din första egna webbplats! Vi förutsätter här att att du redan gjort allt förarbete, nämligen att du noggrant planerat och designat webbplatsen, och skapat alla de bilder och annat som ska ingå i sidorna, och att du nu är redo att sätta dig vid datorn och realisera webbplatsen i enlighet med din design.

Viktiga grundbegrepp

Innan du kastar dig över datorn vill jag i nästa kapitel lite pedantiskt försäkra mig om att du har förstått en del viktiga grundbegrepp om webbplatser, t.ex relationen mellan webbsidor och webbplatser, begreppet dokumentrot, och skillnaden mellan en utvecklingsversion av en webbplats och den publicerade versionen. Du kanske redan kan det här, men det skadar aldrig med lite repetition.

Program för att skapa webbplatser

Rent praktiskt använder du ett antal olika program som på olika sätt hjälper dig att skapa och redigera webbsidor, främst webbeditorer, som beskrivs lite mer ingående i en separat artikel. Det finns i huvudsak två smakriktningar vad gäller valet av program för att skapa webbsidor och administrera webbplatser. Några webbknypplare föredrar att utgå från HTML-koden, som ju utgör grunden för alla webbsidor. De skriver HTML-koden för hand i en enkel texteditor eller en lite mer webbanpassad HTML-editor, och tittar sedan på resultatet i en webbläsare, eller möjligen i ett visningsläge i HTML-editorn. Om du är förtrogen med HTML-kod kan du i kapitel 3 lära dig hur du arbetar med med programparet Anteckningar och Firefox i Windows enligt denna webbplatsutvecklingsmetod.

Andra webbskapare vill istället utveckla webbsidor grafiskt, ungefär som man skriver dokument i ordbehandlignsprogram. HTML-koden skapas automatiskt av programmet bakom kulisserna, och webbsideutvecklaren kan koncentrera sig på att få sidornas utseende rätt utan att behöva bekymra sig om koden. I kapitel 4 beskrivs arbetssättet med att skapa webbplatser med Dreamweaver, allmänt sedd som en av de bästa grafiska webbeditorerna på marknaden.

Du bör ha prövat på båda arbetssätten för att kunna hitta det som passar dig bäst. I själva verket använder många professionella webbskapare omväxlande båda teknikerna: de gör typiskt en grovskiss av webbsidornas layout med hjälp av en grafisk webbeditor, och går sedan in och finjusterar HTML-koden i en HTML-editor.

Statiska och dynamiska webbplatser

Alla tekniker som beskrivs i denna artikel handlar om hur man skapar statiska webbsidor, d.v.s sidor vars innehåll (text strukturerad med HTML-kod samt all inbäddad media, såsom bilder, ljud etc) ligger i filer på webbservern, redo för nedladdning till en besökares webbläsare. Termen "statisk" betonar att innehållet i webbsidan - d.v.s koden i filen - förblir oförändrad (såvida inte någon webbsideredigerare går in och modifierar text och kod för hand).

Allt fler webbplatser i dag bygger i stället på dynamiskt skapade webbsidor. Här ligger det mesta av informationen som ska presenteras i webbsidorna som poster i en databas. När en besökare begär att få se en viss webbsida anropas databasen, informationen sammanställs till HTML-kod som skickas direkt till besökarens webbläsare, utan att någonsin ha sparats som en fil på någon hårddisk. Fördelen med denna metod är att det är lättare att underhålla stora datamängder om de ligger i en databas än om de finns hårdkodade i en mängd separata HTML-filer på serverns disk.

Populära webbtekniker för att skapa dynamiska webbsidor är bl.a PHP (en open-sourceteknik som blir alltmer populär på de flesta plattformar), ASP (en Microsoftteknik, hårt knuten till Microsoftprogramvara och Windows-plattformen), JSP (bygger på Suns Java-teknik), ColdFusion (från Macromedia) samt Tango och Lasso (två tekniker populära på MacOS). Några av dessa beskrivs i separata artiklar.

Alla de nämnda teknikerna bygger på s.k. servertolkade skript, d.v.s programkod som ligger inbäddad i HTML-koden i ett HTML-dokument och som tolkas och ersätts med riktig HTML-kod innan webbsidan skickas till webbläsaren. Det finns även en äldre men fortfarande använd teknik för att skapa dynamiska webbsidor, CGI-skript, där separata program, ofta skrivna i programmeringsspråk som Perl eller c++, anropas av servern för att sköta kontakten med databaser m.m., och som returnerar HTML-kod till servern för vidare befordran till webbläsaren. En vanlig surfare ska inte se någon skillnad i funktionen hos någon av dessa tekniker, utom möjligen om man tittar noga på detaljer i webbsidans adress. Däremot ställer de olika teknikerna helt olika krav på den som ska utveckla en dynamisk webbplats. Men det är som sagt en helt annan historia.

Om du har för avsikt att bygga upp din webbplats med dynamiskt skapade webbsidor är det ändå inte helt bortkastad tid att läsa igenom sidorna i denna artikel, eftersom du kan använda de statiska teknikerna för att experimentera fram en prototyp för din webbplats och testa din design, innan du gör den slutgiltiga dynamiska, databasdrivna versionen.

Du behöver speciella programverktyg och arbetsmetoder för att skapa dynamiska webbplatser. Några av de tidigare beskrivna HTML- och webbeditorerna har i sina senaste versioner kompletterats med stöd för de viktigaste av teknikerna för dynamiska webbsidor. Dreamweaver MX, t.ex, som jag använder som exempel i ett flertal artiklar, kan hantera ASP, JSP, ColdFusion och PHP.

Låt oss alltså börja med att friska upp minnet kring några viktiga grundbegrepp för arbetet med webbplatser.