Lektion nr 2

 

Hej igen
Nu börjar vi att koda direkt men för att kunna spara allt vi gör så ska vi först skapa en mapp. Du kan spara den varsomhelst bara du kommer ihåg var du sparade den. Jag kommer att spara den under c:\

Tryck på Start och sedan Program och sedan Utforskaren. När Utforskaren har öppnat sig tryck då på c:\ i högra spalten en gång så att den blir blå. Tryck nu på Arkiv och välj Nytt och sedan Mapp. Nu får du upp en en mapp i högra spalten med blåfärgat del. Skriv nu Min HTMLmapp och tryck på enter.
I den här mappen kommer vi att ha våra sparade dokument. När jag säger att ni ska spara nåt så ska ni alltid spara i den här mappen. Givetvis kan ni kalla den för vad som helst men det underlättar för er, om ni har samma namn som jag har. Ni kan ju alltid byta namn sen, när ni ska arbeta utan mig i framtiden.

Tryck nu på Start sedan Program sedan Tillbehör och välj Anteckningar. Se bild 1.  I detta program ska vi skriva våra
HTMLkoder. Vi börjar med att trycka på Arkiv och sedan Spara som. I rutan som kommer upp, ska vi välja ett namn och vilken typ av dokument vi ska Spara som.
Se bild 2. Vi ska spara detta dokument i namnet index.txt och vi ska spara den i vår mapp vi gjorde. Sök fram vår mapp genom att trycka på C och sedan öppna där ska du finna mappen: klicka en gång på den och tryck på öppna igen. Nu ska du se vår mapp längst upp i en ruta med en öppen mapp och vårt namn. Se bild 3.  Nu ska du trycka på spara så att dokumentet hamnar i våran mapp. Kolla gärna i  		anteckningar.jpg (7869 bytes)
Bild nr 1
bild 2.jpg (21401 bytes)  bild 2
bild 3.jpg (5524 bytes)  bild 3		 utforkaren om det om det stämmer. Nu ska du göra om denna procedur igen men nu ska du spara dolumentet i namnet index.html. För att vi ska kunna göra våra koder behöver vi en som heter index.txt och en som heter index.html. Html  är den som vi ska skicka ut till vår hemsida på nätet och txt är den som vi ska göra koderna i. När du är klar med sparande ska vi börja med lite kodning. Vi öppnar index.txt och skriver nu följande text från toppen av dokumentet.

<HTML>

Jaha, vad var det där bra för då. Inte så mycket faktisk,  men det talar om för din och alla andras browser att nu kommer det ett html-dokument. För att tala om för browsern att nu slutar vi med htmlandet så skriver vi samma sak men vi lägger in en extra sak. ett snestreck som betyder stopp.     /=stopp

Den kommer vi att använda mycket av i kodningen så lägg den i bakhuvudet till senare. så här ser det ut:

<HTML>
</HTML>

Vad betyder nu detta då: Vi börjar med < och >. Dom här två betyder att nu ska datorn göra nånting, vad som helst, men inte att skriva ut en vanlig text. För det gör datorn automatiskt om du inte ramar in en kod med dessa två saker. Dessa två kallas taggar och dom styr det mesta på sidan. Mellan två taggar kan du skriva vad som helst typ <jag vill bli vacker> Tyvärr förstår inte datorn detta, så han hoppar över den taggen ( otur va!!!). Datorn kontrollerar alltid allt som finns mellan två taggar och försöker utföra koden. Om du tittar på nedersta raden som vi skrev så ser du stopptecknet. </HTML>. Nu ska vi bygga vidare på detta och skriva in lite till. Vi ska dela in dokumentet i olika delar, precis som på en kropp. Huvud och kropp men eftersom html är på engelska så heter det HEAD och BODY. Head ska var ovanför body och det får bara finnas ett huvud och en kropp i dokumentet. Vi börjar med head och vi skriver som vanlig, <HEAD> och </HEAD> för vi måste ju tala om för datorn vad som gäller, ( kom ihåg att vi är smartare än dom).   Först start och sen stopptecknet. Så här ser det ut:

<HTML>
<HEAD>
</HEAD>
</HTML>

