Archives for posts with tag: hemsida

Att skapa webbsidor på det gamla hederliga sättet, genom att skriva HTML, är kul. Men är det programmering? Det beror på vem du frågar. Att åsikterna kraftigt går isär framgår till exempel av den här diskussionstråden. Själv lutar jag, i likhet med författaren av detta blogginlägg, nog åt nej, bland annat eftersom HTML och andra märkspråk saknar grundläggande konstruktioner som loopar och villkorssatser. Men jag tillstår att även jasidan har hyfsade argument. Och även om diskussionen är lite intressant känns det inte särskilt viktigt att ha en tydlig åsikt.

Vad jag däremot är helt övertygad om, det är att HTML är en alldeles utmärkt väg in i programmeringens värld. För det första är det lätt att komma igång. Om du har tillgång till en vanlig dator, då har du redan allt du behöver för att kunna knacka HTML: en texteditor och en webbläsare. ”Riktiga” programspråk kräver däremot installation av mjukvara som en kompilator eller programtolk och ibland särskilda utvecklingsverktyg. Ofta är det ett helvete, rent ut sagt, att sätta upp en fungerande utvecklingsmiljö.

För det andra: Genom att skriva HTML lär du dig att använda en texteditor och du blir snabbt varse fördelarna med att skriva på ett snyggt och strukturerat sätt, med indrag etc, samt vikten av att stava rätt och sätta konstiga tecken på precis rätt ställen. Det kommer du att ha nytta av om du senare går vidare till annat kodande. För det tredje är HTML ett lämpligt, för att inte säga nödvändigt, första steg för dig som vill lära dig att skapa exempelvis spel och grafik med Javascript.

Och så är det ju skojigt att skapa en alldeles egen, personlig hemsida som till skillnad från exempelvis denna blogg eller de sociala mediernas profilsidor inte följer några givna mallar. Nu är det ju långt ifrån alla som har tillgång till serverutrymme för en hemsida, men hos Neocities kan du snabbt, enkelt och alldeles gratis skapa en egen webbplats på upp till 20 megabyte. (Om du väljer att stödja detta finfina projekt med en struntsumma per månad får du ett mycket större utrymme.)

Dessvärre är det ont om bra, svenskspråkiga nätresurser för dig som vill lära dig HTML från grunden. I synnerhet om du är ett barn. Men du som förstår engelska kan välja och vraka mellan olika interaktiva verktyg varav flera är omnämnda här och här. Och om du inte har något emot pappersböcker kan jag återigen rekommendera smått klassiska HTML och CSS-boken av Rolf Staflin.

Lycka till med programmeringen! Eller vad man nu ska kalla det.

/Mats

Hur det går med ungarnas hemsidor? Tackar som frågar. Vi har, på en dryg vecka, kommit en bra bit på väg. Man kan säga att grunderna är lagda, väggar och tak är på plats och fasaderna är målade. Ja, vi har – för att fortsätta liknelsen med husbyggen – till och med inrett respektive farstu. Med andra ord: de har numera varsin startsida med bild, kort presentationstext och meny. Nu återstår bara att fylla resten av ”rummen” med innehåll. Så här ser sidorna ut:

Besök dem gärna på rorbecker.com/selma och rorbecker.com/svante och, om du är nyfiken på hur vi har gjort, kika på källkoden (högerklicka och välj ”Visa källkod” eller liknande alternativ). Det som kanske kan vara särskilt intressant för andra ovana hemsidesbyggare är de CSS-filer, stylesheets/formatmallar,  som styr hur sidorna ser ut (selmastil.css respektive svantestil.css). Och då tänker jag framför allt på de så kallade typsnittsdefinitionerna (de stycken som inleds med ”@font-face”).

De typsnitt som används på sidorna – Colaborate respektive Komika Axis (rubriker) och Droid Sans (vanlig text, menyer) – är hämtade från Font Squirrel, en fantastisk liten sajt där jag har tillbringat mycket tid på sistone. Genom att ladda ner typsnitten, lägga filerna i samma katalog som hemsidan och deklarera i formatmallen att just dessa ska användas får man full kontroll över hur texten visas för användaren (även om hen inte har typsnitten i fråga på sin egen dator).

Jag hade inga problem med att få det här att funka i webbläsarna Firefox, Safari och Chrome. Med Explorer var det betydligt knöligare. Till slut gav jag upp försöken att själv klura ut hur jag skulle göra, och kopierade typsnittsdefinitionerna från Font Squirrels exempelfiler. Då gick det.

Nog om typsnitt. I förra inlägget antydde jag att jag kanske skulle bygga en hemsida åt mig själv också. Och jo, så blev det. I mitt fall är ”huset” helt klart (även om det, med tanke på den korta byggtiden, kanske ska betraktas som något av ett fuskbygge). Adressen är rorbecker.com/mats. Titta gärna förbi!

/Mats

Jag har inte knackat HTML sedan åren kring millennieskiftet. Men nu har det blivit dags igen. Jag har nämligen lovat ungarna att jag ska hjälpa dem att bygga varsin hemsida. Och vi ska varken använda färdiga templates (layoutmallar) eller hjälpmedel som Dreamweaver/NVU – vi ska bygga dem ”för hand”, med HTML och CSS. Varför? Jo, jag vill att barnen ska få ett hum om hur webbplatser ser ut under ytan.

Vi ska, har jag tänkt, utgå från denna extremt enkla HTML-mall (klicka för större bild):

När ungarna har fyllt sina sidor med text ska vi först lägga till bilder och sedan fixa till utseendet med CSS-kod i separata stylesheets (formatmallar). Resultatet ska bli enkla ”profilsidor” som sedan, om de så önskar, kan byggas ut med fler sidor, menyer etc. Just webbdesign är inte min starkaste sida, men jag hoppas att de ska bli hyfsat snygga.

Jag har som sagt använt HTML tidigare. Men för att fräscha upp minnet, och få lite kläm på CSS, har jag plöjt HTML och CSS-boken av Rolf Staflin. Det är en lättbegriplig bok som verkligen börjar från grunden, och som jag härmed rekommenderar varmt om du själv vill lära dig att bygga webbsidor.

Själv har jag konton på både Twitter och Facebook, och jag känner väl inte direkt något behov av en egen hemsida. Men det är inte utan att jag, medan jag har förberett ungarnas sajter, har blivit lite sugen på att bygga en, bara för skojs skull. Något ska man ju ha sin domän till…

/Mats