Website

Eerste versie 18-09-2017 | Laatste versie 11-12-2017

In een serie opdrachten leer je om een website te bouwen en zó te maken, dat deze gemakkelijk te onderhouden is.

Installeren

Raspberry Pi

Scite: sudo apt-get install scite

Filezilla: sudo apt-get install filezilla

Windows

Op een Windows-computer gebruik je bij voorkeur het programma Notepad++.

Opdrachten

Een samenvatting van alle opdrachten vind je in dit bestand.

opdracht 1: een eenvoudige website in HTML


opdracht 2: een gestructureerde website in HTML 5

De afbeeldingen die in de uitleg gebruikt zijn staan hier: header, logo, footer.

De code van index.html en stylesheet.css staan in de bijlage van de uitleg.

Je kunt de grootte van de browser op een handige veranderen door de links te gebruiken op deze website.


opdracht 3: PHP gebruiken om de onderhoudbaarheid te verbeteren. Om je PHP-website te kunnen testen kun je het beste je Raspberry Pi gebruiken. In de opdracht staat in de paragraaf testen beschreven hoe je dat het beste kunt doen.

Een alternatieve uitleg van Finn uit het schooljaar 1718.


opdracht 4: FTP


opdracht 5: Een rekenmachine met Javascript

De code van het voorbeeld kun je hier downloaden.


opdracht 6: Het gebruik van lettertypen op websites

Meer informatie

Website 1

handleidinghtml | html-op-het-net  | webMees

Nederlandstalige tutorials over html (en css)

icoontjes en andere afbeeldingen

Website 2

Zoek op internet naar html playground

Website 3

Nederlandstalige tutorials over php vind je hier. 

Voorbeelden

Mooie, voornamelijk witte, websites.

Voorbeelden om menu's vorm te geven.

Voorbeeld van een ico-bestand.

Prachtige fonts vind je op acidfonts.

handgeschreven onderdelen: wielrennen | collage | kopjes | waterverf

Samenvattingen

Een door leerlingen gemaakte samenvatting.

Beoordeling

Het beoordelingsformulier voor schooljaar 1415 vind je hier.