Illustrator artwork, vector graphics
adobe cursus amsterdam, gecertificeerde Adobe partner
  • Cursus webdesign en social media
    Complete webdesigner opleiding
  • Webdesign opleiding en cursussen, HTML code, CSS, Dreamweaver, lessen in Amsterdam
    Leer HTML code, CSS code, stylesheets gebruiken en websites bouwen
  • Websites bouwen tijdens Dreamweaver Cursus, HTML code en CSS stylesheets gebruiken
    Geef uw fantasie de vrije loop en maak precies de websites die u wilt
  • Dreamweaver Cursus, webpagina's maken met HTML code en CSS code
    Leer HTML code en CSS code schrijven
  • Webdesigner met Dreamweaver en HTML code, cursus in Amsterdam
    Maak websites die snel laden en conform de regels zijn opgebouwd
  • Multimedia en webdesign cursus in Amsterdam
    Werk uw concepten uit en maak precies de websites die nodig zijn
  • Multimedia en webdesign cursus in Amsterdam
    Leer SEO en maak uw websites goed vindbaar

Leer tijdens deze opleiding HTML code, CSS code, Dreamweaver, Photoshop, Animate & SEO en wordt een allround webdesigner

Info

Puur gezien is een webdesigner iemand die websites ontwerpt en ze niet per se zelf ook bouwt. Maar tegenwoordig wordt 'webdesign' ook gezien als webontwikkeling: het bouwen van websites. Als webdesigner ontwerpt én bouwt u websites: u combineert tekst, beeldmateriaal en andere elementen tot een aantrekkelijk geheel.

U kunt als webdesigner ook gevraagd worden om aangeleverd beeldmateriaal 'even' te bewerken of een banner of mock-up van de website te maken. U zult dit uw klant graag willen bieden om uw concurrentie voor te zijn. Tijdens uw webdesigner opleiding leert u dit allemaal, u wordt webdesigner en combineert web content: teksten, foto's en andere elementen.
Het hart van elke webpagina is HTML code, of het nu XHTML of HTML5 is. De vormgeving doet u met CSS. U leert dit allemaal, werkt met gepositioneerde elementen en bijzondere interactiviteit. Uiteindelijk optimalseert u de website voor zoekmachines met SEO.

Code en Dreamweaver

HTML code & CSS code

U leert vanaf nul HTML code en CSS code schrijven. Als u die beheerst kunt u ook in WordPress, Joomla en andere CMS systemen van alles aanpassen. Zo bent u niet afhankelijk van CMS waarin het niet mogelijk is om zaken aan te passen: u kunt de code, ook die van de stylesheets, zelf aanpassen.

Dreamweaver gebruiken & extra CSS

U bouwt erna complete websites met Dreamweaver, gebruik makend van zelf gemaakte stylesheets (CSS). Hiermee kunt u ook themes bouwen voor gebruik in WordPress.
Er komt nog een laag CSS bovenop: CSS positionering. Deze methodes leert u grondig kennen zodat u thuis of op het werk vanaf nul webpagina's kunt opmaken, of door CMS gegenereerde pagina's kunt aanpassen.

Photoshop, SEO en PHP

Foto's bewerken met Photoshop

Omdat klanten en werkgevers meestal verwachten dat u ook beeldmateriaal bewerkt zit in deze opleiding een module Photoshop. U bewerkt foto's met Photoshop zodat die op websites gebruikt kunnen worden en maakt fotocollages voor onder andere banners en de diverse elementen. Als u al Photoshop kunt mag u die module omwisselen met Illustrator.

PHP & SEO

De basics van PHP zijn belangrijk: u komt dit immers regelmatig op websites tegen. Zelf programmeren is alleen nodig als u programmeur wilt worden, de kunst is wel om elementen te kunnen herkennen.

Uiteindelijk leert u ook SEO: zoekmachine optimalisatie zodat de websites die u maakt ook goed gevonden kunnen worden.

Wilt u nog meer leren? Misschien kunt u uw kennis van Photoshop uitbreiden, of er Illustrator of InDesign bij leren.

HTML, CSS Dreamweaver module
Les 1

HTML code schrijven, webpagina's met HTML, HTML5, XHTML

HTML code schrijven
op de hand, vanaf nul

Tijdens deze les leert u HTML code in een platte tekstverwerker schrijven. Vanaf het begin leert u waar u op dient te letten en wat de valkuilen kunnen zijn. De docent doet met u mee, u kunt vragen stellen en uw fouten worden tijdens de les ook direct gecorrigeerd. U krijgt huiswerk mee en uw code wordt gecheckt.

U werkt met de elementen waaruit HTML code bestaat: HTML 'tags' en 'attributen'. U maakt onderscheid tussen de elementen zelf en hun vormgeving zodat u beide later kunt scheiden. En of u nu met HTML, XHTML of HTML5 werkt: alle pagina's op internet hebben deze code nodig.

Lessoort: single les
Totale lesduur: ± 2 uur

Kennismaken met HTML
Wat is HTML
De ontwikkelingen van HTML: HTML5 en de voorgangers
Een webpagina schrijven
Kleur en opmaak
De basis webpagina's: tags en attributen

HTML, CSS Dreamweaver module
Les 2

HTML Code Cursus, gevorderden cursus in Amsterdam, HTML pagina's maken met HTML code, HTML5, XHTML

HTML structuren
Opmaak van webpagina's en navigatie

Nu u de HTML syntax beheerst gaat u uw webpagina's vormgeven met tabellen. Deze zijn voor webpagina's niet de goede opmaak maar zijn van onschatbare waarde om de structuur van elementen te leren. Bovendien zijn ze dé opmaakmogelijkheid voor nieuwsbrieven: tabellen komt u overal tegen.

U leert ook pagina's met elkaar verbinden zodat u kunt navigeren op pagina's door verschillende soorten links aan te maken. Zo ontstaat interactiviteit en navigatie van de ene pagina naar de andere. En natuurlijk ook om bijvoorbeeld emails te kunnen sturen.

Lessoort: gecombineerde les
Lesduur met combinatieles: ± 3 uur

Layout structuren verkennen
Pagina's uitwisselen
Pagina's slim hergebruiken
Interactie tussen pagina's invoegen
Links invoegen
Links met tekst
Links met beeldmateriaal

HTML, CSS Dreamweaver module
Les 3

HTML code cursus, HTML code leren schrijven

Complete pagina's maken
HTML code en CSS code combineren

Tijdens deze les maakt u kennis met CSS. U leert de mogelijkheden van deze code kennen zodat u later weet hoe u CSS kunt toepassen. U combineert HTML code met CSS code: zo kunt u webpagina's opmaken en bijvoorbeeld andere lettertypen en kleuren gebruiken. Met CSS kunt u HTML elementen precies opmaken.

Verschillende opmaaktechnieken passeren de revue. U combineert bovendien HTML opmaak met CSS opmaak zodat de pagina's beter kunnen worden vormgegeven.
Dit is de laatste codeles: vanaf de week erna gebruikt u Dreamweaver. Daarvoor is uw kennis van HTML en CSS nodig.

Lessoort: gecombineerde les
Lesduur met combinatieles: ± 3 uur

HTML opmaaktechnieken
HTML standaard formattering
CSS code leren schrijven
CSS opmaaktechnieken
CSS voor het vormgeven van pagina's
CSS voor pagina onderdelen

HTML, CSS Dreamweaver module
Les 4

HTML code schrijven, webpagina's met HTML, HTML5, XHTML

Dreamweaver gebruiken
Webpagina's genereren

Tijdens deze les maakt u kennis met Dreamweaver.

U gaat natuurlijk allereerst de interface verkennen en vertrouwd raken met de panelen en andere elementen die in beeld zijn.

Daarna bouwt u tijdens de les een complete website met interactiviteit en opmaak. Zo legt u de basis van de webpagina's die u later gaat maken met behulp van Dreamweaver.

Lessoort: single les
Totale lesduur: ± 2 uur

De interface van Dreamweaver
Praktijkopdrachten uitvoeren
Een webpagina in Dreamweaver
Invoegen van beeldmateriaal
Invoegen van interactiviteit
Links voor e-mail en externe bestanden

HTML, CSS Dreamweaver module
Les 5

HTML Code Cursus, gevorderden cursus in Amsterdam, HTML pagina's maken met HTML code, HTML5, XHTML

HTML structuren
CSS en stylesheets koppelen

Deze les is helemaal gewijd aan CSS, het beheren van stijlen en het toepassen ervan in de Dreamweaveromgeving.
U gaat kennismaken met de diverse onderdelen van stylesheets en deze ook toepassen op de pagina's die u deze les aanmaakt.

