Met GitHub pages kan elke gebruiker een website hosten. Dit gaan we gebruiken om jouw portfolio online te zetten. Het stappenplan is als volgt:
Maak eerst een account aan op GitHub, hier een uitleg video:
Maak een nieuwe GitHub repository met als naam username.github.io waarbij username vervangen moet worden door jouw gebruikersnaam op GitHub. Denk erom: als je dit niet goed doet, zal je website niet werken!
Ga vervolgens naar de map waar je je bestanden wilt bewaren en voer het volgende commando in:
~ $ git clone https://github.com/username/username.github.io
Ga naar de map username.github.io en voeg een index.html bestand toe
cd username.github.io
~$ echo "Hello World" > index.html
Add, commit en push naar GitHub
~$ git add .
~$ git commit -m "Initial commit"
~$ git push -u origin master
Je bent klaar. Surf nu naar https://username.github.io en kijk of het werkt!
Je hebt basisinformatie gekregen over hoe je een website ontwikkelt.
De inhoud van de website gaat over de politieke partij die je nu aan opgerichten bent bij Maatschappijleer. Je maakt de site alleen.
Je levert de site in door het te hosten op github - zie uitleg onder kopje horsten. De url van je site kun je inleveren bij opdrachten in magister.
De eisen van de website en beoordelingschema staan onder de beoordeling. Lees die eerst goed door voordat je begint.
Succes!
Je website wordt op de volgende punten beoordeeld:
Onderdeel
Havo
Vwo
minimaal 4 pagina's
0.7
0.5
uniforme lay-out voor alle paginas
0.7
0.5
achtergrondafbeelding
0.7
0.5
tekst is netjes opgemaakt met gebruik van h1, h2, p tags
0.7
0.5
style wordt bijgehouden in extern css bestand
0.7
0.5
minimaal 2 afbeeldingen
0.7
0.5
menu om naar andere paginas te gaan (in css)
1
1
link naar een bestaande website
0.7
0.5
link / webformulier voor het sturen van email
0.7
0.5
een geneste lijst
0.7
0.5
een tabel
0.7
0.5
goed gebruik van box model
0.7
0.5
Bonus
maak je website responsive
1
1
gebruik JavaScript/JQuery
1
1
geavanceerd CSS gebruik van verschillende selectors
1
1
Als je een onderdeel voldoende in je website hebt, krijg je de correspondeerde punten.