Skriva kod för hand

Att lära sig både html-kod och css-kod hör till grunderna i webbdesign. Det kan verka krångligt och förvirrande i början med två olika kodspråk, men det är ändå viktigt att kunna dem någotsånär. De program man använder för att bygga hemsidor i (t ex Dreamweaver, Frontpage, GoLive, m fl) klarar inte allt, man måste då och då gå in och ändra koden för hand. Kan man då inte html eller css blir det svårt att få det som man vill.

Många som jobbar med hemsidesproduktion föredrar att skriva kod för hand. De tycker det är lättast att få sidorna precis som de vill då. Skriver man mycket kod så lär man sig den snart utantill, och då går det undan att skriva utan att man behöver titta i referenser hela tiden.

Html och css är grunden för en hemsida, men vill man fördjupa sig i detta finns hur mycket som helst man kan leka med för att göra sidorna ännu mer flexibla, roliga och lätta att arbeta med. Man kan kombinera html med javascript (små "program" inbyggda på sidan), programmering (t ex PHP eller ASP) osv, i det oändliga.

Kodeditorer

Programmet Anteckningar duger fint till att skriva kod i. Lite jobbigt kan det vara om man vill ha både html-och css-dokument öppna samtidigt, då måste man öppna flera fönstser i Anteckningar. Om man skriver mycket kod för hand kan det vara idé att skaffa sig en speciell kodeditor. Det finns många att välja på på nätet, de flesta är freeware och bara att ladda hem. I en kodeditor färgas koden i olika färg, så att man lättare kan kontrollera att man skrivit rätt.

Inför det teoretiska provet

Det första provet i webbdesign gör du när du är klar med alla uppgifter i detta avsnitt ("Uppgifter kod"). Det är ett skriftligt prov, du kommer alltså inte att ha tillgång till dator. Ta med penna och sudd till provtillfället! Du hittar som vanligt fakta på Webdesignskolan och Jonas web. En del extra info kan du hitta på W3Schools.

Du har nytta av allt du gjort hittills, men några saker bör du kanske titta extra noga på:

• Grundkoden till en html-sida - de viktigaste grundtaggarna, dvs
  ‹html›
  ‹head›
  ‹title›
  ‹/title›
  ‹/head›
  ‹body›
  ‹/body›
  ‹/html›
  och deras inbördes ordning.
  Du måste också veta var i dessa koder du ska placera innehållet på sidan, var länkraden till CSS-filen ska stå, osv.
• Filformat och filändelser för bilder, html- och cssdokument. För bilder bör du även veta vilket format som lämpar sig bäst för vad, t ex när man använder gif-bilder och när det är lämpligt med jpeg-bilder.
• Du ska kunna lägga in kod för länkar, inklusive om de ska öppnas i nytt fönster.
• Du ska kunna lägga in bilder på en hemsida.
• Du ska kunna skapa två typer av listor, numrerad och onumrerad lista.
• Du ska veta hur man skriver CSS-kod, dvs
  väljare{
  egenskap: värde;
  egenskap: värde;
  }
  Du behöver däremot inte kunna alla egenskaper och värden utantill.
• Du ska kunna koppla en klass i CSS-koden till rätt element i html-koden.
• Du ska veta hur man skriver CSS-kod för de vanliga html-taggarna (t ex p, h1, body, osv) samt hur man skapar klasser.
• Du ska veta hur man skapar behållare för innehåll, med hjälp av ‹div›-taggar. Du bör också känna till hur man kan placera ut sådana behållare på sidan, med hjälp av float-metoden eller position: absolute. Du behöver inte kunna skriva denna kod utantill, men du måste förstå den om du ser den.