De voorbereiding

In de komende weken ga je de geleerde kennis en vaardigheden van HTML, CSS en Dreamweaver toepassen op een website voor het webdesign-bedrijf WebbID. Het is een casus waarbij alle onderdelen uit de lesboeken terug komen. Natuurlijk mag je ook gebruik maken van het internet.

WebbID is een nieuw klein webdesignbedrijf en heeft nog geen website. Je bent (zogenaamd) de werknemer van WebbIDD die verantwoordelijk is voor het ontwikkelen van de website van het bedrijf. Je hebt 3 collega's (3 klasgenoten naar keuze) die ieder een eigen functie en werkzaamheden heeft. Je docent is je leidinggevende. Hij/zij helpt je met de uitvoering en geeft antwoord op vragen en onduidelijkheden in klassikale werkoverleggen. Verder beoordeelt hij/zij het eindresultaat.

Wat ga je leren?

  1. Voorbereiding voor het ontwikkelen van een website, namelijk:
    briefing, planning, huisstijl, functioneel ontwerp, kopij en werkmateriaal
  2. Verder ga je deze periode alles toepassen wat je in voorgaande periodes hebt geleerd


Briefing

Een briefing is een beschrijving van de opdracht of casus. Als DTP'er in de praktijk krijg je die over het algemeen van de klant of je leidinggevende.


Planning

Plannen is een zeer belangrijk onderdeel van het ontwikkelen van een website. Aangezien een website meestal erg gecompliceerd is moet het ontwikkelen goed getimed worden. Het belangrijkste is de deadline en de volgorde en productietijd van de stappen die genomen moeten worden. Elke stap heeft zijn eigen mini-deadline. Bij de meeste bedrijven hebben ze iemand in dienst die de planning doet, maar het is goed dat je als DTP'er je eigen werk goed kan plannen, zodat je de deadline zonder problemen (en stress) haalt. Voor deze casus kan je de stappen aan de rechter kolom aanhouden. Belangrijk is om bij te blijven. Loop je toch achter, dan zul je dat in je eigen tijd moeten inhalen om de deadline te halen.


Huisstijl

De stijl van een website is de uitstraling en huisstijl van het betreffende bedrijf of organisatie. Deze keuze is meestal al gemaakt, want veel bedrijven hebben een huisstijl. Voor de stijl van de website heeft WebbID een design-template aangekocht op internet. De template is een PSD-bestand in lagen. Het is een voorbeeld van de stijl, dus de inhoud wordt anders.


Functioneel ontwerp

Naast de stijl is de layout met formaten, de structuur en funcionaliteit van de website belangrijk. Dit wordt bepaald in een functioneel ontwerp of wireframe. Belangrijk daarbij is dat je vooraf bedenkt wat het doel van de website is, hoe groot de website wordt, waar de knoppen komen, hoeveel pagina's je gaat maken enz enz. Wij houden het simpel!


Kopij

Een kopij is de originele aangeleverde tekst door de opdrachtgever. Je mag hieraan zonder overleg niets aan veranderen. Soms moet je teksten zelf schrijven en als voorstel aan de klant sturen.

 

Werkmateriaal

Je hebt meerdere soorten werkmateriaal, namelijk: werkmateriaal dat aangeleverd is en werkmateriaal dat je zelf moet zoeken of maken. Je hebt digitaal werkmateriaal en niet digitaal werkmateriaal, bijvoorbeeld een afdruk van een foto. Het is de taak van een DTP'er om al het werkmateriaaal voordat je gaat bouwen te verzamelen en te controleren op bruikbaarheid.

OPDRACHT

Meestal gaan we meteen aan de slag als je een opdracht krijgt. Bij het ontwikkelen van een website is het belangrijk om eerst goed na te lezen, te denken, te plannen, te verzamelen en te controleren, voordat je in de uitvoering schiet. Dit scheelt achteraf veel werk.

Download hier het benodigde ZIP-bestand

Download de benodigde formulieren

 

• Maak een planning aan de hand van de stappen aan de rechterkant.

• Verzamel en controleer de onderdelen: briefing, planning, huisstijl, functioneel ontwerp, kopij en werkmateriaal voor de website van WebbID.

• Zet foto's en afbeeldingen om in het juiste formaat en bestandsformaat dat geschikt is voor web. Denk daarbij aan 'Save for web en devices'. De animatie ga je bij de volgende stap maken.

• Verzamel vragen en/of onduidelijkheden. Deze worden in klassikale werkoverleggen beantwoord.


HUISWERK

Als je achter loopt op je planning, zorg dan zelfstandig dat je je achterstand hebt ingehaald voor het begin van de volgende les.

Workshop WebbID