Portfolio Challenge

1 Persoonlijke website – HTML & vormgeving

🎯 Leerdoelen

• Je kunt een persoonlijke website opbouwen met HTML en CSS.
• Je maakt meerdere pagina’s die met elkaar verbonden zijn via een werkend menu.
• Je past opmaak toe met een externe stylesheet.

🛠️ Bouw jouw website

Bouw een website die over jezelf gaat, de teksten van je website ga je tijdens de persoonlijk profileren lessen opstellen.

De opdracht:

• De website moet bestaan uit een homepage en 3 vervolgpagina's.
  
  voorbeeld home pages:
  
  
  
  

Elke pagina bevat:

• Een header met jouw logo, naam en een menu naar alle pagina’s.
• Een footer met een copyrightregel.
• Opmaak via een externe style.css bestand met classes.
• Elke pagina moet een header blok hebben met  jouw logo , jouw naam en een menu waar alle menu-items  in staan.
  Let op, het menu moet werken!
  
• Elke pagina moet een footer hebben waar een copyright in staat.
  
  voorbeeld footer:
  
  
  
  
• Alle pagina's moeten worden vormgegeven met css classes , maak gebruik van een externe stylesheet .
  
  
• De website heeft de volgende pagina's / menu-items:
  
  
  1. Home (homepage) (index.html)
     Je homepagina is je etalage, een homepagina moet bezoekers nieuwsgierig maken naar de rest van de website.
     Zorg dat je homepage er aantrekkelijk uitziet en dat de bezoeker in een oogopslag kan zien welke informatie er op de website te vinden is.
     Gebruik op de home page afbeeldingen en links naar de vervolgpagina's
     
     
  2. Mijn profiel (1e vervolgpagina) (profiel.html)
     Hierin plaats je een foto met een klein verhaaltje over jezelf.
     De exacte inhoud staat in de volgende opdracht,
     
     
  3. Over mij (2e vervolgpagina) (overmij.html)
     Plaats hier de 6 lesopdrachten van persoonlijk profileren (tijdlijn, normen &waarden, DISC, kernkwadranten, SWOT analyse, 360 graden feedback)
     
     
  4. Mijn visie (3e vervolgpagina) (mijnvisie.html)
     Voorlopig nog leeg, deze wordt pas vele later gevuld.
     

🛠️ Opdracht

1. Bouw een pagina voor de homepage (index .html ).
2. Bouw een pagina voor je profiel (profiel.html).
   
3. Bouw een pagina voor je overmij (overmij.html).
4. Bouw een pagina voor je visie ( visie .html).

Zorg dat alle pagina's hetzelfde menu hebben. Menu's moeten ook werken!
Maak van je website iets persoonlijks, geef het een mooie vorm, gebruik een achtergrond plaatje, doe iets met de font keuze.

Leef je uit en gebruik de technieken die je hebt geleerd!

🧠 Reflectie

• Wat maakt een homepage aantrekkelijk voor een bezoeker?
• Wat is het voordeel van een apart CSS-bestand gebruiken voor styling?
• Wat vond je lastig bij het koppelen van menu's tussen meerdere pagina’s?

📤 Inleveren

• De 4 HTML-bestanden: index.html, profiel.html, overmij.html, visie.html.
• Een externe style.css bestand.
• Screenshot van alle 4 pagina's in de browser (inclusief menu en footer zichtbaar).
• De reflectie; beantwoord de drie vragen i jouw eigen woorden en lever dit in (txt-bestand of pdf-bestand)

Je hebt in totaal dus 9 bestanden ingeleverd.

2 Persoonlijke website – content

Plaats jouw opdrachten van Persoonlijk Profileren op jouw website. De vorm mag jezelf bepalen.  

De vervolgpagina's vul je met onderstaande

Vervolgpagina Mijn profiel (profiel.html)

• Plaats hier een foto van jezelf 
  Schrijf hier je naam, leeftijd, de stad waar je woont

 Vervolgpagina Over mij (overmij.html)

• Plaats hier de 6 lesopdrachten van persoonlijk profileren
  • tijdlijn
  • normen &waarden
  • DISC
  • Kernkwadranten
  • SWOT analyse
  • 360 graden feedback

Vervolgpagina Mijn visie (visie.html)

• Deze laat je (nog) leeg

📤 Inleveren

• Screenshot van alle 4 pagina's in de browser. Zorg dat ale content goed leesbaar is. Evnetueel maak je extra screenshots zodat alles leesbaar is.

--