In onze zeer professionele en beroepsgerichte opleiding Webdesigner, leer je in 24 weken de basis van HTML, CSS, web animaties maken, een web project opzetten en de basis van WordPress, zodat je een gebruiksvriendelijke originele website kunt bouwen met een goede SEO.

Review van een cursist:

Opleiding Webdesigner, Gmi-designschool

“Voor mij was de opleiding Webdesigner een heel geschikte opleiding. De opleiding vond ik leuk om te volgen en het is inspirerend om dingen te leren die je eerst nog niet wist. Daarnaast is de kwaliteit van de opleiding goed….ik kon direct ergens stage lopen en heb onlangs goed werk gevonden bij een webbedrijf…Groet, Brahim.”

 

Het belang van de opleiding Webdesigner

Het Web is niet meer weg te denken uit ons leven! In het bedrijfsleven worden allerlei vaardigheden gevraagd op het gebied van webdesign. Voor bedrijven is de website een van de belangrijkste tools om met klanten te communiceren en producten aan de man te brengen. Een webdesigner weet met een goede combinatie van inhoud, vormgeving en techniek een internet site te bouwen die voor een bedrijf de gewenste look & feel en functionaliteit heeft en de gebruiker de juiste ervaring geeft, of deze zich nu achter een desktop bevind of lopend op straat met een mobieltje. Ben je afgestudeerd Grafisch Vormgever? dan is je vast vaak gevraagd of je ook websites kunt ontwerpen. Als aanvulling of voorloper op onze opleiding Grafische Vormgeving is de Webdesigner opleiding een absolute must wil je goede kansen kunnen maken in de arbeidsmarkt. Ben je meer geïnteresseerd in development, dan geeft de opleiding webdesigner je een hele goede brede basis vanwaaruit je je verder kunt ontwikkelen.

De opleiding webdesigner is opgebouwd uit twee certificeringen. Het eerste certificaat: Web Design Basis is gericht op goede gedegen basis kennis aanleggen van het fundament van het web: HTML en CSS. Een onmisbare start voor iedereen die zich op het gebied van web design en development wilt ontwikkelen. Het tweede deel: Web Site Design is gericht op het opzetten van een “webproject”: Onderzoek doen naar en het ontwikkelen van een goed web ontwerp, het gebruik en aanpassen van een CMS systeem als WordPress en het maken van interactieve inhoud en web-banners met Adobe Animate CC. Het goed kunnen opzetten van een webproject is geen sinecure en zal je als Webdesigner een grote sprong voorwaarts geven.

Deel 1: Web Design Basis

In het eerste deel leer je met Dreamweaver, een belangrijke authoring tool in webdesign en met HTML en CSS hoe je de webpagina’s opbouwt. Vervolgens leer je hoe je met Photoshop je webpagina’s aantrekkelijker maakt door het toevoegen van zelf vervaardigd beeld- en fotomateriaal. Batch bewerkingen en animaties maken komen ook aan bod. Aan het eind van de eerste module ben je in staat een volledig functionele website te bouwen compleet met tekst en graphics, volgens de laatste webstandaard normen (W3C). Ook leer je hoe je de website geschikt maakt voor een mobile version of voor het weergeven op een tablet met responsive design. Je bent dan helemaal op de hoogte van de laatste ontwikkelingen in het maken van websites voor desktop en mobiele apparaten. Kijk verder bij het studieprogramma…

Deel 2: Web Site design

Tijdens het tweede certificaat breid je je vaardigheden verder uit. Je leert hoe je een internetproject van begin tot eind aanpakt. Dit begint met de vormgeving van de site. Je leert hoe je bij het bouwen van een website rekening houdt met creatieve aspecten in combinatie met toegankelijkheid en gebruikers vriendelijkheid (usability en accessibility). Ook op het gebied van SEO zul je het een en ander leren, zodat je website ook vindbaar zal zijn. Behalve het wireframe komt het in de voorbereidingsfase zo belangrijke flow- en navigatieschema uitgebreid aan bod. Zodat je weet hoe de inhoud en functionaliteit van de website er uit gaat zien, voordat je met de ontwikkeling begint. De technische uitwerking van de website realiseer je met de technieken die je in de eerste module hebt geleerd. Alleen ga je nu ook je website bouwen in het CMS systeem (Content Management System): WordPress . Hiermee bouw je je volledige website compleet met hoofd- en submenu’s, en voeg je dynamische onderdelen toe zoals image galeries of formulieren. Met deze CMS website is het ook mogelijk de klant of opdrachtgever een eigen inlog te geven op de website, zodat deze zelf eenvoudige aanpassingen in de content kan maken.  Kijk verder bij het studieprogramma…

Over HTML5 en HTML 5 en CSS3 animatie

