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.
HTML: Hyper Text Markup Language. De codetaal die wordt gebruikt voor internetpagina's. HTML wordt ontwikkeld door het W3C, het World Wide Web Consortium. Dit consortium houdt de vinger aan de pols van de ontwikkelingen van internet en heeft ook CSS ontwikkeld zodat HTML pagina's vormgegeven kunnen worden.
HTML staat aan de basis van elke pagina op het Internet. Of u nu werkt met HTML, PHP, ASP of andere internet pagina's, ze bevatten HTML markup om content op die pagina's zichtbaar te maken. Als webdesigner krijgt u te maken met webeditors als Dreamweaver en CMS (Content Management Systemen). Hierin zullen bepaalde zaken niet lukken of verkeerd uitpakken. Ingrijpen in de code is dan het enige wat helpt. Om dit te kunnen zult u die code moeten begrijpen. Dat is wat u tijdens deze cursus HTML leert.
Wat leert u tijdens uw HTML markup Cursus?
U leert vanaf nul HTML markup 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.
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 HTML & CSS Code Cursus iets voor u, of een completere cursus als de Dreamweaver Cursus waarin u ook HTML markup en CSS code leert.
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 leert werken met de elementen waaruit HTML markup bestaat: de HTML 'tags' en 'attributen'. U leert onderscheid maken tussen de elementen zelf en hun vormgeving zodat u beide later kunt scheiden.
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
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.
Tabellen
Structureren van content
Navigeren
Diverse soorten links
Na deze cursus kunt u met alleen HTML markup complete pagina's maken. Deze pagina's bevatten pure HTML markup die u in verschillende editors prima kunt gebruiken. Dit geldt natuurlijk ook voor diverse content management systemen: ook zij genereren of beheren HTML markup, het is handig HTML markup te kunnen lezen en schrijven.
Deze cursus leert u alleen HTML markup, geen CSS code. Als u uw pagina's ook mooi wilt vormgeven (opmaken) dan bent u beter af met minstens de HTML markup En CSS Code Cursus.
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
Looptijd 1 week: 2 gecombineerde lessen.
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.
Looptijd 1 week: 2 gecombineerde lessen.
U krijgt huiswerk en krijgt een week om dit in te leveren voor hulp en correctie.
U mag zelf een tempo afspreken.
Het is bovendien mogelijk om speciale lestijden af te spreken, om lessen te combineren of te splitsen.
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 is het doel van
deze webdesign cursus?
Doel is om zelfstandig HTML markup te kunnen schrijven, vanaf nul en los van webeditors zodat u onafhankelijk code kunt genereren.
HTML markup staat aan de basis van alle webpagina's, het is dus handig deze code te leren, ook als u bijvoorbeeld WordPress gebruikt.
De cursus is voor ieder die vanaf nul HTML markup wil kunnen schrijven. 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.
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?
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.
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
€ 380,00 exclusief BTW
€ 459,80 inclusief 21% BTW
€ 380,00 exclusief BTW
€ 459,80 inclusief 21% BTW
€ 395,00 exclusief BTW
€ 477,95 inclusief 21% BTW
€ 495,00 exclusief BTW
€ 598,95 inclusief 21% BTW
€ 595,00 exclusief BTW
€ 719,95 inclusief 21% BTW
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.
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.
Ik heb heel veel aan deze cursus, ik kan direct aan de slag. Fijn, bedankt!
Peter de J.
Echt vet dit. Ik kan alle code uit mijn hoofd. Ik kan zelfs WordPress tweaken zoals ik het wil.
Gé 'Staalklavier'
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.
Als je bij de code weet te komen krijg je zelfs Joomla op de knieen. Code rules!
Bart C.
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 nieuwe cursus maar wel heel handig.
Sharon P.
Het ging om CODE! En ik dacht dat ik het niet zou kunnen! Gelukt! Geweldig!
Hans van der V.
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.
Fijn nu meer grip op de HTML code te hebben. Bedankt.
Jeroen A.
Ik kan nu makkelijk in allerlei editors de code aanpassen. Bedankt voor alle reviews van mijn messy code.
Ron B.
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.
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 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.