# Hemsideskola Author: Akerberg HTML, vad är det? Hyper text markup language, eh, va? säger ni då?  Det är av html-koder de flesta hemsidorna är uppbyggda av. Kan man de enklaste kommandona kan man mycket väl uppdatera sin hemsida lite smått själv! Koderna skrivs in i ett program, sparas och laddas upp på nätet där de omvandlas till synligt innehåll på en hemsida. Ett mycket enkelt program som alla (Windowsanvändare iaf) har är anteckningar/notepad.  Det finns avancerade hemsideprogram att köpa/ladda ner, men jag har aldrig förstått tjusningen med dem... roligare att göra själv! Man börjar med att öppna sitt program (jag kommer använda anteckningar i alla expemel) och skriver  . I princip så ska alla taggar avslutas, dvs skrivas till exempel .  Mellan dessa två taggar (alla kallas taggar) bygger man sedan sin hemsida. är nästa tagg, här kan man till exmpel ange bakgrundsfärg och textfärg mm. Här kommer innehållet. Skriv in koden ovan i ett anteckningsdokument. Spara sedan och döp filen till index.html  (Skapa en ny mapp i datorn där du sparar alla filer som har med hemsidan att göra. Ni som har hemsidor, skapa en ny mapp så ni inte råkar förstöra befintliga filer!!) Öppna era nya sida (klicka på filen i till exempel senast använda dokument) Tada! En mycket enkel hemsida är skapad. Än så länge bara lokalt i datorn (dvs ingen annan kan se den, för att få den synlig på internet måste man ha utrymme där uppe i cyberspace, men det blir en annan lektion!) Nu bygger vi vidare, man vill ju kunna byta teckensnitt och storlek på bokstäverna också. efter -taggen lägger ni in   Face="" anger namnet på teckensnittet, tänk på att använda ett teckensnitt som alla har, har inte den som tittar på sidan aktuellt teckensnitt så kommer texten visas med standardstilen.  Size anger såklart storleken på bokstäverna. 2 i det här fallet betyder 2 pixlar. Spara din fil och titta hur det ser ut. Radbrytningar är ju bra att kunna göra, de skrivs
, detta är en av taggarna som inte avslutas, utan det är bara ett enkelt kommando. Ett vågrätt streck skrivs
och avslutas inte heller. **Färger** Färgerna jag angivit i exemplet ovan är vit bakgrund (FFFFFF) och svart text (000000).  Därimellan finns hela färgskalan, med start på svart och slut på vitt. (0-9 och A-F) de två första siffrorna anger mängden rött, det andra paret mängden grönt o de två avslutande mängden blått.  Detta kallas hexadecimala färgkoder. **Länkar** För att lägga in en länk på sin sida skriver man kommandot till exempel Aramennoc Först skriver man adressen till sidan (glöm inte http://!) och sedan skriver man texten som man vill ska visas o vara klickbar. Glöm inte avsluta med För att öppna länken i ett helt nytt fönster lägger man efter .se"  till target="\_blank"  **Bilder** Bilder läggs in med kommandot Spara en bild i samma mapp som sidan, se till att den är relativt liten...   till exmepel img src står för image source (bildkälla) **Sammanfattning** Nu kan ni göra en mycket enkel sida med lite text, en länk och en bild.
Connemaraforum
Sida av MIG! Spara som index.html och  lägg i en speciell hemsidemapp. För att bilden ska fungera måste den ligga i samma mapp ## Comment 1 Author: MrsM Ska försöka sätta mig in i det här, men inte ikväll. Brukar agera testpanel åt dataavdelningar - klarar jag ut saker så kan vem som helst = dvs då är produkten OK ![Skrattande](../tiny3/plugins/emotions/img/smiley-laughing.gif "Skrattande"). ## Comment 2 Author: Akerberg Väntar med spänning ![Skrattande](http://connemaraponny.ifokus.se/tiny3/plugins/emotions/img/smiley-laughing.gif "Skrattande") ## Comment 3 Author: Sigrid-pa-Pottan Även om prgram för hemsidesnickrande är dyra, finns det inte längre enkla wysiwyg ("what you see is what you get") program som är gratis, eller iaf näst intill? Själv har jag använt mig av ett sådant som jag har för mig följde med en äldre version av IE: Kanske gammalmodigt och oglamoröst, men med rätt goda möjligheter att få till en enkel men ändå snygg och funktionell website. För den som gillar att göra egen grafik finns ju också bra gratis alternativ till de dyra program som säljs i den genren. När jag började göra min sida googlade jag efter "hemsideskolor" på webben och hittade en del användbart, bl a diskussinsgrupper där man nog kan få en hel del hjälp och tips av mer erfarna. Sen får man nog under alla omständigheter ta med i beräkningen att sånt här (liksom så mycket annat) tar TID, oftast mycket mer tid än vad man tror. Å andra sidan har man förhoppningsvis full kontroll över sin sajt och är inte beroende av andras välvilja... ## Comment 4 Author: AnnaB Med mina dåliga datakunskaper så fuskade jag![Cool](../tiny3/plugins/emotions/img/smiley-cool.gif "Cool").......började bygga på "halvfabrikat" på en sådan där gratissida, och nu börjar det arta sig till något, de tog bara 2 dagar innan jag kom på hur man lägger in bilder![Skäms](../tiny3/plugins/emotions/img/smiley-embarassed.gif "Skäms"), -men jag löste det alldeles själv![Förvånad](../tiny3/plugins/emotions/img/smiley-surprised.gif "Förvånad")! och ska man nu skryta lite så börjar det faktiskt se riktigt bra ut, men ska byta ut några bilder som jag skannat in , kvaliteten blev för dålig.... ## Comment 5 Author: [Borttaget] Yes, yes, YES!!!!![Skrattande](../tiny3/plugins/emotions/img/smiley-laughing.gif "Skrattande") Lektionen FUNKADE - väntar med spänning på nästa. Har gjort två fungerande länkar, två bilder, två textrader och ett horisontellt streck!!! Inte för att jag skulle vilja att detta var "mitt ansikte utåt", men en början i alla fall...Håller mig till Akerbergs skola![Glad](../tiny3/plugins/emotions/img/smiley-smile.gif "Glad") ## Comment 6 Author: Akerberg #5  ![Skrattande](http://connemaraponny.ifokus.se/tiny3/plugins/emotions/img/smiley-laughing.gif "Skrattande") Vilket härligt inlägg!! ## Comment 7 Author: RC71 #5 Strålande! Vad duktig du är!! ![Skrattande](../tiny3/plugins/emotions/img/smiley-laughing.gif "Skrattande") ## Comment 8 Author: Tittut Nu fattar jag vad tråden handlar om. Jag läste som hemsides-kola, så här i julgodistider... ![Skäms](../tiny3/plugins/emotions/img/smiley-embarassed.gif "Skäms") ## Comment 9 Author: RC71 #8 ![Skrattande](../tiny3/plugins/emotions/img/smiley-laughing.gif "Skrattande") Ja, här berömmer vi för allt! ## Comment 10 Author: MrsM #8 Det hade förmodligen fastnat lättare![Flört](../tiny3/plugins/emotions/img/smiley-wink.gif "Flört"). ## Comment 11 Author: Tittut Ja, men kanske inte varit lika beständig. Vår julkola tog slut direkt, men så var det också mycket bra och nyttiga naturprodukter i den. Grädde, smör, honung, socker, sirap..... ## Comment 12 Author: RC71 #11 Sitter nu och suger på Bullemors microknäck! Stenhård-räcker till nästa Jul..![Skrattande](../tiny3/plugins/emotions/img/smiley-laughing.gif "Skrattande")  Ursäkta tråd-urspårningen...![Skäms](../tiny3/plugins/emotions/img/smiley-embarassed.gif "Skäms") ## Comment 13 Author: [Borttaget] #8 + 11 Det kan ju bli en egen (s)kola i en annan tråd...![Oskyldig](../tiny3/plugins/emotions/img/smiley-innocent.gif "Oskyldig") ## Comment 14 Author: [Borttaget] ska det se ut såhär? eller har jag gjort nått fel ![Förvånad](../tiny3/plugins/emotions/img/smiley-surprised.gif "Förvånad") {\\rtf1\\ansi\\ansicpg1252\\deff0\\deflang1053{\\fonttbl{\\f0\\froman\\fcharset0 Times New Roman;}{\\f1\\fswiss\\fcharset0 Arial;}} {\\colortbl ;\\red0\\green0\\blue255;} {\\\*\\generator Msftedit 5.41.15.1507;}\\viewkind4\\uc1\\pard\\sb100\\sa100\\f0\\fs24 \\par \\par \\par ![](file:///C:/Documents%20and%20Settings/Heikne/My%20Documents/Hemsida/bild.jpg)\\par \\par [Connemaraforum](http://www.connemaraopnny.ifokus.se/)\\par * * * \\par Sida av MIG!\\par \\par \\par \\pard\\f1\\fs20\\par } ## Comment 15 Author: Akerberg #14 oj, vad har du gjort =S Nej, så ska det inte se ut ;)  Fast det ser ju ut som att du fått till länken rätt iaf =) ## Comment 16 Author: [Borttaget] även när jag kopierar din sammanfattning och klistrar in den i wordpad, sparar och öppnar blir det sådär knasigt. känner mej helförvirrad nu haha ## Comment 17 Author: Akerberg #16 =S  Då har jag faktiskt ingen aning om vad felet beror på =S  Sparar du som .html? ## Comment 18 Author: [Borttaget] ja. index.html och öppnar med internet explorer ## Comment 19 Author: Akerberg Kan det vara programmet kanske..?  Vet inte vad wordpad är för något, är det ett så enkelt program som notepad/anteckningar? Eller kan man göra något med det? n/a kan man bara skriva text i, inga fler finesser. Prova o se om det finns .htm / .html att välja på i någon lista någonstans i spararegionerna ## Comment 20 Author: [Borttaget] det är liknande word, om man sparar och väljer filformat finns endast RTF-format samt tre varianter av textdokument provade även med word, där finns worddokument , webbsida, webbsida filtrerad, webbarkiv och RTF-format ## Comment 21 Author: [Borttaget] \+ 20 andra filformat som inte verkar vara något intressant ## Comment 22 Author: Akerberg prova i word o spara som websida Fast frågan är om man kan skriva kod där... tror inte det, tror man skriver vanlig text o så omvandlar programmet det till kod när den sen sparas som websida =S Kan skicka över anteckningar till dig om du vill ## Comment 23 Author: [Borttaget] vill du göra det? vore kanon. heikne@hotmail.com ## Comment 24 Author: Akerberg Provar att lägga ut det här med... ## Comment 25 Author: GE #5 När jag flyttade mina hästar till Grän i mars 2005, lovade jag att göra en hemsida till Sigrid. Jag kunde ingenting när jag började, och visste nog inte riktigt vad jag gav mig in på. Det enda jag kände till var att man skulle skriva på ett speciellt "kodspråk" i note-pad (anteckningar), som sen skulle sparas som html.filer. Efter många försök och mycket svärande var jag färdig att ge upp, men så hittade jag Annika Tigers suveräna hemsideskola. [http://www.tiger.se/sida.html](http://www.tiger.se/sida.html) Allt man behöver veta och lite till finns beskrivet på ett mycket lättfattligt sätt. Efter att ha läst igenom "ABC-kom igång" ett par gånger föll allting på plats. Sen var det bara att bygga på, och hemsidan blev klar att läggas upp i maj 2005. Någon annan hjäp har jag inte behövt sen dess.. Så Smile- 50+ och ingen html-vana är faktiskt inget hinder!! Kämpa på ska du se att det lossnar ordentligt för dig snart... ## Comment 26 Author: Akerberg #25 tror jag får ge AT en chans till... Har försökt flera gånger men tycker inte den är bra alls =S Men alla andra säger att den är bra så det är nog mig det är fel på =P  Jag läste mig till html-språket via Passagens html-skola. Den finns inte kvar längre, men jag har alla sidor utskrivna någonstans... ## Comment 27 Author: GE #26 Man är ju olika, men Passagens html-skola var den jag först började med, och som det gick åt så många svordomar till. ## Comment 28 Author: colleen knuffar upp den här också =) ## Comment 29 Author: [Borttaget] #25 Kanske ska prova det. Det är svårt när tiden inte riktigt vill räcka till.. Men jag börjar tro att det kan gå så småning om. Håller fortfarande på att experimenterar med del 1 och två i Åkerbergs skola. Jag tror faktiskt att en del handlar om att "knäcka koden" - och jag märker att det händer något på den fronten... Men allt för hoppfullt känns det inte..![Skäms](../tiny3/plugins/emotions/img/smiley-embarassed.gif "Skäms"). Dottern (högskolestuderande systemvetare och "datanörd"som varit hemma på besök i julhelgen kommenterade mina ansträngningar med att "lycka till" html är riktigt svårt att lära sig....Hon rekommenderade att jag skulle övergå till något enklare sätt.![Obestämd](../tiny3/plugins/emotions/img/smiley-undecided.gif "Obestämd") Maken vägrar befatta sig med något "webbsidenissande"![Skrikandes](../tiny3/plugins/emotions/img/smiley-yell.gif "Skrikandes") I nöd och lust var det väl - om detta inte är nöd, då vet jag inte vad??![Rynkar på näsan](../tiny3/plugins/emotions/img/smiley-frown.gif "Rynkar på näsan") ## Comment 30 Author: [Borttaget] #29 du kan alltid PMa mig så ska jag försöka hjälpa dig :) ## Comment 31 Author: rc715 Om man inta vill lära sig html-koder och liknande så finns det ju faktiskt flera fusksidor som man kan använda. Själv har jag använt dinstudio och byggt en, som jag tycker iallafall, bra hemsida. Man kan också använda freewebs som är en gratissida. Dessa sidor hjälper dig att bygga din hemsida på ett så enkelt sätt att en total data-analfabet kan klara det ![Flört](../tiny3/plugins/emotions/img/smiley-wink.gif "Flört"). ## Comment 32 Author: Akerberg #31 Ja kan kan man ju =) Men oftast blir de inte så snygga ![Tyst](../tiny3/plugins/emotions/img/smiley-sealed.gif "Tyst") dessutom är det mycket ROLIGARE att göra själv! Bra att kunna grunderna i allafall, så man har ett hum om vad det är man sysslar med.