Van printmedia naar Web

Introductie

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.

inhoud

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.

docent > Peter Villevoye

duur 3 dagen

platform Mac OS X / Windows

voorkennis

Kennis en ervaring op het terrein van DTP (Photoshop), typografie, internet

Gratis lesmateriaal

Webdesign van concept tot realisatie (Trainingsboek)
Iedere cursist krijgt gratis het hardcover, 406 pagina's tellende naslagwerk "Webdesign van concept tot realisatie" door Hedwyg van Groenendaal. Dit boek, geschreven vanuit de dagelijkse praktijk van een succesvolle Nederlandse webdesigner, leert de lezer stapsgewijs aantrekkelijke webpagina's te creëren en produceren die tevens aan de eisen, die door het medium gesteld worden, voldoen. Ook voor de gevorderde Internet designer biedt dit boek een wereld aan praktische kennis.