Det var väl enkelt. Först start html och sedan start head sen stop head och sedan stopp html. Head betyder huvud och Head använder vi för att skriva in vad vår sida heter. Den ska heta Min första hemsida. För att skriva in den så ska vi använda oss av ett kommando som heter TITLE.   Om man inte använder kommandot TITLE så har vi inget namn på vår sida och dom sökverktyg som finns på internet kommer inte att hitta din sida. Så här ser det ut:

<HTML>
<HEAD>
<TITLE>Min första hemsida</TITLE>
</HEAD>
</HTML>

Först start title sedan namnet sedan stopp title. Jag tror att ni har fått klämm på detta med start och stopp nu, så jag behöver nog inte säga det fler gånger. Nu ska vi sätta dit kroppen på huvudet så att dokumentet blir komplett. Vi ska sätta in kommandot BODY och den sitter givetvis under huvudet :-)    Hoppas jag.  Så här ser det ut:

<HTML>
<HEAD>
<TITLE>Min första hemsida</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

Så där,  nu sätter vi till lite text för att göra det lite roligare. Sätt dit texten Hej och välkommen till min första hemsida.

<HTML>
<HEAD>
<TITLE>Min första hemsida</TITLE>
</HEAD>
<BODY>Hej och välkommen till min första hemsida</BODY>
</HTML>

Så där  nu har du gjort din första hemsida. Vi ska titta lite på vårt upplägg vi har gjort Du kan skriva koden på detta vis:

<HTML><HEAD><TITLE>Min första hemsida</TITLE></HEAD><BODY>Hej och välkommen till min första hemsida</BODY></HTML>

Men det blir lätt rörigt att se vad du gjort, vi gör så här i fortsättningen för att hålla reda på koden.

<HTML>
<HEAD>
<TITLE>
Min första hemsida
</TITLE>
</HEAD>
<BODY>
Hej och välkommen till min första hemsida
</BODY>
</HTML>

Lite enklare att se eller hur.  Man kan skriva koden hur som helst men om man har gjort fel eller vill ändra så är det lättare att  göra så här. När du känner att vingarna bär får du göra hur du vill, men jag rekommenderar detta sätt. Att skriva koden på olika sätt stör inte datorn, bara man skriver rätt.

Nu ska du spara detta dokument och  som vanligt Spara som och i namnet index.txt och sedan som index.html Datorn kommer att fråga om du vill ersätta filen som redan heter samma sak och ja det vill du. Nu finns det flera bara sätt att kolla in din sida och vi gör på detta sätt så att vi gör samma sak hela tiden. Starta din browser ( netscape, explorer eller vad du nu har) och kör den i frånkopplat läge. Det menas att du inte ska ringa upp din internet koppling utan bara köra din browser på din dator. Leta reda på din ikon för browsern och dubbelklicka, så startar den. Tryck nu på Arkiv och Öppna i browsern och leta reda på din mapp och öppna nu index.html-filen. Den kommer att ha denna ikon. Se bild 4

Nu kommer du att få se en text som är följande. Hej och välkommen till min första hemsida. Känner du igen den? Bra, om du tittar tillbaka på vår kod, så ser du att den här texten var den enda som inte hade nån tagg runt sig. När datorn inte hittar nån tagg så skriver han ut den text han hittar. Allt annat som vi har skrivit har taggar runt omkring och dom har datorn bearbetat som kod. Vår första hemsida ser kanske lite lam ut som det heter på nätspråk. ingen bakrundfärg och svart text och texten står inte ens där vi vill ha den. Texten kan kanske vara större för den delen också. Se bild 5

bild 4.jpg (6357 bytes)





bild 4
bild 5.jpg (27158 bytes)

Det är mycket som vi ska göra och ändra men det får räcka för idag. jag vill inte korvstoppa er för då tröttnar ni bara.

Och som vanligt, maila om nåt är för svårt så att jag kan ändra på sidan.
Jag får tacka för den här lektionen och vi syns i nästa lektion

Förra kapitlet    Till hemsidan    Nästa kapitel

 Last time i update this page was 31 aug 1998

Innehållet i denna bok på nätet får varken helt eller delvis kopieras eller lagra på maskinläsbart medium eller annat utan upphovsrättsinnehavarens skriftliga tillstånd.
Copyright:    © Jan Boström 1998          html-skolan@kurir.net