Ninja slider voor responsive banners
adobe cursus amsterdam, gecertificeerde Adobe partner
  • webdesign cursus: dreamweaver cursus
    Ninja slider: banners voor uw mooiste ontwerpen
  • responsive slider
    Mooie sliders die met CSS worden gestyled
  • HTML markup en CSS code cursus, HTML leren en CSS leren, lessen in Amsterdam
    Laat uw mooiste ontwerpen perfect uitkomen met de Ninja Slider

Ninja Slider
Een geanimeerde slider

Gebruik een slider om de aandacht te trekken
En om uw mooiste werk goed uit te laten komen

Info

Tijdens een webdesigner cursus of tijdens de webdesigner opleiding leert u heel wat. U begint met HTML en CSS en voegt daar steeds meer aan toe. Een mooie extra die u, als u eenmaal weet hoe alles werkt, kunt implementeren is bijvoorbeeld een geanimeerde banner, een slider. Sliders bestaan vaak uit een beeld dat vervangen wordt door het andere, maar er zijn ook sliders die het mogelijk maken om er tekst bovenop te plaatsen om toe te lichten waar de beelden over gaan, of om de aandacht te trekken naar het onderwerp van de pagina waarop de slider staat. Zo'n banner staat ook bovenaan elke pagina van deze website. Wij gebruiken Ninja Slider.

Slider
ophalen
Cursus les inhoud

HTML

Ken uw code: de elementen die Ninja Slider gebruikt kunt u makkelijk herkennen. De div's en andere tags kent u uit de verschillende cursussen.

Volledig responsive

Ninja Slider is een volledig responsive slider die zich dus aanpast aan de breedte van het elementen waar hij in staat.

De voordelen op een rijtje

  • U kunt in Ninja Slider YouTube, Vimeo en HTML video/audio gebruiken.
  • Volledig responsive
  • jQuery is niet nodig
  • Kan beeldmateriaal op de achtergrond laden, dat scheelt in tijd
  • Alle HTML elementen toegestaan
  • Werkt op vaste computers en op mobiele devices

De website van
Menucool

Fonts op websites gebruiken, fontkits en CSS

Menucool.com
Diverse mooie extra's

Ga naar de website van Menucool:
https://www.menucool.com

Daar vindt u van alles om de website mooier en aantrekkelijker te maken zoals geanimeerde thumbnails, verticale menu's, navigatiemogelijkheden en heel wat meer. En natuurlijk is alles perfect op elkaar afgestemd zodat scripts niet in elkaar's vaarwater komen.

Betaalversie en gratis versie

U mag de slider gratis gebruiken maar er zal om de haverklap een melding komen dat u de gratis versie gebruikt. De slider is niet zo duur: wees een professional en voorkom dat bezoekers zien dat u het geld er niet voor over hebt om een mooie website te presenteren.

De pagina van
Ninja Slider

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

Ninja Slider
Download het pakket

Ga naar deze pagina voor Ninja Slider:
https://www.menucool.com/responsive-slider

Download het complete pakket en pak het uit. Het pakket bevat instructies over hoe alles werkt.

Met alle kennis die u tijdens de Dreamweaver cursussen hebt opgedaan komt u er echt uit en hebt u in no time een mooie slider.

U zult de elementen die in de slider worden gebruikt vast herkennen. De HTML tags, de attributen en zelfs de CSS zullen u bekend voorkomen: u hebt alles leren gebruiken tijdens de verschillende Dreamweaver cursussen en natuurlijk tijdens de Webdesigner Opleiding.

Showcase
Uw mooiste werk

HTML markup cursus, HTML markup leren schrijven

Wat kunt u gebruiken in
Ninja Slider?

Stilstaande foto's en GIF's

U kunt foto's gebruiken in de slider. Dit kunnen JP(E)G's zijn maar ook PNG en geanimeerde GIF's zijn mogelijk.

Video

U kunt video in de slider gebruiken, dat maakt hem nog interessanter. Er is ondersteuning voor alle meest voorkomende videoformaten die in websites kunnen worden gebruikt.

Geluid

U kunt ook geluid in de slider gebruiken. Dat maakt het echt af.

Vind alle instructies op Menucool. Er is ook een hulpforum aanwezig. Veel plezier!

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

Kan ik met HTML/CSS apps maken?

Apps ontwikkelen

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.

Interactie met script

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.

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

Combineer webdesign met 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.

^

 

 

 

contact