The Sweden Canada Link

Entire Site Kanada

Vi beskriver webbtekniken

Internet är väldigt tekniskt. För att ha en närvaro på Internet är det bra att känna till en del om tekniken. Här försöker vi med vardagsspråk förklara de vanligaste termerna. Vill Ni veta mer finns det bra länkar på vår resurssida.

Vad är Internet?

Internet är ett globalt nätverk av datorer som kommunicerar med hjälp av ett gemensamt språk. Det är ingen som äger eller kontrollerar hela nätet. Det består av många smådelar men är sammankopplat på ett sätt så man upplever det som ett enda stort nätverk.
Idag har troligen mer än 300 miljoner människor tillgång till Internet.
På Internet kan man skicka E-post, titta på elektroniska anslagstavlor Newsgroups, hämta filer med FTP. Men vanligast och mest känt är delen du just nu håller på med, nämligen WWW World Wide Web
WWW är som ett stort bibliotek, där webbplatserna är böcker och webbsidorna är sidor i böckerna. En samling webbsidor kallas för en webbplats och den sidan du startar från heter "hemsida". Adressen till hemsidan kan se ut som t.ex. http://www.minsida.com.

Top

Html är språket som används

Html betyder Hyper Text Markup Language. För att kunna se hemsidor behöver man en webbläsare. Meningen är att en webbläsare ska tolka koden och presentera innehållet oberoende av om användaren har en PC eller Mac.

