Home HTML CSS Dreamweaver Workshop WebbID Contact

HTML en CSS de basis (2e editie)

Valideren en uploaden

Voordat een webpagina online komt te staan moet deze eerst gecontroleerd worden of alles wel klopt. Ookal ziet de webpagina er goed uit als je hem in een browser sleept, toch zit er vaak nog een foutje in. Met een speciale website is het mogelijk je webpagina te controleren. Als de webpagina helemaal goedgekeurd is mag het online gezet worden. Je krijgt een eigen 'space' op de webserver van het GLU, zodat je je website aan iedereen kunt laten zien.

Wat ga je leren?

1. Webpagina's laten controleren met een online validator
2. Webpagina's publiceren door middel van uploaden naar een webserver

HTML valideren

Lees HTML Valideren (pag. 73 t/m 77). Een webpagina die online moet komen te staan mag natuurlijk geen fouten bevatten. Zelfs als je in je browser geen fouten ziet en een webpagina toch wordt weergegeven zoals jij het wilt. Bedenk dan dat er in de wereld veel soorten computers, browsers en versies van browsers bestaan en dat die misschien wel fouten zien in je webpagina. Je kunt de code door je medestudent of de docent laten controleren, maar ook dat zijn mensen die niet alle foutjes meteen zien. Gelukkig bestaan daar hulpmiddelen voor, bijvoorbeeld de website validator.w3.org. Er zijn 3 manieren om te valideren, namelijk een webpagina die online staat door het adres (URL) in te typen, door een bestand aan te wijzen op je computer en direct code te plakken. Wij gebruiken nu het tweede tabblad, door een bestand aan te wijzen door op de browse-knop (bladeren) te klikken en naar de webpagina (html) te gaan die je wilt laten controleren. Als er geen fouten worden gevonden is de webpagina geldig (valid). Wel moet gezegd worden dat validator.3w.org erg streng is en dat je in de praktijk vooral zelf moeten testen op verschillende computers en in browsers. De validator kijkt trouwens alleen naar fouten in de html-code en niet naar de juiste werking van bijvoorbeeld een hyperlink of een afbeelding. Je zult je website dan ook nog zelf moeten controleren.

Uploaden

Heb je jezelf wel eens afgevraagd hoe het komt dat je webpagina's die op internet staan kunt bekijken wanneer je maar wilt en waar je ook bent? Dit komt omdat ze op een speciale computer staan die altijd aan staat en altijd toegang geeft als je het juiste adres (URL) in de adresbalk typt van je webbrowser. Zo'n computer noem je een webserver. Het werkt anders dan een fileserver. Een webserver is bedoelt om alleen webbestanden op te zetten. De webserver heeft software die is gekoppeld aan domeinnamen. De domeinnaam van het Grafisch Lyceum Utrecht is bijvoorbeeld glu.nl (zonder www). Unieke domeinnamen zul je moeten claimen en betalen. Je hebt ook domeinnamen met een extra punt in de naam als je bijvoorbeeld websiteruimte hebt bij een internetprovider als Ziggo, Planet of KPN. Om een website online te zetten heb je altijd een host nodig. Een host is een bedrijf dat je harde schijfruimte geeft waar je een website kunt neerzetten (uploaden). Vaak regelen ze ook een domeinnaam die jij zelf kan opgeven als het tenminste nog niet door iemand anders is gedaan;-) De host zorgt dan ook voor de koppeling met je domeinnaam. Als je bijvoorbeeld de domeinnaam pietjepuk.nl hebt geregistreerd, moeten de mensen die in hun webbrowser www.pietjepuk.nl intypen bij jouw website terecht komen.

FTP

Natuurlijk mogen bezoekers alleen naar je website kijken en deze niet veranderen. Jij wilt je website natuurlijk wel kunnen veranderen als dat nodig is. Maar hoe kom je bij je online webbestanden. Dat doe je met een speciaal software, namelijk een programma dat werkt volgens het File Tranfer Protocol (FTP). FTP-programma's kun je (vaak gratis) downloaden van internet. Het GLU gebruikt FileZilla (Mac en Windows) die je ook van intranet van het GLU af kunt halen (onder faciliteiten, server en e-mail). Het lesboek gebruikt Ftp Commander (Windows) en Cyberduck (Mac). De werking verschillen ftp-programma's weinig van elkaar. Om in jouw Websitemap op de host te kunnen komen heb je 3 gegevens nodig, namelijk een host (ftp server), een gebruikersnaam (user id) en een wachtwoord (password). Als je 1 van deze 3 gegevens niet hebt, kun je niet bij je website komen. Er zijn op dit moment voor jou twee manieren om aan een host te komen. De eerste heb je al, want je krijgt wat harde schijfruimte op het domein webdesign.glu.nl/jouw_studentnummer. Het hostadres of FTPserver is webdesign.glu.nl (zonder iets ervoor). Je gebruikersnaam is je studentnummer en je wachtwoord die je van school hebt gekregen voor de server en je schoolmail. De poort mag leeg blijven of je gebruikt poort 21 (standaard).



De tweede mogelijkheid is door zelf een host te regelen. Dit kan gratis op bijvoorbeeld www.woelmuis.nl of je internetprovider thuis. Het hostadres, gebruikersnaam en wachtwoord krijg je dan van je host. Om te kunnen uploaden staat voor het adres van de host vaak de letters ftp.
Als je bent ingelogd krijg je meestal de bestanden van je eigen computer en die op de webserver te zien. Het is de bedoeling dat je de bestanden van jouw computer sleept naar de webserver. Dit proces heet uploaden. Nu staan de bestanden online en zijn voor iedereen in de wereld zichtbaar als ze het adres weten. Controleer maar door met een webbrowser naar het adres te gaan. Vraag je docent om een demonstratie.

Lessen HTML

• Week 1: inleiding en stramien
• Week 2: teksten opmaken
• Week 3: afbeeldingen zoeken & maken
• Week 4: afbeeldingen in HTML en mapstructuur
• Week 5: hyperlinks en commentaar
• Week 6: lijsten en tabellen
• Week 7: valideren en uploaden
• Week 8 & 9: toets en eindopdracht HTML

© Grafisch Lyceum Utrecht | 2011