Fremstilling af en hjemmeside

Transkript

1 Fremstilling af en hjemmeside Du kan vise en hjemmeside på to måder. Enten ved at lade din computer virke som en server, eller ved at købe dig et såkaldt webhotel. Dette er en nem måde, og det er ikke særligt dyrt. Jeg giver 168 Kroner om året, foruden 45 Kroner for mit DOMÆNENAVN olehasselbalch.dk Det er da til at overkomme. Jeg bruger one.com som (Hotel), og har aldrig haft problemer med stedet. Kører man som server skal maskinen altid køre. Lad os se på den mest nærliggende metode, som umiddelbart er nærliggende: Min egen hjemmeside, som jeg bruger med domænenavnet olehasselbalch.dk Skriver du dette navn i din browser f.eks firefox ser du følgene: Skridt for skridt vil jeg nu gennemgå hele forløbet af fremstillingen af denne side. Du skal bruge et program der kan lave siden. Jeg har hentet KOMPOZER, som er gratis, og det kan køres både på LINUX og i Windows. Jeg forudsætter at du har et webhotel, samt et domænenavn. Kompozer fås i to udgaver, og forsåvidt er det ligegyldigt om du henter 7 eller 8 Jeg fandt ingen forskel. Lad os hente kompozer Du går på GOOGLE og skriver kompozer dansk Hent så f.eks ubuntu udgaven. Jeg bruger kun Linux men har også Kompozer på min windows8

2 Denne nedhentning åbnes i Softwarecenter Jeg har nu en engelsk udgave.

3 Du ser også at det er meget svært at læse der står noget i det sorte Tryk med højre mussetast i skrivebord og vælg high contrast Nu ser du der står noget File Edit View Insert Format Table Tools Help Husk at hente dansk.xpi Tryk så på tools og derefter på extension, hvorefter du installerer. Efter genstart har du det hele på dansk Du kan komme ud for at skulle geninstallere igen. Jeg ved ikke hvorfor, men bare du er klar over det. Af og til kommer man ud for noget man ikke umiddelbart selv er herre over. Husk high contrast ved at trykke med højre mussetast på skrivebordet. Jeg lader high contrast være slået til næsten hele tiden Her panelet med high contrast Her panelet i normal Her er Kompozer så på dansk På den kommende side ser du så den danske udgave af Kompozer

4 Her er den danske udgave Samtidig køres der med high contrast Kig så lige på den smukke sø Der er en streg under Ole Hasselbalch og Gæstebog Sætter du din cursor på navnet ser du der henvises til olehasselbalch.dk/home1.html og Gæstebog henviser til users2.smartgb/g/php?a=s&i=g bf Disse to henvisninger gør at navnet henviser ti home1.html og den anden henvisning starter en ekstern gæstebog Resten er bare ren tekst der er lagt ind ovenpå billedet Vi starter det hele med at lægger baggrundsbilledet ind. Det er fundet på internettet og jeg kalder det baggrund3.jpg Det fylder omkring 98.6 K. Jeg har lavet et direktorie hvor hele hjemmesiden ligger. Hos mig ligger den under dokumenter/hjemmeside

5 Nu skal der lægges et baggrundsbillede ind Tryk på formater og sidens farve og baggrund og find baggrund3.jpg eller det billede Du vil have Her ser du så baggrundsbilledet uden tekst, men du kan skrive i billedet. Gem det som index.html

6 Gem nu dette som index.html I home1.html har jeg skrevet dette Det er faktisk hovedfilen som henviser til forskellige ting OZ6OH henvisertilww.krak.dk/person/resultat/ole+hasselbalch/ballerup ALDI Beskrivelse af Aldi IP-camera henviser til NETVÆRK Lidt om netværk Erik Palsbo henviser til Netvaerk.pdf SVXLINK svxlink hjemmeside henviser til YAW English and german henviser til yawcam.html DENNE HJEMMESIDE henviser til olehasselbalch.dk/hjemmeside.pdf MEGET OM MALWARE henviser til olehasselbalch.dk/malwarebytes.pdf FILM OM MALWARE henviser til olehasselbalch.dk/spyhunter.html THEPIRATEBAY Her kræves pasword henviser til olehasselbalch.dk/_bay.html SMAA FIF henviser til olehasselbalch.dk/smaafif.html Hus henviser til olehasselbalch.dk/mithus.jpg Mobiltelefon og Echolink henviser til olehasselbalch.dk/samsungecho.pdf RETUR henviser til index.html