Afsluitend komt in deze module uitgebreid aan bod hoe je de content van je website kunt verrijken met interessante multimedia-objecten. Je leert HTML5 en CSS3 animaties maken en interactiviteit toevoegen met Adobe Animate CC. Ook hoe je deze integreert in de website. Aan het einde van de opleiding ben je in staat een klantvriendelijke en website af te leveren die eenvoudig is in onderhoud, gevuld met tekst, afbeeldingen, video en interactiviteit en die er goed uitziet op zowel desktop, tablet als mobile.

Leermiddelen

Om de professionele Webdesigner in spe een goede werkomgeving voor deze opleiding te bieden, krijg je gedurende de opleiding de beschikking over een leencomputer (Mac of PC) met de benodigde software. Je krijgt ook toegang tot onze elektronische leeromgeving, waar je, buiten de wekelijkse lesdagen contact houdt met je docent en je medestudenten. Via de leeromgeving worden ook de opdrachten en materialen gedownload en kun je je eigen werk uploaden om te laten beoordelen door je docent. Ook maken we voor jou een aparte URL (webadres) die je gedurende de opleiding kunt gebruiken om je oefen websites online te testen en laten draaien.

Studieprogramma Webdesigner

HTML en CSS Basis met Dreamweaver

  • Introductie HTML en CSS
  • Sites definiëren en publiceren
  • Afbeeldingen en hyperlinks
  • Een CSS Stylesheet koppelen
  • De layout opbouwen in CSS
  • Sjablonen en bewerkbare gebieden

HTML en CSS Vervolg Technieken

  • CSS stijldefinities, classes
  • CSS en HTML voor tekstopmaak, tabellen en formulieren
  • CSS toepassen voor de layout van pagina's
  • De begrippen Float, Relative en Absolute
  • 1, 2 en 3 koloms layout, vaste en variabele kolombreedte
  • Nieuwe mogelijkheden met HTML5 en CSS
  • HTML en CSS in combinatie met Dreamweaver
  • Javascript en mediaQuery’s in Dreamweaver

Photoshop Vervolg voor Webdesign

  • Pixelafmetingen
  • Selectietools
  • Kleurpaletten
  • Werken met lagen en laaggroepen
  • Laagstijlen en visuele effecten
  • Tekst- en vectorlagen
  • De interface verdelen in segmenten
  • Integratie Photoshop, Dreamweaver, Animate CC
  • Afbeeldingen opslaan voor web

HTML en CSS Vervolg Responsive Design

  • Wat is Responsive Design
  • Layout voor Mobile
  • Layout voor Tablet
  • Layout voor Desktop
  • Wat zijn Media Queries
  • Media Querie vanaf de basis
  • Meerdere schermen formaten
  • Orientatie veranderingen
  • CSS manipulatie
  • Bootstrap Framework
  • Responsive images

Examen

Functioneel ontwerp

  • opstellen functionele eisen en technieken
  • Flowchart
  • Navigatiestructuur
  • Briefings en offertes

Visueel ontwerp en interaction design

  • Typografie
  • Kleurgebruik
  • Usability aspecten bij het vormgeven
  • Accesibility aspecten bij het vormgeven
  • Het ontwerp vertalen naar templates
  • SEO en webdesign

De website ontwikkelen met een CMS-systeem

  • Installatie WordPress of vergelijkbaar CMS
  • Configuratie van CMS aanpassen
  • Thema’s importeren en aanpassen in CSS
  • Werken met widgets en plugins
  • Menu’s maken, Menu-items toevoegen
  • Statische pagina’s maken
  • Content toevoegen, opmaken en beheren
  • Afbeeldingen en Multimedia plaatsen
  • Thema’s aanpassen in CSS
  • Gebruikers en rechten toevoegen

Interactieve animaties met Animate CC

  • Tekenen buttons, signs en clipart
  • Banners maken
  • Tweening: objecten roteren,verplaatsen
  • Publiceren

Examen

Enig begrip van wat javascript, jQuery, PHP en MySQL is, is een absolute must voor iedere webdesigner..! na de opleiding Webdesigner kun je hierin doorleren via het vervolg traject: Web development. Van de opleiding Web Developer is dit de tweede module. Na het behalen van je diploma Web Developer, ben je klaar om in de richting van bijvoorbeeld WordPress Expert, Web Front End Developer of Web Back End Developer door te studeren. Je krijgt vrijstelling voor alle modulen die je in het voortraject hebt gevolgd.

Ben je toch meer een designer dan een developer, dan neem je de route Mediavormgeving Basis richting Grafische Vormgeving, om een hoge score te gooien als Grafisch Vormgever met webdesign skills, of je kiest de richting DTP professional om je technische vaardigheden in DTP te verbeteren.