HTML Workshop - Website uploaden (FTP) 

Inleiding

In deze workshop gaan we ervoor zorgen dat je de website die je hebt gebouwd kan gaan uploaden naar Internet. Dat betekent dat we jouw zelfgebouwde pagina's op een webserver gaan zetten, zodat ze op Internet te zien zijn. Dit gaan we doen via FTP (File Transfer Protocol). Dit wil niets anders zeggen dan dat we bestanden van onze thuiscomputer naar een webserver over gaan brengen. ECHTER voordat we dat kunnen doen hebben we een aantal zaken echt nodig. Ik ga ze allerdrie behandelen.

1) Een account bij een Internet-provider
2) Inloggegevens om te kunnen uploaden
3) FTP-programma en beschrijving

Account bij Internet provider

Misschien denk je nu al...OEPS, die heb ik niet. Geen probleem. Je kunt op 2 manieren aan een account komen. Betaald of onbetaald. Nadeel van onbetaald is vaak dat er reclame bij zit en dat je een lange domeinnaam (website-adres) hebt.
Ik moet eerlijk zeggen dat ik geen echt goede onbetaalde accounts ken. 1 is er opzich wel goed, maar heeft wel reclame en dat is Lycos. Je krijgt redelijk veel opties en het is in het Nederlands. Dus om je website eens te proberen is het zeker de moeite waard. Ik heb deze zelf getest en je hebt inderdaad binnen 10 minuten je website op Internet.
Een goede betaalde provider en zeker niet duur zijn de partners van Magic Motion: Delphi Web Hosting of AlpahMega. Je krijgt hier een hoop opties, gratis e-mail adressen en uiteraard geen reclame. Zeker de moeite waard om te overwegen. Tevens kun je ook nog kijken of jouw favoriete domeinnaam vrij is (voor mij b.v.: www.magicmotion.com). Onder deze naam kun je dan jouw website laten draaien. Bij dit bedrijf kun je ook als particulier een eigen NL-domein krijgen. (Uiteraard zonder de toevoeging 123, dus echt b.v. www.magicmotion.nl). En dat voor slechts 19,00 per jaar.

Inloggegevens

Als je een account hebt aangevraagd, krijg je van je provider ALTIJD de volgende 3 gegevens bij:

1) Inlognaam/Username
2) Wachtwoord/Password
3) FTP-adres

De eerste 2 heb je als beveiliging nodig, zodat alleen jij op het domein kunt inloggen. Het FTP-adres is het website-adres waar je je pagina's naar toe kunt sturen.
Dit is bij iedereen anders, maar bij Lycos is het bijvoorbeeld: ftp://ftp.members.lycos.nl/

Deze moet je bij de hand hebben als je verbinding gaat maken met de webserver.

FTP-programma en uitleg

Er zijn vele FTP-programma's in omloop. De een zeer uitgebreid, de ander simpel, de een gratis en de ander betaald. Als het ons alleen gaat om de pagina's op Internet te krijgen (en dat willen we toch), dan is het beste een simpel programma en waarom dan ook niet gratis :-)

Mocht je nog geen FTP-programma hebben, ik heb er een gevonden die goed werkt en ook nog gratis is.
Het programma heet CoffeeCup Free FTP, het is 2,48 MB en je kunt het hier downloaden. Ik ga nu een zeer gedetailleerde beschrijving geven. Het lijkt veel, het valt reuze mee. Als je het 1 keer hebt gedaan, weet je het voor de volgende keer gelijk.

Installeer het programma op je PC en dan gaan we je website op Internet zetten:

1) Start het programma op en het volgende zal te zien zijn:

we zien nu het geopende programma. Het witte scherm aan de linkerkant, dat is je eigen harde schijf. Ga nu op zoek naar je eigen website-bestanden.

2) Server toevoegen

We gaan nu zelf een servernaam toevoegen, die we straks kunnen gebruiken om in te loggen. Dit doen we door op het volgende plaatje te klikken:
het volgende scherm zal zich nu openen:

Ik heb hier al wat zaken ingevuld. De velden die je zelf ook in moet vullen zijn:

Hierna klik je op de button "Cool" en je server-verbinding is al bijna klaar.

3) Maak een connectie met de server

Zorg nu eerst dat je een inbelt om een verbinding met Internet te maken. Zoals je normaal ook doet om websites te gaan bekijken.

Klik nu op de volgende button:

Het volgende scherm komt nu te voorschijn:

Kies nu voor de zelfverzonnen naam die je had aangemaakt en klik op de button "Cool". Er zal nu een verbinding gemaakt worden met de webserver.

