Introductie tot het vak

CONTENT MANAGEMENT

Praktisch

Docenten

Sjouwke Van Parys

Adriaan Glibert

DVG2-B & DBG2-C

DVG2-A & DBG2-D

Periode 1

= 6 weken + herfstperiode๐Ÿ + evaluatieweek

๐Ÿซ Op school

  • Fysieke lessen op de campus
  • 2 x 3u/week
  • Theorie, demo's en (rush)opdrachten

๐Ÿก Thuis

  • Huistaken & periodeopdracht
  • Voorbereiden volgende les

Aanwezigheid = verplicht

Gewettigd afwezig? ๐Ÿค’โ›น๏ธโ€โ™€๏ธ๐Ÿ’ผ

  1. Laat dit vรณรณr de start van de les via Teams weten
  2. Upload tijdig je afwezigheidsattest op SVS
  3. Bekijk zelfstandig de theorie, demo's en oefeningen tegen volgende les
  4. Maak opdrachten thuis tegen volgende les.

Te laat?

โฐ Kan gebeuren!

  1. Laat dit via Teams weten aan je docent.
  2. Wacht op de gang tot de docent je binnen laat.

Permanente evaluatie (40%)

๐Ÿซ Opdrachten tijdens de les

Indienen tegen einde les. Afwerken tegen volgende les.

 

๐Ÿ’จ Rushopdrachten

Indienen tegen einde les. 

 

๐Ÿก Huistaken

Zelfstandig thuis maken. Indienen tegen volgende les.

Periodeopdracht (60%)

  • Briefing volgende les
  • Indienen tijdens evaluatieweek
  • 2 tussentijdse deadlines

Kan je uitstel krijgen voor taken?

Ja, maar enkel als:

  • je afwezigheid werd goedgekeurd op SVS
  • รฉn je op voorhand met de docent hebt afgesproken dat de deadline verlaat wordt.

 

โš ๏ธ Onwettig afwezig of afwezigheid niet tijdig gemeld = 0

Leerstof & oefeningen

๐Ÿ‘€ Demo's tijdens de les

Volg goed mee & neem notities

      Canvas

Slides met theorie & links naar (LinkedIn Learning) tutorials

Oefeningen en verplichte opdrachten

    LinkedIn Learning

Nog geen licentie? Volg het stappenplan in StudyHub

Benodigdheden

Tools

     Figma, inclusief verified Education license 

     Browser

 

Basiskennis

  • Figma & Webflow
  • โ€‹HTML, CSS & Javascript
  • UX/UI design

Wat leren we
tijdens deze module?

Statische โ†’ dynamische sites

Vorig jaar

  • Statische websites ontwerpen
  • HTML, CSS, JavaScript, Figma, Webflow
  • Elke pagina bevatte eigen content is fixed

 

๐Ÿ‘‰ Wat als de content vaak verandert of zich herhaalt?

๐Ÿ‘‰ Wat als de klant zelf inhoud wil aanpassen?

Nieuws, heet van de naald

Uniforme, responsive productpagina templates

On brand visuele variatie

Tijdelijke inhoud

Uitbreiding van het assortiment

Een website leeft verder na hand-off

  • Nieuwsartikels, events, producten, projecten,...
  • Tekstaanpassingen
  • Nieuwe afbeeldingen & video's
  • ...

๐Ÿ’ก We leren content structureren en hergebruiken

๐Ÿ’ก We zorgen ervoor dat de klant zelf inhoud kan aanpassen en dat binnen de juiste branding

CMS

= Content Management System

๐Ÿ—„๏ธ Centrale plek om data (= content) te beheren

๐Ÿž๏ธ Maakt mogelijk om inhoud van een website aan te passen (teksten, fotoโ€™s, blogs,...)

โŒ Geen code nodig om de inhoud te beheren

Voorbeelden

Wat kunnen we op het einde?

๐ŸŒ Content logisch structureren a.d.h.v. content models

Wat kunnen we op het einde?

๐ŸŒ Content logisch structureren a.d.h.v. content models

๐ŸŽจ Een CMS opzetten en vormgeven

Wat kunnen we op het einde?

๐ŸŒ Content logisch structureren a.d.h.v. content models

๐ŸŽจ Een CMS opzetten en vormgeven

๐Ÿฆฎ Websites toegankelijk en vindbaar maken

Wat kunnen we op het einde?

๐ŸŒ Content logisch structureren a.d.h.v. content models

๐ŸŽจ Een CMS opzetten en vormgeven

๐Ÿฆฎ Websites toegankelijk en vindbaar maken

โšก๏ธ Websites future proof en performant maken

Let's gooooo ๐Ÿ