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