Sådan laver man en hjemmeside.

Post Reply
Guest

Sådan laver man en hjemmeside.

Post by Guest »

Inden man går i gang med at lave sin hjemmeside, er det en god ide at tegne siden op på et stykke papir.
Man deler siden ind i ”tern/afsnit” ( i kodesprog kaldes det tabeller) hvor overskiften er en tabel, links f.eks. ude i siden er en anden og teksten eller evt. billeder er en tredje tabel. Hele siden er en tabel for sig og det svære er så at få tabellerne til at stå rigtigt.

En hjemmeside kan f.eks. se sådan ud:

[img:696fe4022b]http://www.strategos.corner.dk/hp1.jpg[/img:696fe4022b]

Så er det tid til at finde ud af hvilke farver og tekstfonte man vil bruge.
Baggrunden kan også være et billede, men det bliver tit meget rodet at kigge på og fylder meget, så siden er langsom at hente. Efterhånden som man får mere styr på det med at kode kan en baggrund altid skiftes ud.

For at andre kan se siden på deres skærm skal man tage hensyn til hvor stor en side man vil have.
Det mest normale er at siden er lavet, så den er 600 x 800 pixel. Dvs. 600 bred og 800 lang.
Pixel er i computersprog betegnelsen for et tegn/tern. Dette kan være et tal, bogstav eller bare et mellemrum.

Det næste man skal gøre er at forberede de billeder man evt. vil have med på sin side.
Brug billedbehandlingsprogrammet til at lave billedet i den rigtige størrelse.
Billeder må helst ikke fylde mere end 20-30 kb ( kilobyte er betegnelsen for et tegn/tern) for at det er nemt at hente siden også for modembrugere. Det er tit en fordel at lave billedet i flere størrelser, så man kan klikke på billedet for at se det i en større udgave. Begge størrelser skal så ligge på nettet.
Guest

Post by Guest »

Hovsa........

Billedet kom ikke med.

[img:1ef9c6db35]http://www.strategos-corner.dk/hp1.jpg[/img:1ef9c6db35]
User avatar
stratego
Posts: 938
Joined: Fri 18. Nov 2005 18:26

Post by stratego »

Utroligt man også skal logge ind. :twisted: :D
;-) Smil til verden og den smiler til dig ;-)
User avatar
stratego
Posts: 938
Joined: Fri 18. Nov 2005 18:26

Post by stratego »

Alle koder skrives i tags. Tags er handlinger som computeren læser og disse startes altid med <> og afsluttes med </>
Alt kode er på engelsk, så det er et spørgsmål om at lære betydningen af de forskellige tags, men det tager vi op senere.

Start med at lukke notepad op og skriv:
<html> Dette fortæller det er en hjemmeside. Siden afsluttes altid med </html>


Så skal siden have et navn og her skriver du så:
<head> Sidens navn </head>

For at andre kan finde din side er den nødt til at have en titel og du skriver så:
<tittle> titel på siden, som gerne er den samme som sidens navn</title>

Derefter skal siden have et indhold og her skriver du så:
<body> som afsluttes med </body>
Under body skriver man gerne hvilken baggrundsfarve ( bgcolour) man vil bruge og hvor stor siden skal være ( 600 x 800).
Baggrundsfarver kan man finde på nettet ved at søge på farvekoder på nettet. Alle farvekoder skrives med et # og 6 tegn som kan være enten tal eller bogstaver.
Altså: <body bgcolour=#666600 width=”600”>

Der skal jo også være tekst på en hjemmeside og her kan man så bruge forskellige tekststørrelser som alle computere kan læse. Den største er <h1> og den mindste er<h5>

Man vil jo også gerne bestemme hvor teksten skal stå og her bruger man så:
<center> midtpå
<right> rettet til højre
<left> rettet til venstre

For at man kan bestemme hvor på siden tekst og billeder skal være så laver man en tabel.
Man starter tabellen med <table> og afslutter med </table>.
Linjeskift laves med <br> ( break)

Nu er det på tide at prøve at lave en side med en overskrift og lidt tekst, samt grøn som baggrundsfarve og hvid som tekstfarve:

<html>
<head><center><h1>Din første side</h1><center></head>
<title>green side</title>
<body bgcolor="#666600" text="#ffffff" width=”600”>
<br>
<table><h3>Denne side er med grøn baggrund og hvid tekst<br >
Får du dette frem er du klar til at gå videre til næste lektion</table>
</body>
</html>
;-) Smil til verden og den smiler til dig ;-)
User avatar
stratego
Posts: 938
Joined: Fri 18. Nov 2005 18:26

Post by stratego »

Så har jeg lavet den første spæde start og det er ikke ret meget endnu, men vil heller gå lidt langsomt frem, som tabe nogen i svinget.

Giv lige en tilbagemelding på om det er rent russisk eller om det er til at finde ud af.

Hilsen
Britta
;-) Smil til verden og den smiler til dig ;-)
User avatar
Lone Beck
Posts: 7853
Joined: Thu 17. Nov 2005 15:16

Post by Lone Beck »

Det LYDER unægteligt som om det er til at hitte ud af, så det vil jeg prøve på i aften.

Men, øh, hvor skal siden oprettes? Arbejder vi i word ligenu eller hur??? :oops:
Venlig hilsen
Lone den Anden

Selvfølgelig er det meningen at vi skal spise dyrene - ellers var de jo ikke lavet af kød
User avatar
stratego
Posts: 938
Joined: Fri 18. Nov 2005 18:26

Post by stratego »

Undskylder, jeg vist kom lidt hurtigt over det med at lave en kode, men sådan en skal jo skime da også gemmes. :oops:
Man skriver koden i notepad og gemmer så filen, som skal være en htm-fil.
Derefter klikker man på filen i filhåndtering og så kan man se siden.
På denne måde kan man hele tiden følge med i om man har gjort det rigtigt. Siden opdateres med F5, hvis man har lavet en ændring.

Når siden er færdig oploader man den til sin server sammen med de billeder man evt. har der skal med på siden så vil de vises på siden.

Hilsen
Britta
;-) Smil til verden og den smiler til dig ;-)
User avatar
Lone Beck
Posts: 7853
Joined: Thu 17. Nov 2005 15:16

Post by Lone Beck »

Det sidste her fattede jeg ikke en disse af :?

Men nu prøver jeg lige at følge opskriften... 8)
Venlig hilsen
Lone den Anden

Selvfølgelig er det meningen at vi skal spise dyrene - ellers var de jo ikke lavet af kød
User avatar
Lone Beck
Posts: 7853
Joined: Thu 17. Nov 2005 15:16

Post by Lone Beck »

Hvordan F. laver man de der klammer, der skal være rundt om koderne??? :evil: ](*,) :^o

De dér vandrette v'er??? ](*,)
Venlig hilsen
Lone den Anden

Selvfølgelig er det meningen at vi skal spise dyrene - ellers var de jo ikke lavet af kød
User avatar
stratego
Posts: 938
Joined: Fri 18. Nov 2005 18:26

Post by stratego »

Det er tasten lige til venstre for z. Brug Shift + < for at vende den anden vej (>).

Notepadprogrammet finder du under tilbehør på din startmenu.
Skriv koden ind i notepad og gem.
Når du har gemt filen finder du den igen i din filhåndtering. Klik på filen.

Hilsen
Britta
;-) Smil til verden og den smiler til dig ;-)
Post Reply