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:

• Forsiden hedder ofte sådan noget som index.html og man lægger sin egen index-fil ind i stedet for den index-fil som webhotellet som regel er født med (den kan også hedde andet og have andre endelser (index.htm - index.php eller lignende))

• Husk Doctype og tegnsæt Åbner link i dette vindue

• Husk alle tegn og dutter i koden ellers kan det komme til at se meget mærkeligt ud.

• Prøv at åbne i flere slags browsere. F.eks. Internet Explorer og Firefox eller Opera.

  (Man kan evt. copy/paste adressen fra adressefeltet i default browser til adressefeltet i den anden.)

• Der er forskel på store og små bogstaver, når browseren skal læse dem, så hvis man holder sig til små bogstaver når man navngiver filer/billeder, undgår man ups'er ved henvisninger til dem (man har så også fremtidssikret sin side, da der er et eller andet kodesprog der kun ta'r små bogstaver, men det er en anden historie).
  Undgå i øvrigt også æøå og mellemrum under navngivning af filer/billeder, det kan give problemer i nogle browsere.

• Husk at genindlæse (refreshe) siden efter redigering og gemt (og evt. uploadet igen).

• Valider siden f.eks. her: W3C Åbner link i dette vindue
  Kan med fordel gøres løbende så man får rettet fejlene inden der er en uoverskuelig mængde.

Til top

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

• Lidt generelt om at uploade Åbner link i dette vindue
• FireFTP (lidt nede på siden) - Inden da downloades Firefox Åbner link i dette vindue
• Her var på et tidspunkt lidt om IE's FTP, men for det første, synes jeg den er lidt tung og for det andet er den side jeg henviste til slettet. Rigtig mange bruger efterhånden også programmer der er specielt lavet til det.

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:

• Stone's WebWriter Åbner link i dette vindue
• Kompozer (dansk) Åbner link i dette vindue

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).

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

Pøj, pøj.

Til top