Opleiding Web Site Developer

Opleiding Web Site Developer

Wil je graag websites leren maken en misschien wel WordPress Developer of Front of Back End Developer worden? In de opleiding Web Site Developer maken we je vertrouwd met de basis van het web: HTML en CSS, en leer je in 24 weken HTML websites ontwikkelen en bouwen. Daarnaast maak je kennis met het opzetten van een web project, leer je de grondbeginselen van web vormgeving toepassen, web animaties maken en zet je de eerste stappen in het masteren van WordPress, zodat je een gebruiksvriendelijke originele website kunt bouwen en onderhouden met een goede SEO.

Deel 1: Web Basis

In het eerste deel leer je met Dreamweaver, of een andere webeditor hoe je webpagina’s opbouwt in HTML en CSS. Vervolgens leer je hoe je met Photoshop je webpagina’s aantrekkelijker maakt door het toevoegen van 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 afbeeldingen, volgens de laatste webstandaard normen (W3C). Ook leer je hoe je de website ontwikkelt voor een mobile phone of 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 het analyseren van een website en 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.

 geven op de website, zodat deze zelf eenvoudige aanpassingen in de content kan maken

Studieprogramma Web Site Developer

Deel 1: Web Design Basis 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 Deel 2: Web Site Design 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
• Childtheme en _underscores
• Gebruikers en rechten toevoegen

Interactieve animaties met Animate CC

• Tekenen buttons, signs en clipart
• Banners maken
• Tweening: objecten roteren,verplaatsen
• Publiceren naar HTML5, CSS3 en javascript

• Opleidingsduur: 24 lesweken
• Contact- lesuren: 1 dag per week
• Studiebelasting: 8 uur (naast de wekelijkse contacturen)
• Bij deze opleiding heb je recht op een jaar Adobe Studentenlicentie. Kosten:€128,-

Vooraf wordt er een intake/advies gesprek gehouden.