• HTML 2.0 (Nov 1995 Formulär, Förbättrad grafik.

• HTML 3.2 (Jul 1996) Tabeller, Applets, Flytande bilder.

• HTML 4.0 (Dec 1997) CSS, Scripting, Ramar, Embedded objects, Disabilities accesability.

Förnärvarande rekommenderas html version 4.0, som tyvärr inte stöds fullt ut av alla webbläsare.
Äldre webbläsare som stöter på ny kod de inte känner till ignorerar bara koden. Därför följer vi dessa riktlinjer vad gäller html:

• Vi använder html 4.0 transitional.

• Vi kodar html så rent som möjligt. Det underlättar framtida konverteringar till xhtml eller xml.

• Vi ser till att koden är handikappvänlig, dvs fungerar med talsyntesizers.

• Vi använder Javascripts i html koden i de fall skripten tillför något användbart.

Top

Vad är stilmallar?

Stilmallar är ett hjälpmedel att få bättre kontroll över texten på webbplatsen (jämför med formatmallar i MS Word).
När man använder stilmallar knyter man ihop webbsidan med en mall som definierar hur sidorna ska se ut grafiskt.

Varför ska man använda stilmallar?

• Att lägga till stilmallar till den rena html-koden ger hemsidan ett rejält lyft.

• Genom att använda stilmallar kan man hålla isär formateringen och innehållet i ett dokument.

• Hemsidan blir mindre och därmed snabbare samt enklare att underhålla.

• Texten på varje sida får samma stil.

Vi länkar våra sidor till en extern stilmall. Det är en del av vårt kvalitetstänkande.
Stilmallar kräver version 4.x eller högra av webläsare från exempelvis Microsoft eller Netscape för att fungera fullt ut. Äldre webläsare ignorerar koden men dokumenten är dock fullt läsbara.

Top

Server Side Teknik

Om Er webbplats är stor bör Ni fundera på att använda tekniker som CGI, SSI, JavaServlets eller ASP. Med ASP exekveras program i webbservern som lägger till något på sidorna innan de skickas till användaren.
Genom att använda ASP Active Server Pages på en NT-server kan man:

• Lägga till funktioner som kan ses i alla webbläsare.

• Göra webbsidorna mer dynamiska.

• Infoga sidohuvud och sidofot på varje webbsida.

• Förbättra strukturen och underlätta underhållet av webbplatsen.

Nackdelen med dessa serverbaserade tekniker är att vi inte kan testa hela Er webbplats från vår dator. Webbplatsen måste först överföras till en server som stöder dessa tekniker. Webbplatsen riskerar också bli långsammare och i vissa fall kan säkerheten minska. När man använder server side teknik måste man generellt välja mellan en NT eller Unix-server. Därför försöker vi i möjligaste mån använda client side teknik, så länge inte webbplatsen är väldigt stor.

Top

Interaktiva sidor

Man kan göra webbplatsen interaktiv som vilken multimedieprodukt som helst genom att använda olika skript och plug-ins. Den enklaste formen av interaktivitet är de vanliga hypertextlänkarna. Här beskriver vi mer avancerade tekniker:

CGI (Common Gateway Interface)

Ett serverbaserat scrip för att t.ex. göra ett formulär eller en gästbok.

Active-X

Är en Microsoft produkt som inte stöds av Netscape. Att använda Active-x är som att använda javascript, man kör små programsnuttar som utför allehanda uppgifter. Till skillnad mot javascript så laddas dock Active-x komponenterna ner på besökarnas hårddisk, varför en del människor är oroade för säkerheten.

Javascript

Ett bra användningsområde för Javascript är s.k. pop-up window.
Ett annat är

Java Applets

Java är ett snabbt program som är lämpligt för mindre program på Internet. Det fungerar på alla datorer som har en "virtuell maskin" installerad. Små Javaprogram inbäddade i html-koden kallas för applets. Dessa har begränsade rättigheter på användarens dator och fungerar bara tillsammans med en webbläsare.
Ett trevligt exempel på java är detta bildspel.

Dynamisk html

Två av ingredienserna i dhtml är stilmallar och javascript. Att använda Dynamisk html är ett relativt enkelt sätt att piffa upp en webbplats. Man utestänger dock alla med äldre webbläsare än version 4.0.

Flash

Är i nuläget det ledande verktyget för avancerad multimedia på Internet. Flash MX har ersatt Shockwave nästan helt och hållet. Det är värt att fundera på att inte ta steget fullt ut och använda Macromedias Flash-teknik för hela webbplatsen. I detta fall klarar sig besökarna med en enkel webbläsare om de bara laddar ner en plug-in.. Flash MX kräver dock att användarna har en relativ hyfsad dator samt en snabb internetuppkoppling för att fungera fullt ut. Flash MX är också tidskrävande att utveckla och är inte direkt lämpligt om Ni vill uppdatera webbplatsen ofta och lätt.

Vi försöker generellt att undvika att rekommendera de mest avancerade teknikerna av följande skäl:

• Vi vill inte krångla till det.

• Vi vill inte skrämma bort besökare med äldre webbläsare och mindre webbkunskap.

• Tar tid att utveckla och blir därför (onödigt) dyrt för Er.

• Risken för fel på webbplatsen ökar.

• Det blir svårt för Er själva att uppdatera webbplatsen.

Generellt gäller att om man vill ha en interaktiv webbplats måste man antingen utesluta alla besökare med äldre webbläsare än version 4, eller göra två versioner av webbplatsen.
Ett bra sätt är att ha en version med html 3.2 och en annan version med Flash. Detta tar dock mycket mer tid och kommer att kosta stora belopp.

Top

Bilder på webbsidorna

När bara ord inte räcker till finns dessa bildformat att välja mellan:

Gif (Graphics Interchange Format)

Internets äldsta bildformat som stöder upp till 256 färger. Passar bäst för logos och ikoner. Gifbilder kan laddas ner gradvis (interlaced) eller vara transparenta.

Jpeg (Joint Photographic Experts group)

Utmärkt för fotografier. Stöder mer än 16 miljoner färger. Använder en komprimeringsteknik anpassad för snabbhet. Bilder från Hamilton.

PNG (Portable Network Graphics)

Ett nytt format för bilder som får användas fritt. Är överlägset Gif. Stöds av webbläsare av version 4 och senare. Möjliggör kraftig komprimering av bilder.

Image maps

Är klickbara bilder. Har i vissa sammanhang hög användbarhet.

Animerade bilder

Ingen har väl missat de blinkande banners som oftast finns högst uppe på webbsidor.

Top

Färger

Webbsäkra färger

För text och illustrationer använder vi bara färger från den webbsäkra färgkuben.

Dessa 216 färger visas lika på alla skärmar och på både PC och Mac.

Vad färgerna betyder

Top

Audio och Video

Om Ni har något att framföra med ljud eller video, då ska Ni göra det. Streaming audio eller video är ett bra val eftersom besökarna inte behöver vänta medan ljud eller bild laddas ner.
Detta bör Ni tänka på innan Ni bestämmer Er för att ha ljud eller video på webbplatsen:

• Ett bildspel kan vara lika bra som en video.

• Ibland duger det med en enkel videofilm som laddas ner.

• Video är inte lämpligt för personer med nedsatt syn.

Det är många sätt man kan använda ljud och video på.
Ni kan få mer information på vår ljud och videosida.

Top