Wat hebt u nodig tijdens uw training?
Download de PDF met korte tips.
Info
Nieuw
Met vernieuwd, extra materiaal studeert u zelfstandig in eigen tempo. Met huiswerk, huiswerk correctie, uw toets en extra hulp tussen lessen door lukt dit perfect. Zit u vast? U mag per les 10 minuten video bellen, of die opsparen en tijdens de cursus combineren.
U leert tijdens deze grondige cursus vanaf nul HTML markup. Dat is nodig: elk CMS systeem (zoals bijvoorbeeld WordPress en Joomla) en webeditors (zoals Dreamweaver) gebruikt deze code en elke internet pagina bevat de code dus. Gelukkig is HTML markup leuk om te leren.
Tijdens deze cursus leert u ook CSS: Cascading Style Sheets. CSS code wordt gebruikt om HTML pagina's mooi op te maken. Alle moderne CMS systemen en webeditors gebruiken zowel HTML en CSS, het laatste om paginacontent vorm te geven en op te maken.
Om lekker door te werken stapt u erna over op web editing software: u maakt met Dreamweaver webpagina's, koppelt stylesheets en voegt interactieve elementen als formulieren en links toe.
U krijgt tijdens de cursus huiswerk: stuur dit in voor correctie. Maak vooral gebruik van deze mogelijkheid: u leert van extra tips én omdat de docent ingaat op uw werk nog veel meer.
Korte introductie van uw Dreamweaver Cursus
U leert vanaf nul HTML markup schrijven in een platte tekstverwerker en test de code in de browser zodat u kunt zien wat het resultaat is en dit bij kunt sturen.
U schrijft ook CSS code op de hand. U geeft elementen vorm met CSS en leert de code inline toevoegen aan webpagina's.
Daarna maakt u met Dreamweaver webpagina's die u koppelt. U maakt stylesheets om de opmaak van de pagina's consistent te houden, zo respecteert de hele website de stijl die in het stylesheet wordt vastgelegd. Formulieren, interactiviteit, alles komt aan bod.
De cursus is voor ieder die vanaf nul zelfstandig HTML markup en CSS code wil kunnen schrijven zodat dezze ook in andere web editors en CMS systemen kan worden aangepast, en die Dreamweaver als webeditor wil gebruiken om vele webpagina's te maken voor eenvoudige of complexe websites, en deze met Dreamweaver ook wil beheren.
We gaan uit van een professionele doelstelling en intentie.
Wilt u nog meer leren? Misschien is de Dreamweaver Gevorderden Cursus helpt u om pagina's te beheren en natuurlijk ook CSS positionering. U hebt dit nodig om met de nieuwe technieken webpagina's te maken. Dit alles komt bovendien ook aan bod tijdens de Webdesigner Opleiding.
Tijdens deze les leert u HTML markup 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 markup 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.
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
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.
Layout structuren verkennen
Pagina's uitwisselen
Pagina's slim hergebruiken
Interactie tussen pagina's invoegen
Links invoegen
Links met tekst
Links met beeldmateriaal
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 markup 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.
HTML opmaaktechnieken
HTML standaard formattering
CSS code leren schrijven
CSS opmaaktechnieken
CSS voor het vormgeven van pagina's
CSS voor pagina onderdelen
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.
De interface van Dreamweaver
Praktijkopdrachten uitvoeren
Een webpagina in Dreamweaver
Invoegen van beeldmateriaal
Invoegen van interactiviteit
Links voor e-mail en externe bestanden
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.
Stylesheets gebruiken
HTML tagstijlen
CSS 'classes': speciale klassen
Pseudoklassen
CSS onderdelen op webpagina elementen
Beheer van linkstijlen
Externe stylesheets aanmaken
Ingebedde stylesheets aanmaken
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.
Werken met beeldmateriaal
Links met speciale functies
Rollovers plaatsen en deze bewerken
Kijken naar scripts
Webformulieren maken
Een website uploaden
Hosting en domeinen
De laatste les van uw cursus of module
De laatste les van uw cursus is de toetsles.
U krijgt een praktijkgerichte opdracht of serie opdrachten waarvoor u al uw nieuwe vaardigheden kunt inzetten.
De toets duurt 1:45 uur.
InDesign toetsen
Deze toetsen duren wegens de intensiteit langer.
InDesign 1: 1 maand
InDesign 2: 2 weken
Modules binnen een opleiding
Naast uw moduletoetsen hebt u ook een examenopdracht waarvoor u een maand de tijd hebt.
Binnen een maand na de laatste les
De toetsles dient binnen een maand na de laatste les van de cursus te vallen.
U mag zelf aangeven wanneer u klaar bent voor de toets.
Neem de tijd om u voor te bereiden, lees de lesboeken nog eens, maak wat opdrachten die u destijds lastig vond: u zult zien dat alles nu veel makkelijker gaat, dat geeft vertrouwen en zo ziet u ook uw eigen ontwikkeling wat heel leuk kan zijn.
Uw werk insturen & tips doorvoeren
Stuur uw werk op de afgesproken datum in. U krijgt input en tips zodat het ontwerp professioneler wordt en voldoet aan de eisen, en soms extra vragen om er zeker van te zijn dat u alles hebt begrepen. Omdat de begeleiding hier gerichter is kan de docent uw ontwikkeling meenemen in de evaluatie. Als uw werk niet helemaal voldoet krijgt u een herkansing zodat u met de tips aan de slag kunt om alles goed te krijgen.
Certificaat
Als u tijdens de cursus al het verplichte huiswerk inleverde en de toets van voldoende niveau is ontvangt u een digitaal, gecertificeerd certificaat dat u makkelijk kunt delen en naar potentiële werk- en opdrachtgevers kunt sturen.
Looptijd van uw cursus
Week 1: 2 gecombineerde lessen
Week 2: 1 single les
Looptijd 2 weken
U krijgt huiswerk en krijgt een week om dit in te leveren voor hulp en correctie.
U mag zelf uw tempo bepalen en hoeveel tijd u nodig hebt om te oefenen. Zo sluit de cursus naadloos aan bij uw eigen praktijk.
Natuurlijk horen huiswerk en huiswerkcorrecties erbij.
Week 1: 2 gecombineerde lessen
Week 2: 1 single les
Looptijd 2 weken
U krijgt huiswerk en krijgt een week om dit in te leveren voor hulp en correctie.
U kunt zelf een schema samenstellen, zo kunt u bijvoorbeeld meer lessen combineren of de lessen juist splitsen. Dit biedt de mogelijkheid om een speciaal schema samen te stellen met lestijden die u het beste uitkomen.
Lesduur van deze cursus
Elke les duurt 1.5 uur en we combineren telkens 2 lessen tot een blok van 3 uur. Bij een groter aantal deelnemers is het mogelijk dat het iets uitloopt.
U hebt geen vast schema met een docent: u mag dus zelf bepalen hoe lang u over een les doet en hoeveel tijd u per les aan het huiswerk besteedt. Uw docent staat klaar voor vragen en correctie van uw huiswerk en natuurlijk voor 10 minuten video per les.
Elke les duurt 1.5 uur en we combineren telkens 2 lessen tot een blok van 3 uur. Bij een groter aantal deelnemers is het mogelijk dat het iets uitloopt.
U mag zelf een tempo bepalen, zo kunt u bijvoorbeeld meer lessen combineren in een lesblok of lessen single volgen.
Hoe zit het met huiswerk?
Huiswerk na elke les
De verplichte opdrachten kosten per les ongeveer 5 uur.
Als u ook de extra opdrachten maakt bent u meer tijd kwijt (die overigens verrassend snel voorbij zal blijken te gaan).
Wanneer stuurt u huiswerk in?
Stuur het huiswerk in in de week die direct volgt op de les zodat uw docent dit kan evalueren voor de volgende les.
Huiswerkcorrectie
Voor correctie van uw huiswerk roostert uw docent in de week na de les tijd in. U ontvangt correcties en/of tips zodat u hiervan zoveel mogelijk leert.
Vragen stellen
Er zijn ongeveer 12/15 minuten gereserveerd voor vragen aan het begin van de les maar u bent ook tussen lessen door vie email welkom met uw vragen.
Welke soorten training zijn er?
Doe via video mee op elke plek ter wereld, ook als u tussendoor onverwacht op reis moet. Dit is de meest gekozen trainingsvorm met kleine groepen zodat deelnemers volop vragen kunnen stellen en bij elkaar mee kunnen kijken.
Reis wekelijks naar de leslocatie voor uw lessen. U hebt in een grotere groep les.
Deze vorm van training is tijdens de winter, om ziekte en uitval te vermijden, niet mogelijk.
Zit niet vast aan een schema en studeer in eigen tempo zonder docent. U mag 10 minuten per les persoonlijke videohulp aanvragen.
Boek dit als u een speciaal schema met maximaal 1 medecursist wilt.
Een speciaal schema is mogelijk; dit wordt voor u gereserveerd en vastgelegd.
Persoonlijke training is alleen beschikbaar via live video met een persoonlijke docent.
Boek dit als uw schema erg flexibel en onvoorspelbaar kan zijn.
U zit niet aan een schema vast en meldt zelf wanneer u weer beschikbaar bent voor de volgende les zodat een datum kan worden gevonden. Dit betekent ook dat u altijd in uw eentje les hebt.
Training op afroep is alleen beschikbaar via live video met een persoonlijke docent.
Wat hebt u nodig
voor uw training?
Let op: als u op uw laptop werkt dient de nodige software hierop geinstalleerd te zijn voordat de les begint, er is géén tijd voor installatie tijdens de les. Dit zou betekenen dat u niet mee kunt doen. Dit geldt ook voor de extra's die voor specifieke cursussen nodig zijn zoals Pantone, CMS, plug-ins et cetera.
Adobe software
bij uw cursus / opleiding
Bij de meeste cursussen van LearningTrain gebruikt u Adobe software, een enkel programma zoals Illustrator, Photoshop, InDesign of Dreamweaver, of meerdere programma's tijdens een opleiding. Download de Creative Cloud app en installeer hiermee de software die u nodig hebt.
Download de ENGELSTALIGE versie: de lesboeken volgen de meest recente en originele software in het Engels.
Het is belangrijk 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 soms niet aanwezig zijn, dat een Wacom tablet niet correct werkt, of dat bepaalde gereedschappen traag zijn.
Bespaar als ingeschreven cursist van LearningTrain maar liefst 65% op Adobe software.
Via onderstaande links kunt u regelmatig aanspraak maken op fikse kortingen van wel 40%. U hebt ook software nodig tijdens uw opleiding, ook deze is te downloaden via de Adobe website.
Wat krijgt u bij
deze cursus?
De software regelt u als particulier zelf, als Adobe Preferred Partner regelen we alleen voor bedrijven software en multi licensies.
Installeer een trial via de Adobe website of koop 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 t/m CS6
Hebt u voor deze
Webdesign Cursus
voorkennis nodig?
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.
U kunt zich goed op de computer redden: u kunt programma's installeren, mappen en bestanden beheren, de weg vinden op uw systeem, en natuurlijk bestanden op de goede plek opslaan, ze beheren en tussen plekken schakelen.
Bent u onzeker over uw computervaardigheden? Boek apart een lesje van een uur: u krijgt in uw eentje les dus de training is intensief. U leert wat nodig is om van uw training te kunnen profiteren. Dit is niet bedoeld om computerproblemen met hardware op te laten lossen of bijvoorbeeld te helpen met computervirussen.
Tarieven voor uw cursus
€ 795,00 exclusief BTW
€ 961,95 inclusief BTW
€ 795,00 exclusief BTW
€ 961,95 inclusief BTW
€ 825,00 exclusief BTW
€ 998,25 inclusief 21% BTW
€ 1.195,00 exclusief BTW
€ 1.445,95 inclusief 21% BTW
€ 1.325,00 exclusief BTW
€ 1.603,25 inclusief 21% BTW
Ik had de code al zien staan in Dreamweaver maar ik begreep nooit dat dingen opeens fout konden gaan. De basiscursus bestaat uit drie lessen code, dat was echt geweldig. Ik kan alles naar mijn hand zetten. Zelfs wat Dreamweaver eigenlijk niet wil. Eindelijk!
I. Wieringa
Never thought it would be easy. But I can now make my own sites. I shall do Advanced in March next year, thanks people, keep it up!
Ryan W.
Ik vond Dreamweaver helemaal te gek. Lekker klooien met codes, leren hoe je alles 'goed' toe moet passen en dan meteen het resultaat zien. En zoals voor elke cursus geldt: Geweldig lesmateriaal!!!
M.H.
Never though I'd have so much fun. Thanks folks. Code rules! (pun intended).
Scott R.
Ik zag mezelf meer als een hap en snap bij elkaar plukker van onderdelen. Lekker makkelijk! Maar het is waar: soms gaat het mis en weet jij veel wat je fout doet. Na deze cursus kan ik mezelf een codebeest noemen. Ik werk nu veel meer in code dan in design. Misschien omdat het zo'n kick is. Fantastische cursus!
Jan Boelens
Ja hoor, ook een vrouw kan HTML-en. Ik vond het te gek. Leuk te zien dat mijn vooroordeel was bevestigd en ik de enige vrouw was die meedeed maar ik was lekker wel de snelste jongens!
Carolien W.
Ik heb mijn eigen website kunnen bouwen! Na jaren bozig over de beperkte mogelijkheden van de 'gratis website' van mijn host heb ik er eindelijk een die ik leuk vind!
Carol van V.
Ik had nooit gedacht dat ik het zo leuk zou vinden. Ik 'moest' voor mijn werk maar wat vond ik het leuk. Zo leuk dat ik me nu vast aanmeld voor vervolg. Heel erg bedankt mensen!
Gabriëlle de W.
Moet lachen om 'vrouw' hierboven. Volgens mij zat ik bij jou in de groep, dame. Je was inderdaad snel maar ik ga door met vervolg. Jij ook?
R. Bouman
Vragen over webdesign en webdesign cursussen
Wat is Webdesign?
Wat is Dreamweaver?
Is Dreamweaver moeilijk?
Ik heb een oude dreamweaver versie, kan ik die blijven gebruiken?
Wat kan ik met Dreamweaver?
Moet ik HTML code leren?
Wat kan ik met HTML code doen?
Is HTML code moeilijk?
Kan ik ook HTML5 leren?
Moet ik CSS code leren?
Wat kan er met CSS code?
Is CSS code moeilijk?
Waarom zou ik Dreamweaver leren, is Is WordPress niet veel moderner?
Kan ik een WordPress cursus volgen?
Kan ik met WordPress, Joomla, Drupal et cetera websites bouwen?
Welke programma's heb ik als webdesigner nodig?
Moet ik Engels kunnen voor webdesign?
Kan ik PHP leren, PHP code?
Kan ik Javascript leren, ECMAscript?
Ik wil alleen websites ontwerpen, niet zelf bouwen. Wat heb ik nodig?
Ik moet webpagina's van een CMS beter vormgeven, is Dreamweaver daarvoor geschikt?
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.
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.
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.
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.
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.
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.
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.
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.
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.
U kunt een WordPress of andere gegenereerde website of blog aan Dreamweaver koppelen. U kunt de layout en opmaak dan perfect sturen en aanpassen.
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.
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
U kunt diverse CMS systemen koppelen aan Dreamweaver. U kunt zelfs gebruik maken van content die door een database wordt gegenereerd.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.
Ja, natuurlijk. U kunt HTML en HTML5 code leren tijdens verschillende cursussen.
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.
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.
Kijk naar twee voorbeelden van exact dezelfde heel eenvoudige pagina om het verschil te zien.
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.
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.
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.
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.
Ja, absoluut! HTML en CSS zijn nodig voor het plaatsen van de content van veel apps. Veel 'web apps' zijn dus ook opgemaakt met HTML code en CSS code, net als vrijwel alle web elementen.
Tijdens de HTML, CSS & Dreamweaver Cursus en de Dreamweaver Gevorderden cursus leert u wat u nodig hebt om allerlei content op te maken en te plaatsen. Deze kunt u vervolgens gebruiken voor webites, nieuwsbrieven, web apps en zelfs desktop apps, afhankelijk van de software die u voor het ontwikkelen van de apps gaat gebruiken.
Met HTML en CSS geeft u de content van de apps vorm en plaatst deze waar hij nodig is. Er zal ook interactie nodig zijn, die ook met HTML mogelijk is. Maar meestal wordt daar boven op ook gebruik gemaakt van scripting, EcmaScript bijvoorbeeld (de officiele naam voor JavaScript). Bepaalde software zal het scripting gedeelte van u overnemen zodat het makkelijker is om de apps te ontwikkelen.
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.
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.
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.
Ja natuurlijk. LearningTrain biedt een speciale WordPress cursus aan waarin u leert hoe u WordPress installeert, hoe u het opzet en kunt gebruiken.
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.
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.
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.
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.
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.
De volgende programma's zijn handig voor onder andere het ontwerp van de websites of voor extra website content die u wilt gebruiken.
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.
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
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.
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.
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.
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.
U komt wel javascript tegen tijdens de Dreamweaver Gevorderden Cursus en zult elementen leren aanpassen.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.