Portfolio Challenge

O1 - Ontwerp de basis pagina's

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 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!

Inleveren bij deze opdracht:

1. index.html
2. profiel.html
   
3. overmij.html
4. visie.html
   
   
5. screenshot van index.html in browser
6. screenshot van profiel .html in browser
7. screenshot van overmij.html in browser
8. screenshot van visie.html in browser

O2 - Maak de website compleet

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

De vervolgpagina's vul je met onderstaande:

Vervolgpagina Mijn profiel:
- Plaats hier een foto van jezelf
- Schrijf hier je naam, leeftijd, de stad waar je woont

Vervolgpagina Over mij:
- Plaats hier de 6 lesopdrachten van persoonlijk profileren (tijdlijn, normen &waarden, DISC, kernkwadranten, SWOT analyse, 360 graden feedback)

Vervolgpagina Mijn visie:

• deze laat je nog leeg

Als je tevreden bent kun je de files inleveren en tonen aan een van de docenten.

Inleveren bij deze opdracht:

• Een screenshot van je homepage, zorg dat de hele pagina zichtbaar is!
• Screenshot van iedere vervolgpagina, zorg dat de hele pagina zichtbaar is!
• Vervolg-pagina met "profiel" in HTML
• Vervolg-pagina met "over mij" in HTML