Als de verbinding gemaakt is, zal er ongeveer het volgende scherm zichtbaar zijn:

LET OP: als er aan de rechterkant geen WWW-map staat, zit je gelijk in de goede directory, anders moet je even een keer dubbelklikken op de www-map. Je komt dan in de goede directory waar je je pagina's neer kunt gaan zetten.

4) Overzetten van je pagina's

We zitten nu rechts in de goede map en zijn ingelogd op de server. Dat betekent dat we nu simpel pagina's kunnen uploaden naar de server. Ga in je linkerscherm (eigen PC) maar eens op zoek naar de pagina index.html. Dit is de eerste pagina die je altijd over moet zetten. Als bezoekers bij mijn site: www.magicmotion.com intypen, zal de server altijd opzoek gaan naar index.html en vandaaruit verder gaan.

Als je index.html gevonden heb, klik er dan met je linkermuisknop op en houd deze vast. Sleep hem nu simpel weg naar het rechterscherm in het witte vlak (dus NIET op een gele map). Het volgende scherm zal even verschijnen:

Als dit is gebeurd, zul je de pagina rechts in het scherm zien staan en dat betekent dat de eerste pagina van je website op Internet staat. Nou dat viel best mee....Dit kun je dus ook voor alle andere pagina's doen.

5) CTRL en SHIFT-toets

Als je meerdere pagina's tegelijk over wilt zetten kun je met de CTRL en Shift-toets werken. Met Shift kun je een grote selectie maken en met CTRL kun je losse pagina's aanklikken.
Als je bijvoorbeeld in mijn voorbeeld index.html 1 x aanklikt, daarna de Shift-toets ingedrukt houd en dan op pagina3.html klikt, zullen alle pagina's geselecteerd worden. Dat ziet er als volgt uit:

Je kunt nu je cursor op het blauwe gedeelte zetten, de muis ingedrukt houden en alle pagina's overzetten naar het rechtse witte scherm. Ik had eventueel met de CTRL-toets pagina2.html er tussen uit kunnen selecteren. Dit werkt hetzelfde als met de Shift-toets, echter hier bepaal je een kleinere selectie. Probeer het maar eens uit.

6) Extra buttons

Er zijn binnen het programma nog een aantal extra belangrijke buttons. Die zal ik hieronder uitleggen. Diegene die ik niet uitleg kun je als beginner dan ook beter niet gebruiken. De volgende buttons zijn van belang:

Ik wil beginnen met de tweede button (die met het witte plusje). Hiermee kunnen we op de server extra mappen aanmaken (een map slepen werkt in dit geval niet). Deze gebruik je meestal alleen als je binnen je website ook gebruik hebt gemaakt van meedere mappen. Als je bijvoorbeeld een map "Afbeeldingen" waarin je je plaatjes hebt opgeslagen. Als je op deze button klikt zal er een map gemaakt worden op het nivo waar je op dat moment in zit. Het werkt net als het programma "Verkenner" wat we van Windows kennen. Als je een map hebt aangemaakt op de server, kun je erin komen door er op te dubbelklikken. 
Wil je van daaruit weer een map omhoog, dan maak je gebruik van de eerste button (koffer met pijltje omhoog). Wil je een map of een pagina verwijderen, dan selecteer je deze en klik je op de derde button. 
De vierde button kun je eventueel gebruiken om de lijst van de server te refreshen. Er wordt dan gechecked wat de laatste status is op de server en weet je of alles goed is gegaan.

LET OP: een hoop zaken, die je met de buttons doet, kun je ook doen door een rechtermuisklik te geven in het rechterscherm (in het witte gedeelte of op een map of pagina). Dit is een kwestie van het je eigen maken en kijken wat jezelf het lekkerst vind werken.

7) Afsluiten

Als je klaar bent met het overzetten van de pagina's en mappen, gaan we de connectie verbreken. Dit doe je met de volgende button:
er zal nu onderaan het programma te zien zijn: not connected. 

Dat betekent dat we de verbinding verbroken hebben. En voor we nu de verbinding met Internet gaan verbreken, gaan we natuurlijk eerst kijken of we onze eigen pagina nu kunnen zien. Start Internet op en voer het adres op wat je van je provider hebt gekregen voor je site, of misschien zelfs wel je eigen domeinnaam. En zie daar. Je eigen website is nu een feit geworden.

   Disclaimer | Marcel Lemans | Tell a friend | Adverteren | Awards | Partners | Update | Contact | Statistieken