Mælkebøtte med svirreflue

Godt begyndt

Hjemmeside lavet med html i Notepad/Notesblok
- eller lignende teksteditor

- siggis.dk er lavet i Crimson Editor

Hvordan gør man?
Hvis man har en ide til en hjemmeside og ikke lige ved hvordan man får hul på det, er her mine tips til at få begyndt.
(eller sagt på en anden måde, her er nogle af de ting jeg godt ville ha' vidst, da jeg gik i gang).

Her er brugt teksteditor. Det er én mulighed af rigtig mange.
Man kan f.eks. bruge Windows' Notepad.
(her er lidt flere editorer)
Der er tilsvarende programmer hvis man ikke har Windows.

Man åbner en Notepad. Hvis den ikke findes som shortcut på Taskbaren (her har jeg lagt én), kan den findes her:
Programs-> Accessories-> Notepad
Eller i den danske:
Programmer-> Tilbehør-> Notesblok

Så åbner man:
HTML.dk Åbner link i dette vindue (Tutorials på dansk).
Man kan også åbne denne side fra w3schools.com Åbner link i dette vindue (På engelsk).
Der findes mange flere steder på nettet (og bøger på biblioteket) og går man i stå, er Google go', det er utroligt hvad man kan finde der. Lidt flere søgeord end html, er en go' ide.
Personligt synes jeg HTML.dk er go' at begynde med
(hjemmesideskolen.dk Åbner link i dette vindue supplerer for resten fint).

Og så er det i gang. Der er meget at gå i gang med og det er bare at prøve sig frem.

Man gemmer sit dokument som xxxx.html
Hvis man vil se det man har lavet, gemmer man det først og åbner det så i browseren (Filer-> Åbn fil...).
Kan også åbnes i Windows Explorer, eller hvad man nu roder med sine dokumenter i (dobbeltklik på xxxx.html dokumentet). Den dukker så op i den browser man normalt bruger (siden er ikke på nettet før man selv har lagt den der ud (lidt om FTP senere)).

Har man fået lukket sin Notepad og vil redigere noget, skal man åbne sit dokument via en ny Notepad.
Filer-> Åbn, vælg Alle filer i Filtype (da man jo har kaldt den xxxx.html og ofte som standard kun kan se *.txt-filer). Så skulle den gerne ligge der hvis man er i den rigtige mappe.

(Vil man gøre det rigtig smart, tager man med det samme fat på CSS Åbner link i dette vindue
Her vil jeg foreslå et eksternt stylesheet. Hvis man vil rette i layoutet på flere sider, retter man blot i den *.css-fil der hører til de pågældende sider (og det kan jo strengt taget være alle sider og undersider, hvis de har det samme stylesheet). Så slipper man for at skulle rette i alle de sider man f.eks. har fået lavet med en forkert valgt font, eller hvad det nu kan være, men kan nøjes med at rette det ét sted.)

Til top

Småtips til strikningen:

Til top

Når man er tilfreds med resultatet, kan siden uploades. Det vil jeg ikke skrive så meget om, men se f.eks:

Efter at siden er uploadet, (+ eventuelle billeder, stylesheets o.a.) er det som nævnt en go' ide at se om den validerer, gør den det, er der en stor chance for at den læses ordentlig/nogenlunde ens i mange browsere.

Der er helt sikkert mange andre måder at gøre det på. Der findes en masse editorer. Man taler om text-editorer (f.eks. Notepad) og WYSIWYG-editorer (f.eks. Dreamweaver). Hos html.dk, findes beskrivelser af editorer Åbner link i dette vindue og wysiwyg-programmer Åbner link i dette vindue

Nogle gratis WYSIWYG-editorer "What You See Is What You Get" kunne være: Kompozer er nu i stedet for NVU, som ikke videreudvikles mere, læs lidt om det på denne side Ludvigs hjørne Åbner link i dette vindue

Jeg har snuset lidt til forskellige programmer og er så endt med Crimson*. Mange gange vælger man nok også program efter hvad man har temperament til.
FrontPage - Dette er med vilje ikke et link..... , er så et af de programmer jeg ikke lige har temperament til, men keder man sig og vil ha' en masse kode og rydde op i, skulle programmet være fortrinligt.

* Først faldt jeg over Stone's TextTool Åbner link i dette vinduelidt senere Crimson Editor Åbner link i dette vindue begge med bl.a. syntaksfarvning og faneblade til flere åbne sider. Det er disse text-editorer jeg har lavet denne side i (midt i det hele skiftede jeg til Crimsons, den passer mig egentlig bedst).

Links -siden, er der lidt flere henvisninger, bl.a. til editorer, webhoteller og andre værktøjer.

Pøj, pøj.

Til top


Copyright © SNA
Get Firefox!
August 2005
Opdateret 12. April 2017
Valid:  HTML 4.01  og  CSS 

Too Cool for IE