Fremstilling af en hjemmeside



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

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

I dag står der Ubuntu 14.10

Aptana editor til MAC og Windows

Jeg kom til denne maskine for en pose slik, og vil nu fortælle lidt om UBUNTU systemet som er Linux, og så er det gratis. Her er det udgaven.

Sådan logger du ind... 2 Hvilke mapper kan du tilgå... 3 Visning af eksempel af en fil... 5 Sådan deler du en fil... 7 Se hvad du deler med andre...

Brugermanual til Assignment hand in

Dual boot. af Windows 7 og Linux Mint. Af Thomas Bødtcher-Hansen

Vejledning til opbygning af hjemmesider

Macab ST2300 IP. Gert Kaae Hansen

Guide til opdatering af Parrot CK3100 LCD, 3200LS Color, 3200LS+ og MK6100 med en Parrot Dongle

En open source løsning til bibliotekernes publikumspc ere

Apple iphone. For at komme i gang med at bruge icloud på din iphone skal du gøre følgende:

Flash Logic Free CMS. Manual og brugervejledning

Fotoalbums med PICASA

Kom godt i gang med I-bogen

INDHOLDSFORTEGNELSE. INDLEDNING... 7 Kristian Langborg-Hansen. KAPITEL ET... 9 I gang med App Inventor. KAPITEL TO...

Oftest stillede spørgsmål

Opsætningsvejledning efter opdatering (ghostning) af hybriderne

Multiguide til C903IP

DRFLive - dynamisk visning af resultater fra DRF Stævnesystem

Kom godt i gang med Hostcenter Danmarks Webadmin

Få din hjemmeside på internettet

Her ser i hvorledes man nemt kan installere en række nyttige programmer, uden at få andet end selv programmet installeret. på

Nu skal vi især se på <font> og <center> samt centrering af hele siden på skærmen.

Her hentes svxlink DEB filen

Redaktørvejledning for Skriv en artikel

Manual for installering og brug af IE-spyad af Anette B. Overgaard

Jeg gik ned til Biossetup. Og fik den til at se sådan ud

Mendeley er både en reference manager og et akademisk socialt netværk.

Vejledning til referencehåndteringssystemet. Forsvarets Bibliotekscenter Anita Elleby

I Windows fil struktur er der følgende ting Drev, Mapper, Filer og Genveje.

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det?

bedreweb.dk - Bolette Obbekær 2012 SÅDAN LÆGGER DU WORDPRESS PÅ DIT WEBHOTEL

Annemette Søgaard Hansen/

Mendeley er både en reference manager og et akademisk socialt netværk.

1. Du bliver mødt af denne boks. Klik på Gem, og gem filen et sted hvor du kan finde den igen.

Vejledning til SmartSignatur Proof Of Concept

Hvordan bruger jeg WebMail?

Ruko SmartAir. Updater installation

Fronter for elever - Første undervisning

Vejledning: Brug GGs trådløse netværk Side 1 af 11

Mendeley er både en reference manager og et akademisk socialt netværk.

Mindmaps med Freemind

Aktuelle dokumenter på forsiden forsøges opdateret så de senest gældende dokumenter vises.

Allerede ved modtagelse af mailen med aktiveringslinket, har du adgang.

Vejledning til Mozart Viewer 12

KirPACS undervisning Marts

Vejledning til brug af IT for nye elever

SIDEN PÅ WORDPRESS.COM

Streame fra Winamp til Dreambox/pc på netværk.

Vejledning til. Mit Furesø

Aktuelle dokumenter Aktuelle dokumenter på forsiden forsøges opdateret så de senest gældende dokumenter vises.

portfolio GRAFISK WORKFLOW

Indhold. Jennie Mathiasen. Google Drev

Indhold VDI... 1 Installer fra UCL programmer... 2 Installer fra web... 7 Kør fra browser... 16

Lav dine egne hjemmesider/websider

