PROJECTEN SCHOOLJAAR 1
Dit is mijn allereerste keer dat ik keer dat ik te maken kreeg met het coderen van een website. het is niet af, maar ik heb wel kennis mogen maken met de taal HTML en CSS.
Dit is de 2e keer dat ik te maken kreeg met het coderen van een website. We zaten in een groepje van 2 personen. Hier heb ik eerst via wordpress een design gemaakt om het vervolgens te coderen.
Ik moest hier een website maken voor de ouderavond ICT in Heerlen voor leerjaar 1. Hier heb ik veel geleerd over de design en de verschillende functies dat nicepage heeft.
We hebben hier een website gemaakt over het 24h LeMans race. Ik heb me vooral beziggehouden met het design en de reserverngspagina
Kerntaken
Ontwerpen van een interactieve website (structuur + vormgeving).
Realiseren van de website met HTML en CSS.
Testen en publiceren van de website.
Werkprocessen
Analyseren:
Eerste kennismaking met coderen, verkennen van HTML en CSS.
Ontwerpen:
eenvoudige lay-out bedenken (foto, titel, tekst en knop).
Realiseren:
coderen in HTML en CSS & Javascript.
Testen: bekijken in de browser en controleren of knoppen werken.
Opleveren:
publiceren online.
Kerntaken
Ontwerpen van interactieve producten
Voor Bands:
Het opstellen van een design in WordPress en deze omzetten naar een werkende website.
Voor Artiesten:
het uitwerken van een eigen ontwerp met meerdere pagina’s en navigatie.
Realiseren van interactieve producten
Coderen in HTML en CSS, aangevuld met PHP (bij Artiesten).
Structuur, content en vormgeving technisch toepassen.
Testen en verbeteren
Controleren van de werking (navigatie, knoppen, lay-out).
Aanpassen van fouten en verbeteren van de gebruiksvriendelijkheid.
Samenwerken en zelfstandig werken
Samenwerken in een groep bij Bands: taken verdelen, design bespreken en uitvoeren.
Zelfstandig werken bij Artiesten: analyseren, coderen en opleveren.
Werkprocessen
Analyseren
Bands: bespreken in een groep welke onderdelen in de site moesten komen.
Artiesten: bedenken van structuur en inhoud van de website.
Ontwerpen
Bands:
Design maken via WordPress.
Artiesten: vormgeving bepalen (lay-out, navigatie, afbeeldingen).
Realiseren
Bands:
WordPress-design vertalen naar HTML en CSS.
Artiesten: website opbouwen met HTML, CSS en PHP.
Testen
Beide projecten:
websites bekijken in de browser, functies testen, fouten corrigeren.
Opleveren:
Kerntaken
Ontwerpen van een interactieve website (structuur + vormgeving).
Realiseren van de website met HTML en CSS.
Testen en publiceren van de website.
Werkprocessen
Analyseren:
Eerste kennismaking met coderen, verkennen van HTML en CSS.
Ontwerpen:
eenvoudige lay-out bedenken (foto, titel, tekst en knop).
Realiseren:
coderen in HTML en CSS & Javascript.
Testen: bekijken in de browser en controleren of knoppen werken.
Opleveren:
publiceren online.
Kerntaken
Ontwerpen van een interactieve website (structuur + vormgeving).
Realiseren van de website met HTML en CSS.
Testen en publiceren van de website.
Werkprocessen
Analyseren:
Eerste kennismaking met coderen, verkennen van HTML en CSS.
Ontwerpen:
eenvoudige lay-out bedenken (foto, titel, tekst en knop).
Realiseren:
coderen in HTML en CSS & Javascript.
Testen: bekijken in de browser en controleren of knoppen werken.
Opleveren:
publiceren online.
Kerntaken
Ontwerpen van interactieve producten
Ontwerp gemaakt van de site in de stijl van de LeMans-race.
Design voor de reserveringspagina uitgewerkt.
Realiseren van interactieve producten
HTML en CSS toegepast voor het ontwerp.
Functionaliteit uitgewerkt voor reserveringen.
Testen en verbeteren
Controleren of de reserveringspagina correct werkte.
Aanpassingen gedaan aan de lay-out en gebruiksvriendelijkheid.
Samenwerken
Verantwoordelijkheid genomen voor een specifiek onderdeel (design + reserveringspagina).
Samen overlegd om de site als geheel goed te laten functioneren.
Werkprocessen
Analyseren:
opdracht en teamrollen bespreken.
Ontwerpen:
design en structuur bedenken voor de reserveringspagina.
Realiseren:
pagina gebouwd met HTML en CSS.
Testen: werking van de reservering controleren.
Verbeteren:
kleine aanpassingen doorgevoerd na testen.
Opleveren:
project afgerond en online gezet.