CSS

Projecten

Oefeningen

Hieronder vind je de complete video-playlist over Wilkens installatiebedrijf. Probeer de website zo goed mogelijk na te maken. Het is veel nadoen en uitproberen, maar als je eenmaal begrijpt wat je aan het doen bent, kun je ook zelf een site bouwen (zie volgende opdracht). Download hier het materiaal dat bij de video's hoort

Teamopdracht

Komende lessen/weken ga je met je team een app of website bouwen.

Youhoe Zwolle

Samen met je team ga je de "YouHoe Zwolle website realiseren". YouHoe is een site voor nieuwe studenten die Zwolle leren kennen. De site laat zien waar de hotspots in Zwolle zijn. Wat zijn de beste uitgaansplekken, waar kan je lekker eten, met andere woorden: Waar gebeurt het in Zwolle!

Download hier de opdracht en de wireframes voor de YouHoe Zwolle website.

Teams samenstellen

• Een team bestaat uit maximaal 4 personen.
• Bepaal zelf met wie je samen gaat werken

Onderwerp

Bepaal samen het onderwerp voor je app of website. Dit kan van alles zijn: kettingzagen, tandpasta, bodembedekkers, verzin maar iets.

Resultaat

• De website is online bereikbaar via bijv. Github pages.
• De html/css-code is netjes ingesprongen en goed leesbaar
  • De bestanden hebben de juiste extensie (.html, .jpg, .css etc)
  • De bestanden hebben een naam waar geen hoofdletters, spaties of vreemde tekens in staan (alleen de underscore '_' is toegestaan!)
• Voor het stylen van elementen is gebruik gemaakt van CSS en eventueel javascript
  • Er is logisch gebruik gemaakt van interne, externe of inline stylesheets.
  • Je moet kunnen uitleggen waarom je gebruik hebt gemaakt van classes of id's.
• De teksten zijn in een ander lettertype dan de standaard systeem-lettertypen
  • Dus geen Arial, Times of Verdana
  • Wel gebruik maken van Google Fonts of andere (free) fonts (= lettertypen).
• Ieder teamlid maakt (minimaal) een eigen pagina.
  • Pagina's mogen helemaal in de door jou gekozen stijl worden aangepast
  • Iedere pagina (van alle teamleden) heeft hetzelfde menu.
  • Alle pagina's van het hele team zijn samengevoegd tot een complete applicatie
  • Alle links werken op je eigen laptop!
• Alle teamleden hebben de laatste versie van de website op de eigen laptop staan!
• Alle bestanden van de website staan in 1 map (bijv. webapp). Afbeeldingen en stylesheets staan in een submap (bijv. images en styles).