Dokumentation. Karen-Louise Fejerskov

Pædagogisk IT. Vejledning i Office 365 til elever og deres familier. Version 4 Side 1. Kan udfyldes for at hjælpe med at huske

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE

Administrator - installation og brug i Windows

Lav din egen forside i webtrees

Vejledning, teknik, tips and tricks

IT vejledning for Studerende

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato:

Upload af billeder til hjemmesiden m.m.

Sådan får du Salmebogen på CD-ROM til at fungere i Internet Explorer 7 både under Windows XP og Windows Vista

VDI Manual v. 5 Indhold

Installationer og afinstallationer

SÅDAN BRUGER DU REGNEARK INTRODUKTION

Kom godt i gang med OneDrive

Pædagogisk IT. Vejledning i Office 365 Til elever og familier. Side 1. Kan udfyldes for at hjælpe med at huske

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site.

Installation af en virtuel maskine

Login-tiden, Første gang tager det måske 1 ½ - 2 min. Andet gang ½ - 1 ½ min...9

INDHOLDSFORTEGNELSE. Godt i gang med Android tablet... Indledning. KAPITEL ET... De første trin med din Android-enhed. KAPITEL TO...

Norddjurs hjemmefra. Vejledning. Få adgang til Citrix hjemmefra på en Norddjurs Kommune PC IT-AFDELINGEN

Kvik start opsætning af kamera det første du skal gøre:

Vejledning. Indhold 1/34

Guide til elektronisk retning

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Vejledning til brug af IT for nye Studerende/ Elever og Kursister.

Print fra privat it-udstyr

Spørgsmål & svar til App

Flot, frækt og forførende!! - det fede fotoalbum på 2 minutter!! - en manual fra Skolekonsulenterne.dk

Internettet. Tema. på ipad Opdateret d Ældresagens datastue Aktivitetscentret Bavnehøj. Nørre Snede Tema: Internettet på ipad

Opsætning af forbindelse til Danmarks Statistik

Byg web sider. Introduktion:

Søgning på Internettet

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

KirPACS undervisning Oktober

FairSSL Fair priser fair support

Manual for installation og brug af Regsupreme

Brugermanual til Assignment Hand In

Opstart og adgange til Ejersiden

Hjælp under login på Mit DLR Oktober 2015

Kingsoft Office som alternativ til Microsoft Office.

INSTALLATION AF FIREWALL

Adobe Acrobat Professional 11. ISBN nr.:

har jeg hentet nedenstående anmeldelse af et godt program til

Transkript:

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 http://www.kompozer.net/download-07.php# Hent så f.eks ubuntu udgaven. Jeg bruger kun Linux men har også Kompozer på min windows8

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

http://mozilladanmark.dk/produkter/kompozer/# http://wwwh.kompozer.net/download.php# 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 http://kompozer.sourceforge.net/l10n/langpacks/kompozer-0.7.10/ 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

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=g26-16242-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

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

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 212.242.163.129 NETVÆRK Lidt om netværk Erik Palsbo henviser til Netvaerk.pdf SVXLINK svxlink hjemmeside henviser til www.svxlink.dk 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

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. http://fireftp.net/ 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 http://www.krak.dk/person/resultat/ole+hasselbalch/ballerup 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 212.242.163.129 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" "http://www.w3.org/tr/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=iso-8859-1" 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="http://www.krak.dk/person/resultat/ole+hasselbalch/ballerup"><span 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="http://212.242.163.129:88"><span style="color: rgb(255, 255, 51);">ALDI IP CAMERA</span></a>

<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="http://www.svxlink.dk"><span 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="www.slug.se/artikler/hvad_er_linux"><span 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="http://users2.smartgb.com/g/g.php?a=s&i=g26-16242-bf"><span style="color: rgb(255, 255, 51);"></span></a><br> <a target="_blank" href="http://www.olehasselbalch.dk"><br 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>

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

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.