BELANGRIJK: Hoewel niet alle sites het vermelden, moet je voor de WC3norm alle codetags steeds sluiten.
Dus niet gewoon: <p>blablabla
Maar beter: <p>blablabla</p>
Pas op, want een aantal codetags hebben geen afsluiter zoals bijvoorbeeld <br>
Vanaf deze les krijgen jullie allemaal een stukje website op http://www.projectx2002.org. Om bestanden op die webruimte te plaatsen, ga je als volgt te werk.
Stap 1: Ga naar de website http://www.net2ftp.com/ en voeg de gegevens in die ik je op papier zal geven.
Stap 2: Als je ingelogd bent, zie je een lijst van alle voornamen uit de klas. Dubbelklik op je eigen voornaam.
Stap 3: Als je binnen bent, klik op je de gele knop UPLOAD. Selecteer dan de bestanden die je op webruimte wilt zetten zoals je dat zou doen voor de bijlage van een e-mail.
Stap 4: Geef het commando om up te loaden door op het groene vinkje te klikken.
Stap 5: De URL van je website zal er als volgt uitzien: http://www.projectx2002.org/seminaries/jouwvoornaam/naambestand.html en weet dat het bestand dat altijd als eerste opgestart wordt, het bestand index.html is.
OPDRACHT: Plaats je eindopdracht van vorige week op deze webruimte en laat dat aan mij zien.
- Maak een webpagina met Mijn links als titel in de statusbalk van de browser.
- Sla deze webpagina op als links.html.
- Zorg ervoor dat je webpagina een kleur als achtergrond heeft.
- Schrijf zeven maal je voornaam onder elkaar in zeven verschillende lettergroottes (van klein naar groot). Op http://www.handleidinghtml.nl/css/eigenschappen/font-size/voorbeelden.html vind je hierover uitleg hoe je dat kan doen.
- Zorg ervoor dat iedere voornaam in een ander kleur staat. (Ga naar http://members.chello.nl/a.kaljee/tagpages/kleurcodes.html voor de verschillende kleurcodes).
- Geef dan vijf links op je pagina van websites die jezelf vaak bezoekt. De hyperlinks moeten in een ander tabblad openen. Bekijk op http://www.cursushtml.be/cursus/Hyperlinks nog eens de theorie.
- Zet onder iedere link een afbeelding die iets met die website te maken heeft.
- Zorg ervoor dat als je op deze afbeeldingen klikt, je ook naar de bijhorende website gaat. Net zoals je tekst binnen een linkcode kunt zetten (wordt standaard blauw en onderlijnd), kun je dat ook de code voor een afbeelding binnen die code plaatsen.
- Post je uiteindelijk dit bestand (links.html) op je webruimte en laat dat aan mij zien om een cijfer te krijgen.
Last update 15.09.2017