Van printmedia naar Web

De ‘traditionele’ print-media worden meestal op een vertrouwde wijze vormgegeven en uitgewerkt, met een voor drukwerk functioneel concept.

Hierbij wordt nog maar weinig rekening gehouden met een basisontwerp dat zich gemakkelijk door jou of anderen laat vertalen naar een website.

Maar om van print-media goede web-media te kunnen maken, moeten we met de bedenkers en uitvoerders ervan beginnen: met jou!

De 'papieren' ontwerpers en DTP-ers moeten eerst zelf een knop omdraaien en zich de conventies voor het web eigen maken. Een boeiende introductie tot de visuele aspecten van de web-wereld.

Jezelf als ontwerper omturnen naar web-designer vraagt om een andere manier van denken en een nieuwe werkwijze. Dat kost tijd, maar een goed begin is het halve werk.
In de training leer je met bestaande middelen en de nodige praktische aanwijzingen je media voor het web klaar te stomen en nieuwe opdrachtgevers en hun doelgroepen te bereiken.

Deze training is je vliegende start in een nieuw en volwaardig vakgebied.

De vele onderwerpen die aan bod komen:

Algemeen

• inleiding: het web, een eigenwijs medium
• teamwork: inhoud, visuele vorm en techniek
• doelgroep(en) en doel(en); inhoud en functies
• bepalen van inhoud die verder gaat dan papier
• verschillen ontwerp voor web in plaats van print
• begeleiden en uitwerken van conceptuele fase
• anticiperen op uitbreiding en onderhoud website
• opzet en begeleiden van test (inzicht in feedback)
• goede maar vooral ook 'goed foute' voorbeelden

Techniek

• welke software/technieken voor welke toepassingen
• voor- en nadelen van (Java)scripts, applets en Flash
• databases en de brij van afkortingen (CMS, XML, etc.)
• aanpak voor goed werkende formulieren (teamwork)
• opbouw van een fysieke mappen-structuur voor de site
• templates voor jezelf en (evt.) voor de opdrachtgever

Lay-out

• conversie/gebruik van bestaand DTP-materiaal
• de 3 fases: beperkt, onbedoeld, volgens standaarden
• principes en krachtige mogelijkheden van XHTML, CSS
• indeling m.b.v. (oude) frames, zowel de voor- als nadelen
• pagina's een goed bruikbare en herkenbare lay-out geven
• lay-out afstemmen op minimaal/gemiddeld beeldscherm

Navigatie

• opzet van een 'storyboard' voor de diverse gebruikers
• algemene tips over ontwerp van navigatie-elementen
• het ontwerp en gebruik van ikonen en... "Mystery Meat"
• technieken voor menu's, navigatiebalken en interactie

Tekst

• beperkte/uitgebreide mogelijkheden HTML, XHTML, CSS
• verschil typografische kenmerken voor print-media vs. web
• rekening houden met doorzoekbaarheid en gehandicapten
• verschil in grootte, kleur en andere kenmerken per systeem
• algemene aanwijzingen voor bepaling van tekstelementen

Beelden

• beoordeling van kenmerken beelden voor print vs. web
• bekende bestandsformaten voor web (JPG, GIF, PNG, SWF)
• compressie, schaduw-effecten, transparantie, bestandsgrootte
• aanmaak van gallery, bepaling uitsnede voor ikoon-formaat
• extra mogelijkheden/vereisten van animatie, audio en video 

In de training wordt ter oriëntatie en oefening gewerkt met een aantal software-pakketten, waaronder DreamWeaver en Photoshop. Men leert dus wel enigszins met deze pakketten om te gaan, maar deze training is géén vervanging voor de normale basis-trainingen in deze software.