Illustrator artwork, vector graphics
adobe cursus amsterdam, gecertificeerde Adobe partner
  • HTML code en CSS code cursus, lessen in Amsterdam
    HTML Code Cursus
  • CSS code cursus, inline CSS en stylesheets, cursus in Amsterdam
    CSS code leren voor opmaak van HTML elementen op webpagina
  • HTML code en CSS code cursus, HTML leren en CSS leren, lessen in Amsterdam
    Leer HTML code voor het maken van webpagina's en CSS code voor het opmaken van die webpagina's

Leer tijdens deze webdesign cursus HTML code en CSS code schrijven: codeer op de hand en voeg tags, attributen en CSS styling toe

INFO

Tijdens deze webdesign cursus leert u HTML code en CSS code schrijven: Hyper Text Markup Language, de basis van alle webpagina's. U gebruikt alleen een platte tekst editor en maakt dus geen gebruik van Dreamweaver of andere webeditors. Zo leert u de code echt vanaf nul schrijven.

HTML opmaak is beperkt: de mogelijkheid om elementen en daarmee de pagina mooi op te maken zijn dus minimaal. U hebt CSS nodig om de elementen vorm te geven zodat ze aantrekkelijker worden gepresenteerd. Zo kunt u bijvoorbeeld links een kleur geven, of koppen groter of kleiner maken. Omdat alle webeditors en veel grafische programma's HTML en CSS code kunnen genereren is het handig u hierin te verdiepen.
U krijgt huiswerk bij deze webdesign cursus. Om het meeste profijt te hebben van uw cursus kunt u dit insturen zodat uw code kan worden gecorrigeerd.

les inhoud Cursus les inhoud

HTML code schrijven

U leert vanaf nul HTML code schrijven. U schrijft de code in een platte tekstverwerker en test de code in de browser zodat u kunt zien wat het resultaat is en dit bij kunt sturen.

CSS code schrijven

Daarna schrijft u CSS code. Ook die code krijgt u in de vingers met speciale opdrachten. U combineert de HTML code met de CSS code en schrijft hiermee complete internet pagina's.

Resultaat in de browser

U gaat natuurlijk ook het resultaat in de browser bekijken: zo ziet u hoe uw code de pagina beinvloedt en wat elke wijziging voor gevolgen heeft. U kijkt dus naar zowel code als design.

Wilt u nog meer leren? Misschien is de Webdesigner Opleiding iets voor u, of een andere webdesign cursus.

Webdesign Cursus
HTML code CSS Code 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 leert werken met de elementen waaruit HTML code bestaat: de HTML 'tags' en 'attributen'. U leert onderscheid maken tussen de elementen zelf en hun vormgeving zodat u beide later kunt scheiden.

Lessoort: single les
Totale lesduur: ± 2 uur

De elementen van een webpagina
De tags
Attributen in HTML
HTML, HTML5 en XHTML: wat is goed?
HTML en structuur
Complete pagina's maken in HTML
Grafische bestanden invoegen

Webdesign Cursus
HTML code CSS Code Les 2

Adobe Illustrator Cursus, gevorderden cursus in Amsterdam, illustraties maken met Illustrator

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 en kunt navigeren op pagina's door verschillende soorten links aan te maken. Zo ontstaat interactiviteit en navigatie van de ene pagina naar de andere.

Lessoort: gecombineerde les
Lesduur met combinatieles: ± 3 uur

Tabellen
Structureren van content
Navigeren
Diverse soorten links

Webdesign Cursus
HTML code CSS Code Les 3

Adobe Illustrator Cursus Gevorderden in Amsterdam, logo, graphics, infographics tekenen in Illustrator

CSS code toevoegen
HTML code en CSS code combineren

Tijdens uw werk als webdesigner zult u al snel de behoefte hebben aan het op een bijzondere manier presenteren van de website content. Deze les is gewijd aan het met HTML en CSS formattering opmaken van deze content. U gaat eerst aan de slag met de mogelijkheden binnen HTML formattering.

Daarna gaat u aan de slag met integraal uitgeschreven CSS code. Deze code komt u ook tegen als u, mocht u dit willen, later door wilt gaan met CSS en met stylesheets wilt gaan werken.

Lessoort: gecombineerde les
Lesduur met combinatieles: ± 3 uur

Speciale formattering met HTML
Diverse CSS opmaak gebruiken
Koppen en speciale opmaak
Opmaak van links


Vragen over deze cursus

Cursus HTML code en CSS Code in Amsterdam

Groepstraining 2-weekse looptijd

Week 1: 1 single les
Week 2: 2 gecombineerde lessen

Looptijd 2 weken
U krijgt huiswerk en krijgt een week om dit in te leveren voor hulp en correctie.

Wilt u persoonlijke training?

U hebt les met maximaal 1 medecursist.
U mag alle lessen combineren op dezelfde dag of het normale tempo aanhouden.

Wilt u de lessen absoluut apart volgen boek dan persoonlijke gereserveerde training.

Illustrator artwork, vector graphics

Groepstraining 2-weeks

1 x 2 gecombineerde lessen à 1.5 uur
1 x single les van ± 2 uur

Persoonlijke training

1 x 2 gecombineerde lessen à 1.5 uur
1 x single les van ± 1.5 uur

Persoonlijke gereserveerde training

Lessen kunnen single worden geboekt of juist alle drie worden gecombineerd zodat alle lessen op dezelfde dag vallen.

