Lad os lave en hjemmeside. Kikker du på vil du højst sandsynligt se dette.

Størrelse: px

Starte visningen fra side:

Download "Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette."

Camilla Olesen
8 år siden
Visninger:

1 Lad os lave en hjemmeside. Kikker du på vil du højst sandsynligt se dette. Spørgsmålet er nu, hvordan laver man sådan en side? Du skal have et såkaldt webhotel, hvilket jeg har hos one.com Man betaler for to ting for sådan noget. For olehasselbalch.dk og for selve pladsen. Det er ikke ret dyrt, og du har RIGELIG plads til at lave en masse. Du skal have et eller andet program for at skrive de forskellige ordrer, og jeg bruger et der hedder kompozer, som er gratis. Det findes i en 7 og en 8 udførelse, men jeg ser ikke hvad forskellen i grunden er. Her version Når du henter det på nettet vil du højst sandsynligt få fat i den engelske udgave, men det er da til at rette. Du skal lede efter en dansk.xpi fil som du også henter. Det smarte er at Kompozer både fås til Ubuntu Linux og til Windows.

Det er ikke ret dyrt, og du har RIGELIG plads til at lave en masse. Du skal have et eller andet program for at skrive de forskellige ordrer, og jeg bruger et der hedder kompozer, som er gratis.

2 Når du har hentet kompozer starter du programmet, der nok taler engelsk Ser du godt efter står der noget meget svagt i det sorte File Edit View Insert Format Table Tools Help I min Linux trykker jeg med højre mussetast i Skrivebordet og vælger high contrast I Windows ser det ud til at køre korrekt Så er det klaret. Så skal vi have rettet sproget Tryk på Tools og extension og følg planen. Næste gang du så starter kompozer burde den skrive med dansk

Skrivebordet og vælger high contrast I Windows ser det ud til at køre korrekt Så er det klaret.

3 Hvilket den så gør her Så kom vi så langt (Eller gjorde du )? Nu forudsætter jeg at du har klaret købet af dit WEBHOTEL Vi skal kunne snakke med det, så der skal lige hentes et program der hedder FIREFTP Jeg forudsætter at du bruger Firefox som din browser, hvilket gør det hele meget lettere. Efter installering finder du nu fireftp ved at trykke på de tre vandrette streger i Firefox Derefter webudvikler og ftp Nu skal du bruge dit webnavn og en kode Tryk på rediger

der hedder FIREFTP Jeg forudsætter at du bruger Firefox som din browser, hvilket gør det hele meget lettere. http://www.

4 Her er hvad jeg skriver og herefter tryk på OK Her er der så oprettet forbindelse mellem dig og webhotellet Du kan overføre data med de små grønne pile. Så kom vi så langt, så vi glemmer lige fireftp og koncentrerer os om Kompozer

5 Betragt nu det store hvide felt, hvor der står en cursor og blinker. Studer det første billede med søen grundigt! Der står Ole Hasselbalch samt Gaestebog Foruden er der et billede Læg mærke til der er en lang streg under begge navne, men ikke under OZ6OH OZ7T Er du inde på hjemmesiden vil du se at en berøring af navnet henviser til Gaestebog Sæt for sjov skyld din cursor ind på gaestebog Der er åbenbart lavet en html-fil med navnet home1.html Der er såkaldte links som laves ved hjælp af kompozer. Altså tre ting i alt der skal til for at klare den første del Når man laver en sådan side kræver webhotellet en start der hedder index.html

at en berøring af navnet henviser til http://www.olehasselbalch.dk/home1.html Gaestebog Sæt for sjov skyld din cursor ind på gaestebog http://users2.smartgb.com/g/g.php?

