HTML & CSS for begyndere

HTML & CSS for begyndere (Del 48): Hjemmesiden går online

Alle videoer i tutorialen HTML & CSS for begyndere

Normalt udvikler man sin hjemmeside lokalt. Til dette opretter man - som allerede er blevet vist tilstrækkeligt - en passende mappestruktur.

HTML & CSS for begyndere (Del 48): Hjemmesiden bliver sat online.


Denne struktur er også den, man derefter uploader online. (Jeg går ud fra, at det er en statisk HTML-hjemmeside. Men selvom I udvikler dynamiske hjemmesider f.eks. baseret på PHP og MySQL, kan I først gøre det lokalt. Det magiske ord er f.eks. XAMPP). Sørg derfor absolut for, at der ikke er hverken mellemrum eller specialtegn i jeres mappe- og filnavne. Derudover anbefaler jeg jer konsekvent at bruge små bogstaver i disse navne.

Test jeres hjemmeside grundigt lokalt. Den skal faktisk køre så fejlfrit som muligt.


Den rette udbyder

For at kunne offentliggøre jeres hjemmeside online har I brug for passende webplads. (Jeg går ud fra, at I ikke vil drive jeres egen server, men i stedet ønsker at leje webplads hos en udbyder).

Først og fremmest skal I derfor skaffe jer lagerplads hos en udbyder. Det samme gælder for en domæne, altså endelig adressen, hvorfra hjemmesiden senere kan tilgås. I dag er der adskillige udbydere, hvor man kan leje billige websteder. Ved valg af udbyder og webplads-pakke skal I være opmærksomme på følgende ting:

• Mindst 1,5 gigabyte lagerplads

• 1 .dk-domæne inkluderet

• Normalt bør mindst PHP understøttes.

• En MySQL-database skal være inkluderet.

• Sørg absolut for ubegrænset trafik.

Særligt det sidste punkt er afgørende, da der ofte gemmer sig reelle prisfælder ved trafik.

Naturligvis drejer det sig kun om absolutte minimumskrav til små hjemmesider. For dem der driver en efterspurgt side, bør I naturligvis opgradere her. Alligevel er en senere overgang fra en lille til en større webplads-pakke normalt altid gennemførlig. Spørg i tvivlstilfælde udbyderen på forhånd.

På siden http://www.webhostlist.de/webhosting/vergleich/ kan I eksplicit søge efter den passende udbyder for jer.

HTML & CSS for begyndere (del 48): Hjemmesiden går online.



Udvælgelsen af udbyder kan startes ud fra helt forskellige kriterier her.

Når I har valgt en udbyder og valgt pakken samt registreret jeres ønskede domæne, kan I begynde. I får alle relevante oplysninger fra udbyderen, som FTP-adgangskoder osv., sendt pr. e-mail.

Dataoverførsel

Når I har de nødvendige data, kan I overføre jeres lokale filer til hjemmesiden. Men tjek venligst filerne og syntaxen i dem igen. Især følgende ting er afgørende:

• Kontroller, om alle hyperlinks og billedstier er korrekte. (Især hvis I har oprettet HTML-siderne med en WYSIWYG-editor, kan der opstå situationer, hvor lokale stier blev brugt, som så ikke længere passer online).

• Tjek fil- og mappe-navne for mellemrum og specialtegn.

Er alt i orden? Så kan I nu offentliggøre siderne online. For at gøre dette skal I oprette en FTP-forbindelse til webpladsen. Dette kan gøres med enhver FTP-værktøj. En af de bedste tilgængelige gratis af denne art er FileZilla, som kan downloades fra siden http://www.filezilla.de/.

HTML & CSS for begyndere (Del 48): Hjemmesiden går online.

Når I har installeret og startet FileZilla, åbner I Filer>Servermanager. I det åbnede dialogvindue klikker man på Ny server.

HTML & CSS for begyndere (Del 48): Hjemmesiden går online.

I højre vinduesområde skal FTP-dataene indtastes, som I har modtaget fra jeres udbyder. Det kunne f.eks. se sådan ud:

Server = www.dit-brugernavn.dk

Servertype = FTP-File Transfer Protocol

Forbindelsesmetode = Normal

Bruger = ftp_sdfsdfsfd@dit-brugernavn.dk

Adgangskode = Din adgangskode

Her skal FTP-dataene angives. Spørg evt. igen hos jeres udbyder.

Med Tilslut oprettes forbindelsen til FTP-serveren.

For nemhedens skyld går jeg ud fra, at I kopierer jeres hjemmeside direkte til webstedets rodmappe på dette tidspunkt. Rodmappen kan genkendes ved den forreste skråstreg.

HTML & CSS for begyndere (del 48): Hjemmesiden går online.

Fordele ved denne direkte metode: Uden yderligere indstillinger vil hjemmesiden være tilgængelig på http://www.dit-domæne.dk/. I behøver altså ikke at oprette omdirigeringer mv.

For mange udbydere er der allerede standardmæssigt to mapper cgi-data og cgi-bin i rodmappen. Og det er præcis på dette niveau, at man kopierer alle mapper og filer fra det lokale miljø. Søg efter de lokale filer i det øverste venstre vinduesområde i FileZilla.

Klik på filerne og mapperne, hvor de lokale data er placeret.

Det eneste, I nu skal gøre, er at markere filerne og mapperne, som er synlige i det nederste vinduesområde. Derefter højreklikker I på de markerede mapper/filer og vælger Upload.

HTML & CSS for begyndere (Del 48): Hjemmesiden bliver sat online

Dataene bliver nu uploadet til serveren. Vær opmærksom på, at alle filer faktisk bliver overført. Hvis der er problemer med at uploade enkelte filer, kan I se det i det nederste vinduesområde i FileZilla.

Når alt indhold er på serveren, kan I begynde at teste hjemmesiden. Kontroller især, om alle billeder er til stede, og om linkene er korrekte.

Slutning og konklusion

Dermed er vi nået til slutningen af denne HTML-CSS-serie. Det, du burde have taget med dig, er de grundlæggende trin til at oprette websider baseret på HTML og CSS og derefter faktisk præsentere dem for offentligheden. Det, der især skulle være klart, er: At oprette en hjemmeside er en langvarig proces. Det starter med designet, fortsætter med den faktiske webudvikling og slutter med upload og kontrol af hjemmesiden. Og nu ønsker jeg dig al held og lykke med din nye hjemmeside!