Artiklar

Hemsideskola

2008-12-28 21:53 #0 av: Akerberg

Detta är första delen av hemsideskolan för nybörjare

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 <html> </html> . I princip så ska alla taggar avslutas, dvs skrivas </> till exempel </html>. 

Mellan dessa två taggar (alla <inneslutna> kallas taggar) bygger man sedan sin hemsida.

<body> är nästa tagg, här kan man till exmpel ange bakgrundsfärg och textfärg mm.

<html>

<body bgcolor="FFFFFF" text="000000">

Här kommer innehållet.

</body>

</html>

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 <body>-taggen lägger ni in <font face="verdana" size=2> 

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 <BR>, detta är en av taggarna som inte avslutas, utan det är bara ett enkelt kommando.

Ett vågrätt streck skrivs <HR> 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 <a href=""> </a>

till exempel <a href="http://www.aramennoc.se">Aramennoc</A>

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 </a>

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 <img>

Spara en bild i samma mapp som sidan, se till att den är relativt liten...

<img src="bildnamn.filändelse">  till exmepel <img src="hastbild.jpg">

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.

<html>

<body bgcolor="000000" text="FFFFFF">

<font face="verdana" size=3>

<img src="bild.jpg">

<BR>

<a href=http://www.connemaraopnny.ifokus.se target="_blank">Connemaraforum</A>

<HR>

Sida av MIG!

</body>

</html>

Spara som index.html och  lägg i en speciell hemsidemapp. För att bilden ska fungera måste den ligga i samma mapp

Anmäl
2008-12-28 23:40 #1 av: 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.

Anmäl
2008-12-29 12:08 #2 av: Akerberg

Väntar med spänning Skrattande

Anmäl
2008-12-29 15:05 #3 av: 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...

Anmäl
2008-12-29 15:33 #4 av: AnnaB

Med mina dåliga datakunskaper så fuskade jagCool.......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 bilderSkäms, -men jag löste det alldeles självFö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....

Anmäl
2008-12-29 20:24 #5 av: Smile-

Yes, yes, YES!!!!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 skolaGlad

Anmäl
2008-12-29 20:59 #6 av: Akerberg

#5  Skrattande Vilket härligt inlägg!!

Anmäl
2008-12-29 21:20 #7 av: RC71

#5 Strålande! Vad duktig du är!! Skrattande

Anmäl
2008-12-29 22:05 #8 av: Tittut

Nu fattar jag vad tråden handlar om.

Jag läste som hemsides-kola, så här i julgodistider... Skäms

Liselotte Erixon, medarbetare på gotlandsruss ifokus
~~  Livet fick en skjuts, när vi skaffa russ  ~~

Anmäl
2008-12-29 22:34 #9 av: RC71

#8 Skrattande Ja, här berömmer vi för allt!

Anmäl
2008-12-29 22:44 #10 av: MrsM

#8 Det hade förmodligen fastnat lättareFlört.

Anmäl
2008-12-29 22:50 #11 av: 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.....

Liselotte Erixon, medarbetare på gotlandsruss ifokus
~~  Livet fick en skjuts, när vi skaffa russ  ~~

Anmäl
2008-12-29 22:59 #12 av: RC71

#11 Sitter nu och suger på Bullemors microknäck! Stenhård-räcker till nästa Jul..Skrattande 

Ursäkta tråd-urspårningen...Skäms

Anmäl
2008-12-29 23:04 #13 av: Smile-

#8 + 11 Det kan ju bli en egen (s)kola i en annan tråd...Oskyldig

Anmäl
2009-01-01 18:39 #14 av: [Heikne]

ska det se ut såhär? eller har jag gjort nått fel 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 \par
\par Connemaraforum\par


\par Sida av MIG!\par \par \par \pard\f1\fs20\par }

Anmäl
2009-01-01 19:17 #15 av: 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 =)

Anmäl
2009-01-01 19:22 #16 av: [Heikne]

ä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

Anmäl
2009-01-01 19:24 #17 av: Akerberg

#16 =S  Då har jag faktiskt ingen aning om vad felet beror på =S  Sparar du som .html?

Anmäl
2009-01-01 19:25 #18 av: [Heikne]

ja. index.html och öppnar med internet explorer

Anmäl
2009-01-01 19:27 #19 av: 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

Anmäl
2009-01-01 19:32 #20 av: [Heikne]

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

 

 

Anmäl
2009-01-01 19:35 #21 av: [Heikne]

+ 20 andra filformat som inte verkar vara något intressant

Anmäl
2009-01-01 19:36 #22 av: 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

Anmäl
2009-01-01 19:40 #23 av: [Heikne]

vill du göra det? vore kanon.

 

heikne@hotmail.com

Anmäl
2009-01-01 19:48 #24 av: Akerberg
anteckningar.zip

Provar att lägga ut det här med...

Anmäl
2009-01-01 20:46 #25 av: 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

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...

Anmäl
2009-01-01 20:48 #26 av: 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...

Anmäl
2009-01-01 20:54 #27 av: 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.

Anmäl
2009-01-10 15:14 #28 av: colleen

knuffar upp den här också =)

~Jag tror på ödet~

Anmäl
2009-01-10 16:51 #29 av: Smile-

#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. 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 Maken vägrar befatta sig med något "webbsidenissande"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

Anmäl
2009-01-12 00:15 #30 av: RC70

#29 du kan alltid PMa mig så ska jag försöka hjälpa dig :)

Anmäl
2009-01-12 00:24 #31 av: 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.

Anmäl

Det finns en till kommentar till den här diskussionen. Den är bara synlig för medlemmar på iFokus. För att läsa kommentaren, logga in eller registrera dig på iFokus.