6 I den står der forskellige oplysninger <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html><head> <meta content="text/html; charset=iso " http-equiv="contenttype"><title>home</title></head> <body style="background-image: url(baggrund3.jpg);"> <div style="text-align: center; color: red;"> <div style="color: black; text-align: center;"><small style="font-weight: bold;"> <div align="center"><br> <br> <br> </small> <big style="color: red;"><span style="font-weight: bold;"><span style="color: black;"></span></span><a style="font-weight: bold; color: black;" href="home1.html" this.style.cursor="pointer" ="">Ole Hasselbalch</a><span style="font-weight: bold; color: red;"><span style="color: black;"> </span> </span></big><span style="color: red;"> <img =""></span><br style="color: red;"> <div style="text-align: center;"> <div style="text-align: center;"> <span style="font-weight: bold;"></span> <br><a style="color: black;" href=" style="font-weight: bold;">gaestebog</span></a><br> <big style="color: rgb(51, 51, 51);"><span style="color: rgb(51, 51, 51);"></span></big><span style="color: black;"></span><br><br><div style="text-align: center;"> <span style="text-decoration: underline;"></span> <div style="text-align: center;"> <div style="text-align: center;"> <div style="text-align: center;"> <div style="text-align: justify; color: black;"> <div style="text-align: center;"><span style="font-weight: bold;">oz6oh OZ7T</span><br> <div style="text-align: center;"><br> <big><big><br> </big></big> <div style="text-align: left; color: yellow;"> <br> <br> </body></html>

jpg);"> <div style="text-align: center; color: red;"> <div style="color: black; text-align: center;"><small style="font-weight: bold;"> <div align="center"><br> <br> <br> </small> <big style="color:

7 Prøv at kopiere hele smøren ind i din notesbog editor og gem den som index.html Start den så fra din firefox og du ser hjemmesiden Lad os starte kompozer og loade vores index.html Du ser faktisk hele hjemmesiden, så lad os se hvordan den opbygges inde i kompozer. Du starter med at hente selve billedet og allerede der skal man tænke sig lidt om. Det er nemlig ikke alle billeder der vil kunne bruges. De skal have en vis størrelse. Et billede der kun fylder f.eks 20 KB vil dukke op adskillige gange hvilket du ser her, men først lige hvordan du bærer dig ad med at få billedet ind. Tryk på formater og Sidens Farve og Baggrund og find billedet. Det skal være det billede der kun fylder omkring 20 KB Den er hel gal som du ser Så gør vi det samme med et billede der fylder omkring 96KB

Det er nemlig ikke alle billeder der vil kunne bruges. De skal have en vis størrelse. Et billede der kun fylder f.

8 Og så er det på plads Nu kan du faktisk skrive inde i det store billede. Træk din mus hen over det øverste navn og tryk på Link

9 Derefter på OK og det bliver gemt som home1.html Denne fil skal der nu senere arbejdes med men du skal lige gøre det samme med Gaestebog. Home1.html indeholder ikke noget endnu, men det kommer den til. Vi loader home1.html og via Formater og Sidens Farve og Baggrund indsættes der simpelthen et sort billede Det fylder kun 7 KB men skærmen er da helt sort, så her kan der ses bort fra størrelsen Der kan nu skrives inde i dette billede med gult f.eks Det er faktisk i home1.html det hele foregår Hver af de gule tekster linker til noget

html indeholder ikke noget endnu, men det kommer den til. Vi loader home1.

10 OZ6OH My Phone and Adress linker til den side som er fundet under Krak.dk. Du går simpelt hen ind på krak og finder navnet, som du så kopier ind med Link i Kompozer. Først søger du navnet på Krak Så kopierer du

11 og via Link i kompozer lægger du det indholdet, som vist her Tryk på OK Det gemmes som home1.html Det fortsættes der med med alle de gule. Mærk af og tryk på link Mærk af og tryk på link o.s.v Alle de filer du laver køres så over til dit Webhotel via FireFtp Du kan linke til en odt fil en pdf eller en lydfil eller en ip adresse eller en vens hjemmeside Mulighederne er mange Har du først fattet ideen er det meget let. Der findes andre editorer til hjemmesidefremstilling men det er nu op til Dig Ole Hasselbalch

ttes der med med alle de gule. Mærk af og tryk på link Mærk af og tryk på link o.s.v Alle de filer du laver køres så over til

Relaterede dokumenter

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette.

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Spørgsmålet er nu, hvordan laver man sådan en side? Du skal have et såkaldt webhotel, hvilket jeg