Complete pagina's vormgeven en specifieke elementen: alles komt tijdens deze les aan bod. De nadruk van deze les ligt op vormgeving van webpagina's met stylesheets.

Lessoort: single les
Totale lesduur: ± 2 uur

Stylesheets gebruiken
HTML tagstijlen
CSS 'classes': speciale klassen
Pseudoklassen
CSS onderdelen op webpagina elementen
Beheer van linkstijlen
Externe stylesheets aanmaken
Ingebedde stylesheets aanmaken

HTML, CSS Dreamweaver module
Les 6

HTML code cursus, HTML code leren schrijven

Complete pagina's maken
Puur HTML

Tijdens deze les van uw Dreamweaver Cursus leert u verschillende soorten interactie toevoegen.

U leert werken met de mogelijkheden die beeldmateriaal (plaatjes, foto's) met zich meebrengen en ook webformulieren maken.

Daarna leert u hoe u uw eigen website kunt uploaden zodat de wereld uw werk kan zien. Kennis van hosting en domein hoort hier ook bij.

Lessoort: single les
Totale lesduur: ± 2 uur

Werken met beeldmateriaal
Links met speciale functies
Rollovers plaatsen en deze bewerken
Kijken naar scripts
Webformulieren maken
Een website uploaden
Hosting en domeinen

 

TIPKunt u al goed Photoshop? U mag deze module ook omwisselen met Illustrator. Deze hoort standaard niet bij deze opleiding maar u mag hem omwisselen met Illustrator. Kijk op de pagina van de Illustrator Cursus voor de lesinhoud.

Photoshop module 1
Les 1

Photoshop foto, collages maken met Photoshop cursus in Amsterdam

Tijdens deze eerste les van de Photoshop module gaat u objecten uit documenten lossnijden. U gaat hiervoor werken met verschillende gereedschappen: elk gereedschap heeft zijn eigenschappen en het is zaak goed te begrijpen welk gereedschap u voor welke klus het handigst in kunt zetten.

Niet alleen gaat u elementen uitsnijden: u gaat er ook voor zorgen dat ze mooi in elkaar kunnen overvloeien. Zo voorkomt u randjes en onnatuurlijke overgangen. De collages die u maakt worden met diverse gereedschappen passend gemaakt.

Lessoort: single les
Totale lesduur: ± 2 uur

Selecties en markeergereedschappen
Selecties combineren
Werken met lagen
De laagstructuur verkennen
Elementen vrijstaand maken
Fotocollages maken
Uitsnedes perfect bijwerken
Documenten aanmaken en opslaan
Documentspecificaties begrijpen

Photoshop module 1
Les 2

Photoshop cursus: foto correcties en restauraties, kleur, schlderen in Photoshop

Tijdens deze les van de eerste Photoshop module kijkt u eerst naar kleur. Kleur wordt op een bepaalde manier opgebouwd, het is belangrijk dat u weet hoe dat gebeurt zodat u later uw weg kunt vinden als u pixels gaat bewerken.

U leert tijdens deze les ook werken met de schildergereedschappen. U gebruikt verschillende invullingstechnieken zodat u bestanden van een speciaal uiterlijk kunt voorzien en zelf achtergronden kunt creëren. Maar niet alleen dat: u kunt er ook al foto's mee corrigeren. U leert tijdens deze Photoshop les al hoe u dat kunt doen.

Lessoort: single les
Totale lesduur: ± 2 uur

Werken met de invullingsmogelijkheden
Speciale invullingstechnieken
Invullingen beheren
Tekenen en schilderen in Photoshop
De penselen en hun instellingen
Penseelstijlen
Kleur in Photoshop
Kleuren beheren
Kleuren aanmaken en opslaan

Photoshop module 1
Les 3

Adobe Photoshop cursus selecties en uitsnijden, mensen isoleren, vacht uitsnijden

Als Photoshop beeldbewerker moet u van alle markten thuis zijn. Een van de eerste zaken waar u mee te maken krijgt is fotocorrectie: bijvoorbeeld het aanpassen van kleur en verzadiging. Photoshop heeft heel wat gereedschappen in zijn arsenaal waarmee u foto's kunt aanpassen. Hiermee gaat u tijdens deze les van de Photoshop module werken.

Deze les leert u ook hoe u foto's bijsnijdt en slimme dingen die u tijdens dat proces kunt doen. Zo leert u niet de techniek maar focust u ook op resultaat, zoals werken voor multimedia.

Lessoort: single les
Totale lesduur: ± 2 uur

Herstellen van kleur
Herstellen van oververzadiging
Herstellen van contrastarme delen
Herstellen van te donkere of te lichte delen
Documenten bijsnijden
Documenten vergroten en verkleinen
Perspectief herstellen


Photoshop module 1
Les 4

Foto collages voor posters, flyers en drukwerk, ontwerpen in Photoshop

Deze les leert u bestanden structureren. Naarmate de tijd vordert zult u een reeks aan lagen in het document kunnen hebben. Het is handig grip te hebben op de ontwikkeling en groei van het document. Zo voorkomt u dat het bewerkingsproces onbeheersbaar wordt.

Tijdens deze les leert u nog meer over een van de meest belangrijke dingen die u in Photoshop doet: selecties maken. Er zijn vele soorten selecties en niet alleen dat: er zijn veel manieren om ze bij te werken. U gebruikt tijdens deze les de methodes die u in de toekomst dagelijks nodig zult hebben.

Lessoort: single les
Totale lesduur: ± 2 uur

Werken met lagen deel 2
Handelingen bij bestandsbeheer
Werken met speciale laagopties
Documenten structureren
Lagen ordenen
Laaginhoud manipuleren
Trucs bij transformaties

Photoshop module 1
Les 5

Filters in Photoshop, collages maken met filters, cursus in Amsterdam, lessen Photoshop

Tijdens deze les uit de Photoshop module komen de filters aan bod. Zij worden ingeschakeld om documenten van een ander uiterlijk te voorzien en bepaalde illusies te scheppen maar ook om bestanden te restaureren. Maar niet alleen dat: ze worden ook gebruikt om gewoon leuke effecten te creëren.

Met de filters is zoveel mogelijk dat u tijdens deze les zoveel mogelijk trucs en tips uit de praktijk leert. Zo weet u straks waar u op dient te letten wanneer u de filters gebruikt en voorkomt u niet alleen spijt achteraf maar kunt u ook van tevoren dingen op een bepaalde manier instellen.

Lessoort: gecombineerde les
Lesduur met combinatieles: ± 3 uur

Kennismaken met de filters
Werken met de filtergalerij
De speciale instellingen van de filters
De speciale filters
Werken met bijzondere instellingen
Filters met speciale combinaties
Filters inzetten tijdens fotocorrecties

Photoshop module 1
Les 6

Photoshop typografie, cursus tekst in Photoshop, tekenstijlen

Wanneer u layouts voor posters en flyers maakt in Photoshop is het al snel nodig teksten toe te voegen. U gaat tijdens deze les van de Photoshop module uitgebreid werken met de vele opties voor tekst die Photoshop u biedt.

U werkt met tekst en leert hoe u bijzondere effecten met tekst voor elkaar kunt krijgen. Zo wordt uw ontwerp uniek en kunt u alles precies zo maken als u wilt. U maakt koppen en leesbare kolommen zodat u zeker weet dat uw ontwerp niet alleen mooi is om te zien maar ook herkenbaar is, uitstraling heeft en goed leesbaar is voor uw doelgroep.

Lessoort: gecombineerde les
Lesduur met combinatieles: ± 3 uur

Tekst in Photoshop
Werken met de tekstinstellingen
Paragraaf en teken
Spelen met kleur
Speciale invullingsmogelijkheden
Trucs met tekst
Speciale teksttransformaties


Dreamweaver module 2
Les 1

Dreamweaver functies voor snel doorwerken, handige extras

Dreamweaver: handige extra's
Snel doorwerken

Tijdens deze les leert u Dreamweaver slim inzetten om voorbereid te zijn op de geavanceerde mogelijkheden waarmee u gaat werken. Zo kunt u straks makkelijk elementen invoegen en klaarzetten voor hergebruik.

U maakt kennis met de mogelijkheden die Dreamweaver biedt om bepaalde taken te automatiseren zodat u minder tijd kwijt bent aan het plaatsen van elementen die u regelmatig nodig hebt.

Ook komen diverse handige instellingen aan bod zodat u aan het eind van de les voortvarend aan de slag zult kunnen.

Tijdens de volgende lessen zult u de elementen makkelijk aan kunnen maken om in te voegen in meer complexe layouts van webpagina's.

Lessoort: single les
Totale lesduur: ± 2 uur

Dreamweaver instellen en voorbereiden
Uw eigen omgeving opslaan en beheren
Kijken naar broncode opties
Eigen Dreamweaver objecten aanmaken
Inzetten van specifieke automatiseringstaken
Codefragmenten beheren
Handige functies voor beheer

Dreamweaver module 2
Les 2

CSS positionering, absolute, relative, static, fixed

CSS positionering
Layouts met CSS

Tijdens deze module van de Dreamweaver module maakt u kennis met weer een andere techniek om webpagina's op te maken. Deze techniek is CSS positionering. CSS positionering is het hart van alle moderne opmaak, layout, van webpagina's en wordt door vrijwel alle moderne CMS gebruikt, zoals WordPress, Joomla, Drupal en Typo3. U kunt tegenwoordig geen websites meer opmaken zonder CSS.

Positionering met behulp van CSS helpt u om elementen precies zo te plaatsen als u wilt, waar u wilt. De tabelstructuur komt te vervallen en wordt gereserveerd voor het ontwerpen van nieuwsbrieven.

Dit is het lastigste deel van de opleiding. Om alles goed duidelijk te maken wordt elke les een layout gemaakt, gebaseerd op waar behoefte aan is.

Lessoort: gecombineerde les
Lesduur met combinatieles: ± 3 uur

Het principe van CSS positionering
Verschillende positioneringstypen
Opmaaktechnieken
Standaarden gebruiken
Pagina's klaarmaken voor CSS positionering
CSS beheren op een nieuwe manier
Diverse opmaakmogelijkheden

Dreamweaver module 2
Les 3

HTML elementen positioneren met CSS, CSS positionering

CSS positioneringstechnieken
Pagina's opmaken met CSS

Elementen op een HTML pagina positioneren is een essentieel onderdeel van professioneel bezig zijn als web designer. Het presenteren van de inhoud van een website is immers cruciaal voor het aantrekken van bezoekers.

Het goed positioneren van de diverse elementen op een HTML pagina is bovendien doorslaggevend voor de leesbaarheid en technische uitvoerbaarheid ervan. Zo kunnen webpagina's goed en snel worden geladen.

U gaat werken met absolute, relatieve, gefixeerde en statische positionering. En leert meteen ook wanneer het handig is om gebruik te maken van het geweldige 'niet positioneren'.

Lessoort: gecombineerde les
Lesduur met combinatieles: ± 3 uur

Vormgeven met CSS niveau 2
Layouts met CSS positionering
Scheiding van layout en content
Absolute en relatieve CSS positionering
Statische en gefixeerde CSS positionering
Combineren van positionering
Verschillen begrijpen en
Problemen oplossen

Dreamweaver module 2
Les 4

HTML code schrijven, webpagina's met HTML, HTML5, XHTML

Dreamweaver en content management
Beheer, sites en templates

Tijdens deze les gebruikt u de verschillende opmaak- en positioneringstechnieken die tijdens de vorige lessen aan bod zijn gekomen om layouts te maken die snel laden en voldoen aan de standaarden.

U maakt gebruik van absolute en relatieve positionering en gebruikt de andere positioneringstypen natuurlijk ook: het verschil kennen en goed kunnen kiezen is cruciaal voor het beste resultaat.
Tijdens deze les maakt u op verschillende manieren pagina's: deze vindt u ook terug in uw huiswerk van de week zodat u aan de hand van voorbeelden eigen pagina's kunt vormgeven.

Lessoort: single les
Totale lesduur: ± 2 uur

Layouts volgens standaarden
Eigen layouts bedenken
Voorbereiding op consistente opmaak
Opslaan van diverse stylesheets
Positoneringstypen inzetten
Verschillen tussen positioneringstypen
Elementen vastzetten

Dreamweaver module 2
Les 5

Websites beheren tijdens Dreamweaver Cursus, content management, templates

Dreamweaver en content management
Beheer, sites en templates

U werkt tijdens de module Dreamweaver Gevorderden binnen een beheeromgeving. U leert websites beheren en hoe u krachtige functies binnen dit systeem inzet tijdens het bouwen van websites.

U leert werken met sjablonen. U werkt niet met bestaande sjablonen, het is te belangrijk om te leren hoe u die zelf kunt maken. U gaat dus vanaf nul eigen sjablonen aanmaken. U leert delen aan pagina's toevoegen zodat u, maar ook uw klanten, deze specifieke elementen op de pagina's kunnen bijwerken. Mocht u met databases aan de slag gaan dan komt deze functionaliteit goed van pas.

Lessoort: single les
Totale lesduur: ± 2 uur

Werken met de beheermodules
Beheermodules aanmaken
Website bouwen binnen beheermodules
Een sjabloon aanmaken
Pagina's koppelen aan een sjabloon
Sjabloongestuurde pagina's beheren
Diverse sjabloonelementen toevoegen
Sjablooncontent beheren

Dreamweaver module 2
Les 6

HTML code cursus, HTML code leren schrijven

Extra CSS opmaak
Combineren van classes en styles

U leert tijdens deze les speciale CSS klassen gebruiken die op specifieke elementen van toepassing kunnen zijn. Zo kunt u vormgeving elementspecifiek maken en zorgt u voor een opmaak die tot in de puntjes kan worden vastgelegd.

U leert ook speciale opmaak van elementen in andere elementen met ingebedde stjilen en CSS opmaak. Ook onderdelen van CSS die nog niet zijn behandeld worden tijdens deze les uitgelegd en gebruikt. Natuurlijk leert u ook meer layouts kennen, tijdens deze Dreamweaver module ligt de nadruk immers op opmaak, styling en vormgeving van webpagina's.

Lessoort: single les
Totale lesduur: ± 2 uur

Dynamische elementen
Werken met diverse CSS technieken
Werken met elementspecifieke onderdelen
Beheren van CSS elementen
Speciale opmaakmogelijkheden

 

TIPWilt u liever niet nog meer code en technieken leren? Dat kan. U kunt deze module omruilen en Animate leren, daarmee kunt u animaties maken voor gebruik in diverse media.

Dreamweaver module 3
Les 1

Fonts op websites gebruiken, fontkits en CSS

Styling van tekst: webfonts
Lettertypen en font kits

De keuze voor een bepaald lettertype is doorslaggevend voor de uitstraling van een website. U leerde dat al. Maar er kan nog heel wat meer met tekst en u leert alles tijdens deze les.

Werken met webfonts en speciale kits: alles komt aan bod.

Lessoort: single les
Totale lesduur: ± 2 uur

Typografie
Extra instellingen voor tekst
Bijzondere instellingsmogelijkheden
Extra CSS opties voor tekst en typografie
Werken met webfonts
Werken met fontkits

Dreamweaver module 3
Les 2

HTML Code Cursus, gevorderden cursus in Amsterdam, HTML pagina's maken met HTML code, HTML5, XHTML

CSS3 opmaak mogelijkheden
CSS3 in stylesheets

Deze les werkt u met CSS3. Deze versie biedt extra mogelijkheden voor de layout van webpagina's en elementen die u wilt vormgeven.

U leert bovendien werken met bijzondere opties voor kleurweergave zodat alles perfect aansluit op wat u wilt maken.

Lessoort: gecombineerde les
Lesduur met combinatieles: ± 3 uur

Speciale mogelijkheden
CSS3 opties
Werken met verschillende browsers
Instellingen vergelijken
CSS3 integreren voor diverse browsers
Werken met en zonder prefices

Dreamweaver module 3
Les 3

HTML code cursus, HTML code leren schrijven

Vormgeven met CSS3
Bijzondere opmaaktechnieken

Tijdens deze les gaat u door met CSS3. U gaat elementen op meer manieren opmaken en gebruikt extra mogelijkheden om een pagina zo mooi mogelijk te maken met een combinatie van CSS positionering plus CSS3 technieken. Zo kunnen alle pagina's van uw website mooier en beter worden vormgegeven dan ooit.

Lessoort: gecombineerde les
Lesduur met combinatieles: ± 3 uur

Vormgeven met CSS3
Verschillende positioneringsopties
Combinaties van positionering en CSS3
Extra opmaakmogelijkheden
Stylesheets opschonen

Dreamweaver module 3
Les 4

HTML code schrijven, webpagina's met HTML, HTML5, XHTML

Scripts toevoegen
Extra interactie

Deze les voegt u extra functionaliteit toe met scripts die universeel bruikbaar zijn. U leert bovendien pagina's checken op fouten waarbij kennis van code en gezond verstand natuurlijk het allerbelangrijkste zijn.

Deze les is handig voor het toevoegen van extra's die voor bezoekers van de website aantrekkelijk zijn. U kunt elementen verbergen, tevoorschijn halen of laten staan waarbij ze met scripts een speciaal uiterlijk krijgen.

Lessoort: single les
Totale lesduur: ± 2 uur

Scripts gebruiken
Scripts bekijken en aanpassen
Bijzondere interactie
Bijzondere elementen invoegen
Pagina's checken en valideren

Dreamweaver module 3
Les 5

HTML Code Cursus, gevorderden cursus in Amsterdam, HTML pagina's maken met HTML code, HTML5, XHTML

PHP syntax
PHP op webpagina's

Tijdens deze les maakt u kennis met PHP. U leert wat een server is en waar u deze kunt downloaden zodat u niet alleen via de host maar ook op een lokaal systeem PHP bestanden kunt checken en evalueren.

Daarna gaat u door met de eerste PHP scripts en leert u hoe u verschillende commando's kunt gebruiken om dynamische elementen te plaatsen. Zo kunt u uw eigen HTML pagina's al snel van extra functionaliteiten voorzien.

Lessoort: gecombineerde les
Lesduur met combinatieles: ± 3 uur

PHP introductie
PHP pagina's maken en beheren
PHP in Dreamweaver
PHP pagina's checken
PHP versies
Diverse PHP commando's gebruiken

Dreamweaver module 3
Les 6

HTML code cursus, HTML code leren schrijven

Extra PHP
PHP voor handige extra's

U gaat door met PHP en leert werken met functionaliteiten om pagina's te voorzien van PHP elementen zodat de content van pagina's consistent wordt. PHP code kan worden losgekoppeld voor nog meer mogelijkheden.

U maakt pagina's waarop elementen worden geladen en voegt pagina's samen met behulp van PHP. Zo kunt u uiteindelijk HTML code, CSS code en PHP code combineren.

Lessoort: gecombineerde les
Lesduur met combinatieles: ± 3 uur

PHP invoegen
PHP gebruiken voor samenstellen pagina's
PHP voor genereren van speciale content
PHP combineren met HTML en CSS

Webdesigner opleiding
SEO module Les 1

HTML code schrijven, webpagina's met HTML, HTML5, XHTML

Achtergrond van SEO
Toegestane optimalisatie

Tijdens deze module gaat u de gemaakte websites leren optimaliseren. U kunt dan wel een mooie website hebben: hij moet ook goed gevonden kunnen worden.

Tijdens de eerste les van anderhalf uur gaat u leren wat SEO is, waarom het wordt gebruikt en door wie het goed en verkeerd wordt toegepast. U gaat kijken naar de geschiedenis van SEO om valkuilen te vermijden en u gaat leren hoe u een website voor zoekmachines als Google en DuckDuckGo kunt optimaliseren. Het maken van een sitemap komt aan bod en u leert welke consequenties het optimaliseren van een pagina kan hebben.

Lessoort: gecombineerde les
Lesduur met combinatieles: ± 3 uur

De achtergrond van SEO
Ontwikkelingen
Te vermijden technieken

Webdesigner opleiding
SEO module Les 1

SEO cursus, zoekmachine optimalisatie cursus les 1

SEO instructies
SEO toepassen

Tijdens les 2 maakt u kennis met verschillende technieken voor het optimaliseren van webpagina's.

U gaat aan de slag met enkele voorbeelden en praktijkopdrachten en leert welke techniek het handigst is tijdens het opmaken van webpagina's.

Tijdens deze module leert u natuurlijk ook welke technieken zijn toegestaan en welke u dient te mijden. Er is ruimte voor vragen zodat u zoveel mogelijk opsteekt en op het werk of thuis kunt gebruiken. Zo kunt u alle websites tijdens het bouwen optimaliseren. Dat scheelt tijd.

Lessoort: gecombineerde les
Lesduur met combinatieles: ± 3 uur

SEO technieken in uw webpagina's
Slimme instellingen
Uw website en zijn structuur
Dreamweaver en SEO

Webdesigner opleiding
Afronding

SEO cursus in Amsterdam, zoekmachine optimalisatie cursus les 2

Afronding
Korte nabespreking

De SEO module is meestal de laatste les van uw opleiding. Na deze les gaat u zich voorbereiden op de nog te maken toetsen en natuurlijk ook op het examen.

We bespreken wanneer de tests kunnen vallen en wat u kunt doen voor de voorbereiding op uw examen.

U kunt na deze les flink oefenen met wat u hebt geleerd zodat u voorbereid de toetsen kunt doen.

Denk aan de uiterste termijn voor het examen: zowel de toetsen als het examen dienen te worden ingeroosterd binnen een maand na de laatste les.

toetsles van uw cursus

De toetslessen
van uw opleiding

Toetsen
De laatste les van elke (behalve de laatste) opleidingsmodules is de toetsles. Deze les is apart van de groep. U krijgt een praktijkgerichte opdracht of serie opdrachten waarvoor u al uw nieuw opgedane vaardigheden kunt inzetten. Sommige toetsen nemen veel tijd in beslag: die maakt u thuis.

Examen: afsluiting van de laatste module
Het examen maakt u thuis: u gaat een uitgebreide opdracht uitvoeren, deze gaat te lang duren om hier te doen. U stuurt op de afgesproken datum uw werk in en krijgt input en tips om uw werken helemaal in orde te krijgen.

Evaluatie
van toetsen & examen

Toetsen bij LearningTrain
Bij toetsen bij LearningTrain wordt uw werk na de toets persoonlijk geëvalueerd door uw docent.
Als u tijdens de cursus het verplichte huiswerk inleverde en de toetsen goed uitvoert tellen deze mee voor uw diploma.

Toetsen en examen thuis
Toetsen en het examen die u thuis of op het werk maakt worden op afspraak geëvalueerd.
Als u tijdens de cursus het verplichte huiswerk inleverde en de toetsen goed uitvoert tellen deze mee voor uw diploma.

Wanneer zijn de
toetsen & examen?

De toetsen
De toetslessen dienen binnen twee maanden na de laatste les van de opleiding te vallen: zo kunt u in die twee maanden desnoods nog flink oefenen.
U mag ze ook in de loop van de opleiding in laten roosteren.

Het examen
Het examen maakt u binnen twee maanden na de laatste les van de opleiding. U kunt zich in die twee maanden voorbereiden op het examen.

Vragen over deze opleiding

Cursus HTML code en CSS Code in Amsterdam

Groepstraining normale looptijd

Per lange module
4 single groepslessen +
2 gecombineerde lessen +
1 persoonlijke toetsles op afspraak

Looptijd 5 weken per module +
Toets op afspraak
Oefenweek na elke les

SEO module
2 gecombineerde lessen
Looptijd: 1 halve dag +
Examen

Groepstraining 2-daagse modules

Per lange module
2 dagen à 3 lessen +
persoonlijke toetsles op afspraak
Oefenweek na elke lesdag

Looptijd 2 weken per module +
Toets op afspraak
1 extra huiswerk week is mogelijk

SEO module
2 gecombineerde lessen
Looptijd: 1 halve dag +
Examen

Illustrator artwork, vector graphics
 

Wilt u persoonlijke training?

U hebt les met maximaal 1 medecursist.
We combineren dan telkens 2 lessen, de looptijd wordt dan 3 weken per module.
Voor SEO is de looptijd een halve dag..

Groepstraining 5-weekse modules

Per module
Single groepslessen: 2 uur
Gecombineerde lessen: 3 uur

Groepstraining 2-daagse modules

Per module
Twee dagen van:
10:00 - 15:00 uur of
15:00 - 20:00 uur

Persoonlijke training

Per module
We combineren telkens 2 lessen tot een 3 uur durende les.

Persoonlijke gereserveerde training
Lessen kunnen single worden geboekt.

Single lessen 1.5 uur
Gecombineerde lessen 3 uur

Huiswerk bij deze cursus

Huiswerk na elke les
U krijgt elke week huiswerk. Het maken van het huiswerk kost ongeveer 12 uur per week in totaal. Als u alleen de verplichte opdrachten maakt bent u elke week ongeveer 5 uur kwijt aan het huiswerk van deze cursus.

Wanneer stuur u huiswerk in?
U hebt een week de tijd voor het maken van het huiswerk: u stuurt het huiswerk in in de week die direct volgt op de les zodat uw docent dit kan evalueren.

Huiswerkcorrectie & afhandeling vragen

Huiswerkcorrectie
Voor de correctie van uw huiswerk is in de week na de les tijd ingeroosterd door uw docent. U ontvangt dan correcties en/of tips. Er zijn richtlijnen en tips voor het insturen van huiswerk, deze ontvangt u tijdens de eerste les.

Afhandeling van vragen
Er zijn ongeveer 12/15 minuten gereserveerd voor vragen aan het begin van de les. Zo leren medecursisten ook van andermans vragen.

Let op: als u op uw laptop werkt dient de nodige software hierop geinstalleerd te zijn voordat de les begint, er is geen tijd voor installatie tijdens de les. Dit zou betekenen dat u niet mee kunt doen.

Nodig tijdens de les

  • Een aantekenboekje en pen
  • Uw laptop (als u die niet hebt mag u een van onze computers gebruiken)
  • Als u op uw laptop werkt: de software van uw opleiding
  • Oefenmateriaal: geef bij inschrijving aan of u uw laptop meeneemt, daarop kunt u dan van tevoren oefenmateriaal installeren.

Nodig tijdens huiswerk maken

  • De programma's die u tijdens uw opleiding gebruikt: koop ze of download de trial.
  • Een computer (liefst desktop).
  • Optioneel: een Wacom tablet om vrijer te kunnen ontwerpen. Let op: voor sommige Wacom functies hebt u echt de legale software van Adobe nodig.

Software installatie tips
Over Adobe software

Adobe software

Bij de meeste cursussen die u bij LearningTrain volgt gebruikt u software van Adobe. Dat kan een enkel programma zijn zoals Illustrator, Photoshop, InDesign of Dreamweaver. Maar het is ook mogelijk dat u een opleiding volgt waarbij meerdere programma's nodig zijn. U kunt dan het beste de complete suite installeren en de software die voor uw opleiding nodig is installeren.

Het is echt aan te raden om legale software te gebruiken. Bij illegale software mag u vaak niet apart legale software installeren. Maar erger is dat bepaalde functionaliteiten in illegale software niet aanwezig is of dat een Wacom tablet niet correct kan worden gebruikt of dat bepaalde gereedschappen erg traag zijn zoals de 'Brush' in Photoshop.

Nodig bij cursus/opleiding

  • Illustrator cursussen & opleiding
    Adobe Illustrator
  • Photoshop cursussen & opleiding
    Adobe Photoshop
  • InDesign cursussen
    Adobe InDesign
  • Grafisch Vormgeven Opleidingen
    Illustrator, Photoshop & InDesign
  • Webdesigner Opleiding
    Photoshop, Dreamweaver & een platte tekst verwerker
    Als u Photoshop inwisselt voor Illustrator hebt u natuurlijk Illustrator nodig.
    Als u in plaats van meer code kiest voor Animate hebt u natuurlijk Animate nodig.

Deze opleiding is inclusief:

  • Opleidingsgeld
  • Syllabus
  • Toetsen en examen
  • Extra oefentijd om u voor te bereiden op toetsen en examen (maximaal 2 maanden)
  • Digitale of afgedrukte boeken met erin wat tijdens de les aan bod kwam en huiswerk opdrachten
  • Extra opdrachten en gereedschappen zodat u nog meer leert
  • Extra telefonische en e-mail support tussen de lessen door
  • Huiswerk
  • Persoonlijke huiswerk correctie
  • Twee weken nazorg

En de software?

De software regelt u natuurlijk zelf.
U installeert een trial via de Adobe website of koopt de software.

Als u al software hebt hoeft u niet over te stappen op Creative Cloud: u bent dan niet gebonden aan abonnementssoftware. De volgende suites zijn nog prima te gebruiken:

Creative Suite CS4
Creative Suite CS5 & 5.5
Creative Suite CS6

Voorkennis

U hebt voor de Webdesigner Opleiding geen voorkennis nodig, alle elementen zoals HTML code, CSS code, Photoshop en Dreamweaver leert u vanaf nul stap voor stap.

Computer vaardigheden

Het is handig als u zich goed op een computer kunt redden.

U kunt programma's installeren (u zult software immers moeten installeren) en mappen beheren en natuurlijk uw eigen bestanden op de goede plek opslaan.

Groepsopleiding

Gebruikelijke looptijd
5 weken per module van 7 lessen +
1 week voor module van 2 lessen
+ persoonlijke toetslessen

€ 3.650,00 exclusief BTW
€ 4.416,50 inclusief 21% BTW

2-daagse looptijd
2 volle dagen per module van 7 lessen +
1 halve dag voor module van 2 lessen
+ persoonlijke toetslessen

€ 4.100,00 exclusief BTW
€ 4.961,00 inclusief 21% BTW

Persoonlijke opleiding, 2 pers. max

Gebruikelijke looptijd
3 weken à 2 gecomb. lessen p. module
+ 1 halve dag voor korte module
+ persoonlijke toetslessen

€ 5.080,00 exclusief BTW
€ 6.146,80 inclusief 21% BTW

2-daagse looptijd
2 volle dagen per module van 7 lessen +
1 halve dag voor module van 2 lessen
+ persoonlijke toetslessen

€ 6.700,00 exclusief BTW
€ 8.107,00 inclusief 21% BTW

 

Wilt u de opleiding absoluut in uw eentje volgen?

Dan zijn er speciale schema's mogelijk. U kunt bijvoorbeeld alleen single lessen willen hebben, of ze willen verspreiden over een langere of juist kortere periode.

Persoonlijke EN gereserveerde cursus (1 persoon)

€   9.900,00 exclusief BTW
€ 11.979,00 inclusief 21% BTW

Reviews

Illustrator cursus reviews

Thanks

It was an extremely useful and powerful education. Thanks!
J. Brown

Compleet

Deze opleiding is heel compleet. Je leert vanaf de basis alles, ik wist van niks en twijfelde of het goed zou komen. Maar de lerares ving dit heel goed op. Het is heel fijn om alles vanaf de basis goed op te bouwen. Na deze opleiding kan ik Photoshoppen, ik kan HTML en CSS en tot mijn eigen verbazing ben ik heel handig geworden en kan zelfs WordPress makkelijk begrijpen. Ik weet dat ik dat zelf doe maar zonder de niet aflatende goede begeleiding en het superhandige materiaal was het me niet gelukt.
Froukje T.

Super

Ik ben klaar met de opleiding, bedankt voor het diploma. Ik heb veel geleerd, zelfs beter mijn eigen computer begrijpen.
W. de K.

Veel huiswerk

Ik vind in deze opleiding veel huiswerk zitten. Met een gezin met kleine kinderen en een drukke baan was het in het begin lastig combineren. Daar moet je wel even aan denken. Grote kracht is dus wel het huiswerk dat ook wordt nagekeken.
J. W.

Eigen bedrijf

Jullie hebben een concurrent opgeleid! Ik heb nu mijn eigen bedrijf en ga websites bouwen voor mijn klanten. Je begrijpt dat ik dus geen reclame voor jullie ga maken maar een welgemeend dankwoord op deze plek is op zijn plaats. Heel goede opleiding, een schat aan lesmateriaal, echt top!
Hans R.

Ik ga door

Wat een geweldige ervaring deze opleiding. Ik wil nu eigenlijk niet stoppen, ik ga door en me opgeven voor Illustrator.
Joke V.

Echt af

De combinatie van deze modules maakt het tot een fantastische opleiding. Ik zag al vaker 'bedankt' staan hier en misschien is het saai maar echt bedankt! De opleiding maakt mijn omscholing echt af!
Jan B.

Aanrader maar...

Ik raad deze opleiding aan maar met de aantekening dat je echt wel moet oefenen. Dat betekent uurtjes maken en ook echt huiswerk. Zonder maken van huiswerk gaat het niet. Ik dacht het lukt wel maar kwam tijdens de laatste lessen in de problemen. Toch alles nog ingehaald en ik mocht het nog inleveren waarvoor dank.
Mark J.

Code blues

Ik ben echt totaal om. Als ik niet lekker kan zitten kloten krijg ik de blues. Het is nu echt mijn ding om alles zo puur en overzichtelijk mogelijk te houden. De combinatie met Photoshop en Flash is fantastisch: mijn klanten kunnen dat zelf niet en ik had grote moeite met het maken van geschikte bestanden (ik maakte al websites voor ik deze opleiding begon). Kortom: een fijne opleiding.
Eric S.

Ons intranet

Ik houd voor ons ziekenhuis het intranet bij met een CMS systeem. Maar Dreamweaver gebruik ik om de templates te maken, het werkt ideaal. Door mijn kennis van code kan ik nu ook in de CMS alles precies zo krijgen als ik wil. Met Photoshop en Flash erbij is deze opleiding een droom van een combinatie. SEO is voor ons nog niet aan de orde maar wie weet, wie weet?
Johanna de G.

Genoten

Wat heb ik hard moeten werken! Heb genoten. Mooi materiaal.
Gérard G.

Illustrator

Omdat ik al Photoshop kende koos ik voor Illustrator. En dat paste ook mooi bij de opleiding. Code vond ik heel lastig ondanks de uitstekende instructies. Doorgezet en nu lukt het wel. Dreamweaver gebruik ik voor themes voor Wordpress. En voor onze newsletters. Ik kan deze opleiding aanraden.
Dorothée B.

Vragen over Webdesign

Vragen over de webdesign cursussen en opleiding van LearningTrain

Wat is Webdesign?

Webdesign: content samenvoegen

Webdesign is het samenvoegen van verschillende elementen: content. Deze content wordt op webpagina's geplaatst en vervolgens aan bezoekers gepresenteerd.

Webdesign is strikt genomen alleen het ontwerpen van websites. Maar dit dekt allang niet meer de lading, tegenwoordig wordt met 'webdesign' ook het daadwerkelijke bouwen en onderhouden bedoeld.

Websites opmaken en beheren

Het samenvoegen van de verschillende content elementen moet op een aantrekkelijke manier worden gedaan. Webdesign is dus niet alleen technisch maar zeker ook esthetisch.

Websites moeten worden beheerd. Dit kan met een CMS (Content Management Systeem) worden gedaan, in Dreamweaver of op een andere manier. Op die manier worden websites ook bijgehouden.

Terug naar vragen

Wat is Dreamweaver?

Adobe Dreamweaver

Dreamweaver is een programma van Adobe (en is oorspronkelijk ontwikkeld door Macromedia, wat in 2005 door Adobe werd opgekocht), net als Illustrator, Photoshop en Flash. Dreamweaver wordt gebruikt om websites te bouwen, vanaf nul. Maar u kunt ook gebruik maken van sjablonen (templates) zodat u sneller klaar bent.

Dreamweaver wordt ingezet voor het bouwen en bijhouden van websites die online zijn gepubliceerd, of in intranetten. U kunt pagina's maken, plaatjes en formulieren invoegen en de opmaak helemaal zelf bepalen.

Code en Design

Met Dreamweaver kunt u tegelijk code design zien zodat u niet 'blind' zit te werken. Zo houdt u grip op de basis van uw opmaak.

De grote kracht zit hem in de vrijheid: u kunt alle kanten op en zelf alles ontwerpen, sjablonen gebruiken of Dreamweaver combineren met bijvoorbeeld WordPress en andere CMS systemen.

snel kleuren aan te passen en te schuiven met elementen: u bent aan het vormgeven. En ook hiervoor is Dreamweaver perfect, het is ervoor ontwikkeld.

Terug naar vragen

Is Dreamweaver moeilijk om te leren?

Dreamweaver: veel mogelijk

Nee, Dreamweaver is niet moeilijk als u vanaf het begin goed alles leert gebruiken.

Dreamweaver is een programma waarin heel veel mogelijk is, het is dus handig om te precies te leren wat u nodig hebt om uw eigen doel te bereiken. Zo hoeft u niet elk onderdeel te leren kennen, dat is niet nodig.

HTML code, CSS code, PHP

Het 'moeilijke' deel is vaak de code. De meeste cursisten hebben nog nooit HTML code of CSS code gezien, laat staan dat ze hem ooit hebben geschreven. Maar ze leren het allemaal met veel plezier.

Als creatieve gebruiker zult u meer wensen hebben. U zit dan al snel kleuren aan te passen en te schuiven met elementen: u bent aan het vormgeven. En ook hiervoor is Dreamweaver perfect, het is ervoor ontwikkeld.

Terug naar vragen

Ik heb een oude Dreamweaver versie, kan ik die nog gebruiken?

Nieuwe richtlijnen HTML & CSS

Adobe implementeert bij de ontwikkeling van Dreamweaver de nieuwste richtlijnen van de ontwikkelaars van de HTML en CSS code in de software.

Dus kan een oudere versie verouderde code genereren die niet door de huidige browsers ondersteund hoeft te worden. Dat kan natuurlijk een probleem zijn: bepaalde onderdelen van een website kunnen hierdoor onzichtbaar zijn, of formattering die u gebruikt wordt niet herkend.

Goed leren kijken

Ook kan de nieuwe versie (X)HTML5 niet door een oudere Dreamweaver versie worden gegenereerd en wordt code volgens oudere normen gecheckt.

Als u code kunt schrijven en weet wat goed en fout is kunt u een oudere Dreamweaver prima gebruiken. Dan weet u waar u op moet letten.

Terug naar vragen

Wat kan ik met Adobe Dreamweaver allemaal doen?

Websites vanaf nul bouwen

U kunt met Dreamweaver een website vanaf nul zelf bouwen. U zet de structuur op met behulp van HTML. Deze code schrijft u zelf of u laat hem door Dreamweaver genereren.
U bepaalt zelf de layout en wat er op de pagina's wordt geplaatst.

WordPress blogs/sites bewerken

U kunt een WordPress of andere gegenereerde website of blog aan Dreamweaver koppelen. U kunt de layout en opmaak dan perfect sturen en aanpassen.

Nieuwsbrieven ontwerpen

U kunt met Dreamweaver ook nieuwsbrieven ontwerpen en deze erna integreren in alle systemen die HTML en CSS kunnen verwerken. En dat zijn inmiddels gelukkig de meesten. U bepaalt hoe de nieuwsbrief is opgemaakt en wat de inhoud is.

Dynamische content gebruiken

U kunt in Dreamweaver perfect PHP elementen combineren met statische pagina's, of alles juist opbouwen met behulp van dynamische elementen. Met Dreamweaver kunt u dus ook alle mogelijke pagina's en websites bijhouden, in welke editor ze ook zijn gemaakt of samengesteld.U kunt met statische en/of dynamische content werken zodat u volledig flexibel bent

CMS systemen koppelen

U kunt diverse CMS systemen koppelen aan Dreamweaver. U kunt zelfs gebruik maken van content die door een database wordt gegenereerd.

Templates voor WordPress maken

Als u met WordPress gaat werken zult u de beschikking hebben over veel kant en klare templates ('themes'). Maar het is natuurlijk het leukst die zelf te ontwerpen. Dat kan met Dreamweaver prima worden gedaan.

Portfolio's online zetten

Een geliefde taak is het ontwerpen en publiceren van een online portfolio. Dat gaat met Dreamweaver perfect, alle mogelijke foto's en andere inhoud kan worden ingevoegd. Maak de perfecte portfolio's voor uzelf en anderen.

Websites onderhouden

Dreamweaver wordt veel gebruikt om websites bij te houden. Omdat u in Dreamweaver code, design of beide tegelijk kunt zien is het bijhouden van websites met Dreamweaver heel makkelijk te doen.

Websites beheren

In Dreamweaver zit een beheersysteem dat bijhoudt waaruit de website is opgebouwd. Zo kunt u Dreamweaver links laten checken of ervoor zorgen dat er meldingen komen van ontbrekende bestanden of bestanden die per ongeluk zijn hernoemd of verkeerd zijn geplaatst.

Sjablonen maken en gebruiken

U kunt in Dreamweaver sjablonen (templates) aanmaken. Zo kunt u snel pagina's genereren die in structuur precies zijn als andere pagina's. Dat scheelt veel geld. Zo'n nieuwe pagina kunt u dan voorzien van zijn eigen inhoud en hem gebruiken in de website. Ideaal.

Terug naar vragen

Moet ik HMTL code leren?

HTML code leren

U hebt het strikt genomen niet nodig, er zijn editors waarmee u zonder kennis van code websites kunt genereren, denk bijvoorbeeld aan WordPress.

Maar kijk eens naar het knopje 'terug naar vragen' hierboven. De HTML code bepaalt dat dat knopje er moet staan. Hetzelfde geldt voor de kolom waarin deze tekst staat. HTML bepaalt dat de tekst erin komt te staan en dat het een kolomvorm is.

Als de editor zo'n knopje of kolom niet in zijn arsenaal heeft is het wel zo handig om die zelf te kunnen maken. Kennis van HTML maakt u zelfstandig en flexibel.

Alles zelf vormgeven

Als u zelf de structuur wilt bepalen en wilt uitmaken waar de elementen van uw pagina, zoals een header, een navigatiemenu et cetera, moeten staan, dan hebt u kennis van HTML code nodig. Laat u niets wijsmaken, HTML code is echt belangrijk.

Ook met Dreamweaver is kennis van HTML nuttig: u hebt grip op wat er gebeurt.

Bovendien zult u uw websites vaak willen optimaliseren: SEO technieken toepassen om hem beter vindbaar te maken voor bijvoorbeeld Google. U kunt dan makkelijk code op de goede plek plaatsen.

Terug naar vragen

Wat kan ik met HTML code doen?

HTML code: webpagina structuur

Met HTML code bepaalt u de structuur van de pagina. U bepaalt ermee welke elementen worden vertoond in de browsers. Met HTML geeft u dus aan wat er zichtbaar is.

Voor elk element is een bepaalde code nodig. Dit zijn de 'tags' en de eventuele 'attributen'. Een 'tag' is een woord waarmee u aangeeft wat voor element het is. Zo is er voor het aangeven van een plaatje dus een tag nodig, en wel de tag 'img'. Kort voor 'image', zo makkelijk kan het dus zijn.

HTML code: tags & attributen

De attributen zijn extra's bovenop die tags. Daarmee geeft u de soort of specificatie zo'n element heeft. Een attribuut voor een plaatje, een 'img', kan bijvoorbeeld de bronvermelding zijn. Zo weet de browser waar het plaatje moet worden opgehaald zodat het kan worden vertoond.

HTML is er dus voor de structuur en niet zozeer voor de vormgeving van websites. Daarvoor hebt u ook CSS code nodig.

Terug naar vragen

Is HTML code moeilijk?

Nee, HTML code is niet moeiijk.

Zoals hierboven staat: de code is opgebouwd uit tags en attributen. U leert tijdens de cursus 'HTML, CSS en Dreamweaver' al deze code schrijven in drie lessen. Maar u kunt hem ook leren tijdens de cursus HTML.

HTML code is logisch

HTML is logisch opgebouwd en komt in diverse 'smaken'. Zo is er bijvoorbeeld HTML5. U leert alles wat nodig is tijdens de cursus van uw keuze.

Terug naar vragen

Kan ik ook HTML5 leren?

HTML5 code

Ja, natuurlijk. U kunt HTML en HTML5 code leren tijdens verschillende cursussen.

Verschil tussen HTML en HTML5

HTML5 code is vrijwel gelijk aan HTML, er zitten wat extra tags en mogelijkheden in HTML5, u leert dit vanzelf en komt het tijdens verschillende cursussen dus ook tegen.

Terug naar vragen

Moet ik CSS code leren?

CSS code: webpagina's vormgeven

CSS code is belangrijk: hij staat aan de basis van alle opmaak op een webpagina. Kijk weer eens naar het knopje 'vragen' hier links boven. Het staat er omdat HTML dat bepaalt. Maar 'er zijn' is niet genoeg, het moet er ook leuk uitzien. Het is geel, het heeft ook een bepaald formaat en staat op een specifieke plek. De tekst erin is vet. Dat wordt allemaal bepaald met CSS.

Het belang van CSS code

Kijk naar twee voorbeelden van exact dezelfde heel eenvoudige pagina om het verschil te zien.

Pagina zonder CSS
Pagina met CSS

Terug naar vragen

Wat kan er met CSS code?

CSS code voor vormgeving

Met CSS code bepaalt u, zoals u al kon zien als u op de twee links hierboven klikte, het uiterlijk van de elementen op de pagina en zelfs van de pagina zelf.

U hebt CSS nodig voor de vormgeving en HTML voor de structuur.
De twee codes werken samen, het is niet het een of het ander.

Het verschil tussen HTML en CSS

HTML vertelt de browser wat hij moet vertonen.
CSS vertelt de browser hoe dat eruit moet zien.

Voorbeeld
HTML vertelt de browser dat er een paragraaf moet worden vertoond.
CSS vertelt de browser welk lettertype moet worden gebruikt.

Terug naar vragen

Is CSS code moeilijk?

CSS code: cascading stylesheet code

Nee, CSS code is niet moeilijk. Het is een mooie, schone taal. Er zitten heel veel mogelijkheden in, dat wel. Het kan een uitdaging zijn om ze allemaal te leren kennen. En dat kost ook tijd. Maar moeilijk, nee. De taal is logisch.

CSS en HTML code combineren

U leert alles vanaf de eerste syntax tijdens de 'HTML, CSS en Dreamweaver' cursus en ook tijdens de 'HTML Code En CSS Code Cursus'. U leert alles stap voor stap met een docent die meekijkt en bijstuurt. U gaat het echt leren.

Terug naar vragen

Waarom zou ik Dreamweaver leren, is WordPress niet veel moderner?

Dreamweaver versus WordPress

Systemen als WordPress zijn iets heel anders. Daarmee ontwerpt u geen websites.

Als u een website vanaf nul wilt bouwen en volledige flexibiliteit wilt zult u hem zelf moeten bouwen zonder met een aan een CMS systeem gekoppeld sjablonen te werken. Zo kunt u een eigen ontwerp maken zonder een vast sjabloon. En: u kunt het ontwerp dat u in Dreamweaver maakt gebruiken als 'theme' voor WordPress.

Maar HTML...

De code die ook achter WordPress websites wordt gebruikt is weer: HTML. En als er iets mis gaat dient u dus te weten wat u moet doen. Daar komt het altijd op neer.

En CSS...

Bovendien gebruikt ook WordPress CSS in de vorm van stylesheets. CSS en HTML komt u echt overal tegen in websites, blogs en zelfs in Facebook en andere social media.

Terug naar vragen

Kan ik een WordPress cursus volgen en WordPress leren?

WordPress cursus

Ja natuurlijk. LearningTrain biedt een speciale WordPress cursus aan waarin u leert hoe u WordPress installeert, hoe u het opzet en kunt gebruiken.

WordPress onderdelen

U leert diverse onderdelen invoegen en natuurlijk ook contact maken met de database. Die database leert u bovendien ook aanmaken, zo hebt u alles zelf onder controle.

Terug naar vragen

Kan ik met WordPress, Joomla, Drupal etc. websites bouwen?

Content management

Dit zijn content management systemen. Kort gezegd is dat het volgende: de inhoud van de website wordt beheerd. Elke tekst en elk plaatje staat in een database waar het op het gewenste moment uit kan worden gehaald. Dat geldt ook voor de elementen op de pagina als navigatie en plekken waar tekst komt te staan.

Alles bij elkaar ziet het eruit als een website, het antwoord is dus ja.

Database en content

Het uiterlijk van de website wordt echter niet door die database bepaald. Die bepaalt u zelf als u kennis hebt van HTML en CSS, of u gebruikt een kant en klaar sjabloon waar u vervolgens aan gebonden bent.

Met Dreamweaver kunt u een ontwerp bouwen. Dit kan dan als sjabloon, template of theme in de diverse content management systemen worden gebruikt.

Terug naar vragen

Welke programma's heb ik als Webdesigner nodig?

Webdesigner: een flexibel beroep

Als webdesigner en webbouwer hebt u meerdere programma's nodig. Het zal van uw taken afhangen wat u nodig hebt, de meeste cursisten leren niet alles.

1. Webdesign programma's

Dreamweaver
Hiermee kunt u webpagina's maken, websites maken en beheren en natuurlijk ook themes maken voor WordPress en templates voor diverse media als blogs, nieuwsbrieven en andere multimedia.

FTP programma
Als u zelf de websites online gaat zetten doet u dit met een echt FTP programma. Dreamwaveaver heeft hiervoor ook interessante functies maar een echte FTP client biedt specialistische mogelijkheden.

Platte tekst verwerker
Het kan fijn zijn om snel even code echt puur te schrijven. Zo kunt u in een handomdraai een stylesheet schrijven of dit juist opschonen als bijvoorbeeld Dreamweaver de code niet goed opmaakt. U kunt met een platte tekstverwerker vaak ook makkelijker de code lezen.

Verdere programma's

De volgende programma's zijn handig voor onder andere het ontwerp van de websites of voor extra website content die u wilt gebruiken.

2. Design programma's en meer

Illustrator
Met Adobe Illustrator kunt u heel handig websites ontwerpen. De website van LearningTrain is er ook mee ontworpen. En let op: ontwerpen is iets heel anders dan bouwen. Het ontwerp is statisch. In Dreamweaver wordt het als leidraad gebruikt om de website te bouwen.

Photoshop
Ook in Photoshop kunt u een website ontwerpen. Het gaat alleen wat onhandiger en kost veel meer tijd.
Maar: Photoshop hebt u wel weer nodig voor het bewerken van de foto's in die websites.

Animate
Als uw klanten een geanimeerde banner willen of een snelle, kleine animatie kan die mooi met Animate worden gemaakt. Maar: Animate wordt ook gebruikt voor apps. Ja, ook voor Mac. Handig.

Terug naar vragen

Moet ik Engels kunnen voor webdesign?

Engels kunnen spreken en schrijven

Ja, dat is wel heel handig. Kennis van de Engelse taal is handig om de volgende redenen.

HTML en CSS zijn in het Engels
De HTML en CSS code zijn ontwikkeld in het Engels. Het is dus handig als u bijvoorbeeld weet dat een 'img' de afkorting van 'image' is, en 'font' een lettertype betekent.

Hulp op fora en websites
De meeste hulp en extra's worden op fora in het Engels gegeven. Als u hulp nodig hebt zult u dus Engels moeten kunnen lezen, vooral omdat het automatisch laten vertalen op zo'n moment echt de mist in gaat.

Software en validatie

Software
De software die u aan Dreamweaver en andere programma's kunt koppelen is meestal in het Engels en niet vertaald in het Nederlands.
Wij installeren de software in de originele taal: in het Engels.

W3C
De 'waakhond' van alles wat met webpagina's en code te maken heeft is een Amerikaans instituut. Vrijwel alle literatuur is daarop in het Engels. Handig als u het kunt lezen.

Terug naar vragen

Kan ik PHP code leren?

Wat is PHP?

PHP is een aparte codetaal. Het schrijven van deze code is makkelijk maar de mogelijkheden zijn enorm. Het komt neer op het leren van de code en het vormen van logische commando's die op de server worden uitgevoerd.

PHP leren kost tijd

Het beste is het om, als u echt zelf PHP programmeur wilt worden, ergens een aparte opleiding te volgen voor PHP.
Er is ook een PHP cursus om kennis te maken met PHP, de syntax te leren en de eerste commando's zelf te schrijven. Dit is een fijne cursus die u zal helpen om zelf meer uit te gaan proberen.

Terug naar vragen

Kan ik javascript leren?

JavaScript/ECMAscript

Javascript is een aparte codetaal. En net als PHP zal het flink wat tijd kosten om deze taal machtig te worden. U bent het beste af met een speciale javascript opleiding.

JavaScript in Dreamweaver

U komt wel javascript tegen tijdens de Dreamweaver Gevorderden Cursus en zult elementen leren aanpassen.

Terug naar vragen

Ik wil alleen websites ontwerpen, niet bouwen. Wat heb ik nodig?

Websites ontwerpen

Er zijn genoeg webdesigners die alleen precies dat doen: websites ontwerpen. Het design van websites dus.

Als u alleen websites wilt ontwerpen kunt u plezier hebben van de grafische software van Adobe. U kunt in Dreamweaver natuurlijk ook ontwerpen maar het is toch beter om dat in een ander programma te doen.

Grafische software

Adobe Illustrator
Dit is het programma dat de nummer 1 is om websites te ontwerpen. U kunt er alles makkelijk mee plaatsen en omkleuren. Het is in Illustrator een fluitje van een cent om alles te ontwerpen.

Adobe Photoshop
Dit wordt ook veel gebruikt maar vaak uit onbekendheid met Illustrator. In Photoshop kunt u ook van alles plaatsen maar het eenvoudig toevoegen van elementen kost veel meer tijd. Typografisch is Photoshop ook veel minder sterk en even iets omkleuren is vaak tijdrovend.

Adobe InDesign
Hierin kunt u ook websites ontwerpen. Het is alleen net wat minder handig dan in Illustrator kan worden gedaan.

Terug naar vragen

Ik moet pagina's die door een CMS worden gegenereerd beter vormgeven, is Dreamweaver hiervoor geschikt?

Dreamweaver voor CMS

Jazeker! U kunt met behulp van Dreamweaver een ontwerp voor pagina's maken en de vormgeving ervan in het CMS (Content Mmanagement Systeem) tillen. Dan kan deze vormgeving, die u bepaalt met behulp van CSS, worden doorgevoerd op alle pagina's die door de CMS worden beheerd.

Sommige CMS zijn stugger dan anderen en laten dat niet helemaal toe. U kunt dan wel een stylesheet gebruiken of het bestaande stylesheet aanpassen met behulp van wat u in Dreamweaver hebt gemaakt.

Opmaak van pagina's

De opmaak van webpagina's is in Dreamweaver zo handig te doen dat het heel veel tijd zal schelen. U kunt bijvoorbeeld een pagina maken en deze optimaal opmaken en hem vervolgens gebruiken als basis voor een CMS. U zult zien dat dit heel veel voordelen biedt, het is vaak makkelijker om te ontwerpen in Dreamweaver dan in een CMS.

Terug naar vragen

Webdesign & Photoshop

Zonder Photoshop is webdesign lastig. Websites zonder beeldmateriaal zijn immers in de minderheid: de meeste klanten zullen plaatjes, foto's, op de pagina's willen zien.

In Photoshop bewerkt u foto's, snijdt ze bij of maakt delen vrijstaand zodat u ze in banners kunt gebruiken. Trucjes met tekst en zelfs restaureren: Photoshop is voor webdesigners vrijwel noodzakelijk.

Leer als webdesigner Photoshop. Zo kunt u uw klanten makkelijk helpen en bent u niet afhankelijk van derden. Photoshop is daarom ook inbegrepen bij de Webdesigner Opleiding. Zo kunnen uw klanten bij u terecht voor de website zelf en het bewerken van alle foto's die erop moeten worden geplaatst.

Webdesign & Illustrator

Illustrator webdesign icons download buttons

Illustrator is een fantastisch programma om websites in te ontwerpen. Dit wordt ook vaak in Photoshop gedaan maar dit komt meestal uit onbekendheid met Illustrator.

Ook emoji's, buttons en infographics worden meestal in Illustrator ontworpen. Alle knoppen, speciale illustraties en zelfs de achtergronden die u op deze website ziet zijn in Illustrator gemaakt.

In Illustrator maakt u in een handomdraai graphics die perfect schaalbaar zijn en bovendien licht in gebruik. U kunt deze bovendien integreren in nieuwsbrieven. Illustrator is perfect voor webdesigners, de graphics kunnen zelfs worden gebruikt in YouTube video's en animaties die op social media worden gedeeld.

Webdesign & grafisch ontwerp

Webdesign en Grafisch ontwerpen

De meeste grafisch vormgevers krijgen tegenwoordig van hun klanten de vraag of ze ook hun website kunnen ontwerpen. En daar blijft het vaak niet bij: die website laten ze het liefst meteen ook bouwen.

Voor het ontwerpen van websites bent u met Illustrator het meest flexibel: u kunt illustraties en logos combineren met foto's en tekst. Maar ook in InDesign kunt u ontwerpen. Die ontwerpen vormen dan de basis van de website die u bouwt.

Als u InDesign leert slaat u twee vliegen in een klap: u kunt er namelijk meteen brochures voor uw klanten in maken, compleet met foto's die u eventueel in Photoshop bewerk, illustraties die u in Illustrator maakt en perfect opgemaakte tekst.

Webdesign & Animate

Webdesign en Grafisch ontwerpen

Als webdesigner zult u vaak de vraag krijgen om ook een geanimeerde banner te maken. Kennis van Animate is als webdesigner onontbeerlijk. U kunt niet alleen geanimeerde banners maken maar ook een presentatie van een idee, Animate is heel makkelijk inzetbaar en zelfs te gebruiken in PowerPoint.

Webdesign en apps

Als webdesigner krijgt u op een bepaald moment misschien de vraag om een app te ontwikkelen. Dit betekent het leren van code, als u tenminste grip wilt hebben op het resultaat. Meestal wordt echter samengewerkt met een ontwikkelaar. Voor het ontwerpen van apps kunt u echter Animate gebruiken. Maar Adobe heeft ook een nieuwe app ontwikkeld. Hiervoor komt in de loop van 2019 een cursus uit.

Webdesign & SEO

Een webdesigner is niet altijd verantwoordelijk voor het resultaat in de index van de zoekmachines. Maar dat kan natuurlijk wel. Uw klant kan vragen of u de wesbite goed vindbaar wilt maken met zoekmachine optimalisatie.

^

inschrijven

 

 

 

contact