Single lessen 1.5 uur

Doel van de cursus

Doel is om zelfstandig HTML en CSS code te kunnen schrijven en checken op fouten. Na deze cursus kunt u vanaf nul webpagina's schrijven met de code die u hebt geleerd. Deze cursus geeft u bovendien grip op de HTML en CSS code die u in de praktijk in allerlei (web-) editors en CMS systemen als WordPress, Joomla en Type3 zult tegen komen.

Cursus voor alle creatieven

De cursus is voor ieder die vanaf nul HTML code wil kunnen schrijven en die ook de syntax van CSS code wil leren. Zo kan de code die door web editors en zelfs grafische programma's wordt gegenereerd worden bijgewerkt en kan in bijvoorbeeld WordPress beter naar elementen worden gekeken zodat die kunnen worden bijgewerkt.

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 cursus
  • Oefenmateriaal: geef bij inschrijving aan of u uw laptop meeneemt, daarop kunt u dan van tevoren oefenmateriaal installeren.

Nodig tijdens huiswerk maken

  • Als voor uw cursus software nodig is: het programma van uw cursus. Koop het 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.

De cursus is inclusief

  • Cursusgeld
  • Syllabus
  • Digitale boeken met erin wat tijdens de les aan bod is gekomen, extra opdrachten en huiswerk opdrachten
  • Extra telefonische en e-mail support tot een week na de cursus
  • Huiswerk
  • Persoonlijke huiswerk correctie

En de software?

U hebt voor deze cursus geen speciale software nodig: u gaat de code namelijk op de hand schrijven. De platte tekst verwerker die standaard in uw besturingssysteem is voorgeinstalleerd is hiervoor prima geschikt. Voor Windows is dit Notepad, voor Mac, afhankelijk van uw versie, TextEdit(or) of PlainText. Er is ook gratis externe software te downloaden waarmee u kunt werken, deze bieden vaak meer functionaliteiten maar dienen in ieder geval pure platte tekst zonder opmaak te genereren.

Voorkennis

U hebt geen voorkennis nodig voor deze cursus. U hoeft nog niets over webdesign of code te weten, sterker nog: het is het beste om er blanco in te gaan zodat u geen dingen af hoeft te leren.

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.

Groepscursus

Gebruikelijke looptijd
2 weken

€ 495,00 exclusief BTW
€ 598,95 inclusief 21% BTW

Persoonlijke cursus, 2 pers. max

Gebruikelijke looptijd
2 weken of 1 week

€ 595,00 exclusief BTW
€ 719,95 inclusief 21% BTW

 

Wilt u een cursus 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)

€ 695,00 exclusief BTW
€ 840,95 inclusief 21% BTW

Reviews

Illustrator cursus reviews

Bijzonder

Ik heb genoten van deze cursus. Ik wilde al een flinke poos meer weten over de vormgeving met CSS3 maar het leek me lastig. Heel bijzonder.
Jan J.

Duidelijk

Deze cursus is heel duidelijk opgezet. Je leert alles vanaf het begin en de cursus is helder opgezet, zelfs met lesmateriaal en huiswerkopdrachten. Heel duidelijk.
Jan. V.

Fijn, bedankt

Ik heb heel veel aan deze cursus, ik kan direct aan de slag. Fijn, bedankt!
Peter de J.

Zelfs WordPress

Echt vet dit. Ik kan alle code uit mijn hoofd. Ik kan zelfs WordPress tweaken zoals ik het wil.
Gé 'Staalklavier'

Code

Ik had deze cursus nodig omdat ik met programma's werk die code genereren. Ik snapte niks van die code. En nu wel. Fijne korte cursus die in de lessen alles uit de doeken doet om goed te kunnen werken.
Paul W.

Of Joomla

Als je bij de code weet te komen krijg je zelfs Joomla op de knieen. Code rules!
Bart C.

No nonsens

Heldere no nonsense cursus met goede sfeer. Met een vrouw in ons groepje die zat te neuriën terwijl wij heren ploeterden. Ze had het kennelijk goed naar haar zin. Wij ook!
Jacob K.

Net nieuw

Net nieuwe cursus maar wel heel handig.
Sharon P.

Code 2

Het ging om CODE! En ik dacht dat ik het niet zou kunnen! Gelukt! Geweldig!
Hans van der V.

Gaaf

Ik dacht dat het saai zou zijn, mijn baas stuurde me omdat onze website door een amateur was opgezet en de code moest worden opgeschoond. Maar het is gewoon gaaf!
Jorine P.

Grip

Fijn nu meer grip op de HTML code te hebben. Bedankt.
Jeroen A.

Handig

Ik kan nu makkelijk in allerlei editors de code aanpassen. Bedankt voor alle reviews van mijn messy code.
Ron B.

Kennis

Ik had te weinig kennis om mee te kunnen doen. Maar eerlijk is eerlijk dat was me ook verteld.
Deze cursus is dus niet geschikt voor beginners, je moet echt al weten hoe CSS code werkt en ook kennis van HTML is handig of eigenlijk zelfs hard nodig! Niet doen als je dat niet weet, dat is zonde van je geld. Maar ik wil nu toch ook leren hoe ik websites bouw straks zal ik er vast heel veel aan hebben.
M. de B.

Fijne extra's

Fijn om te weten hoe alles is opgebouwd ik kan nu makkelijk door met de rest. Fijne extra's zijn met CSS3 op onze website nodig.
Hans de J.

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