Dit is de gemakkelijkste van de keuze projecten. Want HTML is nu eenmaal makkelijker dan JSON API’s. De bedoeling van dit project is dat je een alternatief bouwt voor je wordpress site waar je dan je projecten tot nu toe, en die van volgend jaar, netjes in upload.
1. De Tutorials / Opdrachten van Wikiwijs
Maak de opdrachten van Wikiwijs. NB Je mag hiervan afwijken, dwz niet letterlijk volgen maar het idee vasthouden. Noteer je voortgang in je blog voor het ene cijfer.
Je hebt een VO-Content account nodig. Die maak je zo. Gebruik evt. je fake-naam en je school-mail. Bevestig je email adres door op de mail te klikken.
- A Inleiding
- B1 HTML
- C CSS
- D Javascript. Doe 1 van de Javascript voorbeelden en daarna begin je aan het embedden van 1 van je P5 sketches als test.
Update: In 2022-23 vervangen we Wikiwijs door CodeAcademy
Tip van een leerling. DIe heeft gelijk. Material
- Maak eerst een account op codeacademy.com
- Learn HTML
- Learn CSS
Bewaar je ervaringen / resultaten / bronnen van je tutorials. It’s proof. Check later in je project nog wat je nodig hebt, meer opzioekwerk.
2. Eigen site
Maak nu, met deze kennis in de pocket, zelf een site. Nu gaat het ook om de technische realisatie, online. Teamwerk? Elk een kopie van hetzelfde en dan je eigen content inladen. Elk op je eigen site zetten.
Requirement:
- Als voorpagina heb je een file index.html
- Je hebt elk (p5JS) eindproject op een eigen pagina. Hoe moet je je P5 sketch in een eigen HTML pagina zetten?
- Je gebruikt tenminste 2 bijpassende kleuren en 1of 2 fonts, waarvan 1 met karakter.
- Je monteert de opdrachten van P5 die je tot nu toe hebt, netjes (embedded) in je site
- Je upload je site naar je persoonlijke webspace op blub. De instellingen staan op deze pagina. Geen account of kwijt? Check bij je docent
- Om te uploaden gebruik je ofwel
- Filezilla
- WinSCP
- Phpstorm. Geen pure “uploader” maar een editor die ook kan uploaden. Onderwijslicentie is gratis voor jou te verkrijgen via
Ceck de instellingen. NB: deze werken onafhankelijk van het programma, een ander programma heeft dezelfde settings
Rubrics HTML Site
Deze is opgenomen in de rubrics van de eindprojecten