7 Den sorte baggrundsfarve laves ud fra en fil jeg kalder sort.jpg og den føres in på samme måde som det første baggrundsbillede. Farverne findes ved at trykke på den sorte. Det er lige under hvor der står (ingen klasse) Der er altså nogle html filer og nogle pdf filer foruden nogle udvendige adresser der skal laves en henvisning til. På mit webhotel er alle disse filer blevet overført med et program der hedder fireftp som kan hentes gratis på nettet. Det findes under webudvikler i firefox. Hent det og lad firefox installere det. Du finder det under Firefox Åben Menu webudvikler FireFtp Lad os se på OZ6OH Det e home1.html navnet ligger i. Cursor trækkes hen over OZ6OH og du trykker på Link, som nu henviser Dig til Dette gør så at adressen findes hos krak. Havde du skrevet dette i din browser var du havnet netop på denne oplysning. NEMID linkes til nemid.pdf dom så åbnes som en pdf fil der ligger ude på webhotellet. ALDI linkes til Dette gælder for alle de gule navne. De linkes simpelthen til de rigtige steder. Selve indholdet af filen home1.html kan du faktisk skrive i en normal tekstedidor, hvis du er dygtig nok, men kompozer gør det automatisk for dig. Her viser jeg indholdet af home1.html. Du vil hurtig se hvordan det er bygget op. Hvis du læser hele teksten igennem vil du rimelig hurtigt gennemskue ideen <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <meta content="text/html; charset=iso " http-equiv="content-type"> <title>home1</title> </head> <body style="background-image: url(sort.jpg); background-color: yellow; color: rgb(0, 0, 0);" alink="#ee0000" link="#0000ee" vlink="#551a8b"> <a target="_blank" href=" style="color: rgb(255, 255, 51);">OZ6OH</span></a> <span style="color: yellow;"> My Phone and Address</span><br> <a href="relkitra.html"><span style="color: rgb(255, 255, 51);"></span></a><a href=" style="color: rgb(255, 255, 51);">ALDI IP CAMERA</span></a>

8 <small><small>o<span style="color: rgb(255, 255, 51);">Overvågning</span> U<span style="color: yellow;">ueberwachung </span>u<span style="color: yellow;">monitoring</span>ebe Monitoringreberwachungvervågning</small></small> <br> <a href="yawcam1.html"><span style="color: rgb(255, 255, 51);"></span></a><br style="color: rgb(255, 255, 51);"> <a href="yawcam.pdf"><span style="color: rgb(255, 255, 51);">YAWCAM</span></a> <small style="font-weight: bold;"><small> <span style="color: yellow;"><big>beskrivelse</big></span></small></small> åb<span style="color: yellow;"></span><br> <a target="_blank" href=" style="color: rgb(255, 255, 51);">SVXLINK</span> </a> O<span style="color: yellow;">svxlink hjemmeside</span>m svxlink<br> <a href="aldi.pdf"><span style="color: rgb(255, 255, 51);">ALDI</span></a> BBB<span style="color: yellow;">beskrivelse af Aldi IP-camera</span>e<br> s <a href="netvaerk.pdf"><span style="color: rgb(255, 255, 51);">NETVÆRK</span> </a> <span style="color: yellow;">lidt om netværk</span> <span style="color: rgb(255, 255, 102);">Erik Palsbo</span>Skrevet af Erik P<br> <a href="yawcam.html"><span style="color: rgb(255, 255, 51);">YAW</span></a> <span style="color: yellow;"> English and german</span><br> <a href="hjemmeside.pdf"><span style="color: rgb(255, 255, 51);">DENNE HJEMMESIDE</span></a> <span style="color: yellow;"> </span><br> <a href=" style="color: rgb(255, 255, 51);"></span></a><a href="malwarebytes.pdf"><span style="color: rgb(255, 255, 51);">MEGET OM MALWARE</span></a> <span style="color: yellow;"></span><br> <a href="spyhunter.html"><span style="color: rgb(255, 255, 51);">FILM OM MALWARE</span></a><a href=" style="color: rgb(255, 255, 51);"></span></a><br> <a target="_blank" href=" style="color: rgb(255, 255, 51);"> <span style="color: rgb(255, 255, 51);"></span></a><a href="_bay.html"><span style="color: rgb(255, 255, 51);">THEPIRATEBAY</span>

9 </a>dette kd<small><span style="color: rgb(255, 255, 51);">Her kræves et passord</span>r</small>æver et <br> <br> <a href="smaafif.html"><span style="color: yellow;">smaa FIF</span></a><br> <br> <a href="mithus.jpg"><span style="color: yellow;">hus</span></a><br> <br> <a href="samsungecho.pdf"><span style="color: yellow;">mobiltelefon og Echolink</span></a><br> <a href="index.html"><span style="color: rgb(255, 255, 51);">RETUR</span></a> </body> </html> HTML står for HyperText Markup Language Den fil der hedder _bay.hlml er lidt speciel. Den er lavet med et program der hedder sh.exe Jeg kan få dette program til at arbejde i LINUX fordi jeg har en wine kørende i maskinen. Dette program kan hentes via SOFTWARECENTER Det er et program der kan kryptere en html fil Indtaster du en fil og bruger et kodeord kan du kun lukke filen op med kodeordet. Filen hedder nu ikke html men _html Henter du feks filen home1.html og bruger kodeordet oleshome1 vil du se home1.html efter åbning Tast _home1.html i browseren og skriv så oleshome1

10 Her home1.html efter åbning Du skal faktisk betragte KOMPOZER som en OpenOffice der bare selv laver html koden Jeg har brugt link farve formater centrering fed skrift. Ndet er der ikke brugt for at lave en hjemmeside. For at skrive de forskellige ting er det udelukkende OpenOffice der er brugt.