Låt oss börja med vårt mål. Du vill bygga webbplatser men vet inte var du ska börja leta efter information om hur du bör gå tillväga. Det ska vi hjälpa dig med i denna ”bok”. Det är vårt mål nu, och det var även vårt mål 2007 när vi skrev denna bok som projektarbete i 3:an på gymnasiet (dock har gruppen av författare genomgått vissa förändringar sen dess, både i form av avhopp och nykomlingar). Slutprodukten (d.v.s. det du läser nu, som i alla fall vi tycker om att kalla ”bok”) hade vissa … defekter. Du läser nu försöket att laga dessa defekter; detta är andra upplagan, eller version två om du så vill. (Den delar för övrigt inte många likheter med ettan.)
Tanken är att ge dig en introduktion till de olika delarna av (modern) webbutveckling, det vill säga konsten att bygga webbplatser; som webbutveckling om det översätts från latin betyder (ja, vi lovar). Det svåraste med att börja arbeta inom ett helt nytt område är att du inte vet var du ska börja, och det är just detta problem vi försöker lösa med denna bok. Den gör ett försök att ge dig en överblicksbild över de olika delar av webbutveckling utan att gå in allt för djupt på varje individuell del. I och med denna ”grundkoll” du får genom detta vet du var och hur du ska fortsätta om du vill fördjupa dig inom något visst område när du läst klart boken. Det finns redan väldigt mycket välskriven information på andra ställen på Internet om specifika problem, så det känns inte som att vi behöver duplicera den informationen. Att hitta lösningar på dessa specifika problem (t.ex. ”hur gör jag en rubrik?” eller ”hur ändrar jag färg på texten?”, oftast kanske lite mer avancerade problem, just de nämnda här är allt för centrala för att överlåta besvarandet av dem till andra) är ganska enkelt förutsatt att du känner till vilka kanaler du ska gå igenom. Att få ett grepp om helhetsbilden är mycket svårare (att t.ex. se huruvida den förslagna lösningen är en bra eller dålig sådan, hur den lösningen passar in i just din webbplats, eller ens komma på vad du ska fråga Google för att hitta denna information kräver en bra förståelse för grunderna). Det är av dessa skäl vi valt att göra som vi gjort.
Vi väljer ibland att göra grova sammanfattningar av (eller ibland helt utelämna) olika ämnen som vi anser inte vara av direkt intresse för nybörjare. Vi kommer då istället att lägga in länkar till resurser som går djupare in på aktuellt ämne (för att inte förstöra helhetsbilden). Dessa kan ibland vara specifikationer till olika ”webbspråk” (språk som har med webbutveckling att göra, efter att du läst kapitel 1 kommer det vara tydligare vad vi menar med detta), eller långa referensmanualer med rekommendationer om hur du bör gå tillväga för att bygga användarvänliga och tillgängliga webbplatser. Fear not! Dessa är främst menade för mer erfarna webbutvecklare och läggs oftast in för att vi ska kunna vara så pass heltäckande som möjligt utan att producera världshistoriens längsta bok. Utöver språkspecifikationer är det först och främst länkar till följande som kommer att komma upp då och då:
Det är i övrigt svårt att tala om vilka resterande begränsningar vi har valt att göra, eftersom att det förutsätter en del kunskap om webbutveckling. Det första kapitlet talar mer om detta och försöker motivera dessa begränsningar, men utan mer sammanhang är det svårt att beskriva dessa närmare här i denna inledning.
Vi förutsätter egentligen inte mycket förkunskaper (vilket är ett medvetet val/mål), men det är bra om du är van användare av någon textredigerare, och van dator- och Internetanvändare. De två senare är ganska vaga och svårmätta termer, men om du känner dig tillräckligt bekväm med att kalla dig de två borde det inte vara några problem.
Boken är främst tänkt för dig som ska fortsätta med mer avancerad webbutveckling efter att ha läst klart den. Boken försöker som sagt ge dig en överblicksbild över de olika delarna av webbutveckling. Det är omöjligt att ta med allt, men efter att ha läst boken vet du förhoppningsvis vad du vill inrikta dig på och läsa mer om. Så om ditt mål är att bygga en liten och simpel webbplats som ska vara färdig att publicera så snabbt som möjligt och egentligen inte har någon vilja att fortsätta med mer avancerad webbutveckling efter att ha läst boken är den nog inte för dig.
Hur du går tillväga i vissa delar av boken beror på vilket operativsystem du använder. När så är fallet har vi försökt att alltid ta med Microsoft Windows, GNU/Linux Ubuntu och Mac OS. Så om du använder något annat operativsystem än de uppräknade får du i de (få) delarna klara dig själv.
Okej, du vet att du vill lära dig om hur webbutveckling går till. Varför ska du läsa just denna bok istället för någon annan? Vi skulle kunna fylla på med mer, men dessa tycker vi är de egenskaper som fattas i andra svenska webbutvecklingsintroduktioner (dessa fattas även i många engelska verk, så det är inte ett problem specifikt för svenska sådana):
Vi tar även upp specifika introduktioner som vi är trötta på att nybörjare blir rekommenderade (eftersom att vi, helt enkelt, är bättre än de) i appendixkapitlet ”Vi är bättre än X”.
Denna del går igenom allt som alla som kallar sig webbutecklare måste kunna.
Grundläggande definitioner. Olika typer av webbläsare. De tre lagren. Kort om hur index.html kan se ut. Fungerande exempel med en rubrik och lite text. Mycket kort introduktion till serversidan och serverskript.
Struktur och betydelse-lagret: HTML
Bygger en enkel webbsida. Vad HTML, HTML 4.01, HTML5 och XHTML är och deras relation. Grundläggande HTML-element.
Fortsättning med CSS. Olika sätt att associera de två fundamentala lagren. Namngivning. Selektorsyntax. Kaskad och arv. Praktiska problem.
Mestadels en lista över olika sätt att påverka text. Diskussion om enheter för teckengrad. Introducerar snabbskriftsmetoden.
Går igenom grundläggnade tabeller. En del länkar till vidare läsning.
Elementet för bilder och s.k. alt-texter. Vanliga bildformat.
Lite random som inte fick plats någonstans.
Hur webbsidor länkas samman för att bli en webbplats. Pseudoklasser för länkar. Att inkludera dokument i andra dokument idag alltid innebär serverskript, exempel i PHP.
Denna del tar upp hur en hel webbplats designas, saker så som boxmodellen och så. T.ex. hur man gör en layout till en webbplats i CSS.
Hur färger utöver de inbyggda kostanterna fungerar i CSS.
Introducerar boxmodellen och floats.
Olika typer av layouter. Skapandet av en webbsida med någon flerkolumnslayout.
Bygger upp en sida från grunden och använder allt från grundkapitlen, för att ge en helhetsbild av hur man gör. Mest repetition och sammanfattning egentligen.
Denna del består av en kortare introduktion till andra vanliga webbtekniker utöver de vi redan behandlat, bl.a. ECMAScript/JavaScript, serverskript, databaser och Adobe Flash. Att täcka in alla dessa webbtekniker går inte att göra i en bok, så denna del består utav sammanfattade beskrivningar av vad de olika teknikerna används till, följt av en samling länkar till var du kan tänkas hitta mer information om resp. område.
Introduktion till beteendelagret.
Kolla på YouTube och säg vad de olika delarna på en exempelsida är, t.ex. Flash och serverskript, att en databas används här o.s.v.
Detta är material som inte passade in någon annanstans.
Förkunskap till de båda andra extrakapitlen. Om hur olika talsystem fungerar.
Hur datorer sparar textfiler och vad Unicode är.
Appendix: Lösningar till vanliga problem
Typ centrering, 100 % höjd, etc. [placering av denna är ännu osäker]
Det finns många dåliga introduktioner till webbutveckling, här varnar vi för några.