Introduktion i hur man utvecklar en webbplats

Hur utvecklar man en webbplats? Vilka tekniker och språk används, och hur börjar jag göra en webbsida? Det här är några frågor som jag tänkt gå igenom i den här grundläggande introduktionen i hur man utvecklar en webbplats. Observera att den här artikeln är för nybörjare som vill lära sig göra webbsidor.

Design

Det är väl rätt uppenbart att när man ska göra en webbsida så måste man ha en design. Hur ska det se ut, och hur ska jag placera ut mina element? Börja med att skissa ner dina tankar och ideér på ett papper och när du har hyfsad koll på ungefär hur det ska se ut så börjar du designa i ett grafiskt behandlingsprogram. Det finns en mängd program att använda och en del av dom som du kan använda är Photoshop, Gimp, Fireworks eller Illustrator.

HTML – strukturera innehållet

HTML (Hypertext Markup Language) är ett uppmärkningsspråk där man strukturerar och märker upp sitt innehåll. Jämför med när du skriver ett dokument i Word. Där markerar du en text och säger att det ska vara en rubrik, eller du kanske vill ha en punktlista utav några rader text. Då markerar du texten och trycker på knappen för att göra en punktlista i Word. Likadant är det med HTML, fast du måste själv skriva vad som ska vara vad.

I HTML använder man något som heter taggar eller element och det är via dessa som man märker upp informationen. Tex har jag texten ”Introduktion” som jag skulle vilja märka upp som en huvudrubrik, då skriver jag så här:

<h1>Introduktion</h1>

Med hjälp utav h1-taggen som står för header 1 markerar jag att all text som står innanför h1 taggarna ska vara en rubrik, svårare än så är det inte.

CSS – presentera innehållet

Med hjälp utav CSS (Cascading Stylesheet) bestämmer du färg och form på texter, listor, rubriker och allt annat som du har märkt upp med HTML. CSS:en har ingenting med innehållet att göra utan styr bara hur innehållet ska se ut och presenteras. Det är med hjälp utav den här tekniken som du får din webbsida att se ut som den design du utformat tidigare. Tex om jag skulle vilja göra rubriken som jag gjorde förut i röd färg kan jag skriva såhär:

h1 { color: red; }

Javascript – interagera med innehållet

Javascript brukar kallas för beteende lagret i en webbsida. Med hjälp utav Javacript kan du alltså få innehållet att bete sig på olika sätt när interaktivitet sker mot användaren. Tex när användaren klickar på en knapp på en webbsida så kan man via Javacript få någonting att hända med knappen eller ett annat element på sajten. Vi skulle kunna skriva såhär för att generera ett meddelande som visas för användaren:

alert("Det här meddelandet är genererat av Javacript");

Var observant på att det här var en mycket grundläggande artikel för dig som precis vill sätta igång och bygga webbsidor. Framöver tänkte jag gå igenom dessa tekniker lite djupare och mer detaljerat men till dess får du nöja dig med följande resurser:

Webbresurser för att börja bygga webbsidor:

• Webdesignskolan
• W3 Schools

Du har kommit till slutet av inlägget

Tyckte du inlägget var intressant? Läs dessa också:

Nyheter i CSS3

Hur du utformar en utskriftsmall

Skriv över inline styles med CSS

Skrivet 9 juli - 2009 Postat i: Övrigt