De taken van
de webdesigner
De programma's
voor de webdesigner
Takenpakket
Ontwerpen
Websites ontwerpen is een vak apart. U zult gevoel moeten hebben voor opmaak en kleur en ook voor vlakverdeling.
Websites ontwerpen is iets heel anders dan websites bouwen. Voor het ontwerpen van websites wordt vaak gebruik gemaakt van Illustrator of Photoshop. Hiermee kunt u, met name in Illustrator, elementen makkelijk verplaatsen en omkleuren en wat u voor ogen hebt bij elkaar zetten. U kunt er een voorbeeld mee maken voor uw klant zodat hij kan kijken of het ontwerp bevalt. En natuurlijk kunt u aan de hand van dit voorbeeld de website bouwen.
Bijbehorende programma's
Bouwen en onderhouden
Websites bouwen is iets heel anders dan het ontwerpen ervan. Bouwen wordt in andere programma's gedaan: programma's die uw ontwerp omzetten in code (HTML, CSS en voor speciale interactie ook scripts en PHP). En die code zorgt op zijn beurt voor pagina's die op internet kunnen worden gebruikt.
Die code is dus onder andere HTML code: HyperText Markup Language. Elk programma waarmee u een website bouwt (ook als de ontwikkelaar van dat programma zegt dat er geen code aan te pas komt ;) ) heeft deze code nodig. U dus ook! U kunt dan buiten de mogelijkheden van dat programma treden en de website precies zo krijgen als u wilt.
Alles, alles, alles ontwerpen
Maar niet alleen dat. Hebt u er weleens bij stilgestaan dat een website knopjes kan gebruiken, speciale kleuren of achtergronden? Alles wat u op een website ziet zult u ervoor moeten ontwerpen. Elk plaatje, elk knopje, de kleur van de links, de achtergrondkleur van de formulieren en ook alle verschillende soorten pagina's.
bouwen
Een website bouwen (de code voor de website produceren) kan in Dreamweaver worden gedaan, óók als u de website later in WordPress of in een ander Content Management Systeem (CMS) wilt gebruiken en/of beheren.
Omzetten voor internetgebruik
Als u alles hebt vormgeven, tot in de kleinste details, zult u het ontwerp moeten omzetten voor gebruik op internet. Want uw ontwerp kan niet zomaar op internet worden gezet: het is slechts een stilstaand beeld zonder interactie mogelijkheid. U zult het moeten omzetten in iets wat op internet kan worden gebruikt: pagina's met code, compleet met interactieve elementen voor de navigatie of speciale elementen als lightboxes en jquery extra's.
Waarin gaat u werken?
Een website bouwen (de code voor de website produceren) kan in Dreamweaver worden gedaan, óók als u de website later in WordPress of in een ander Content Management Systeem (CMS) wilt gebruiken en/of beheren.
Ook het onderhouden van een website is prachtig in Dreamweaver te doen: als u een bestand aanpast kan door de hele website heen de wijziging worden doorgevoerd. Dreamweaver is met recht een krachtig CMS systeem.
Ook als u met een ander content management systeem (CMS) gaat werken is het fijn om de website layout in Dreamweaver te maken. U kunt de pagina's die u in Dreamweaver bouwt prima omzetten in themes/templates (sjablonen) voor WordPress, Joomla en andere CMS omgevingen.
Programma's voor het ontwerpen en bouwen van websites. En voor het maken van themes en sjablonen in content management systemen.
Website ontwerp (webdesign)
Een werkelijk ideaal programma waarmee u makkelijk alle elementen niet alleen kunt ontwerpen maar ook verplaatsen en samenstellen. Het ontwerpen van een website is nog nooit zo efficiënt en vooral ook: leuk! geweest. Deze website is dus natuurlijk ook in Illustrator ontworpen.
Een cursus Illustrator >
U kunt ook in Adobe Photoshop een website ontwerpen. Het omkleuren en verplaatsen van elementen gaat erin ook prima maar vereist net wat meer kennis. Er zijn voor tekst ook minder mogelijkheden dan in Adobe Illustrator. Al met al zal dit, als u Illustrator beheerst, de tweede keus zijn. Maar omdat u Photoshop moet beheersen voor het bewerken en verwerken van beeldmateriaal op de websites slaat u met Photoshop twee vliegen in een klap.
Als u Photoshop al beheerst kunt u kiezen voor de comfort zone of de uitdaging aangaan en Illustrator leren. U zult hiervan geen spijt krijgen.
website bouw en onderhoud
Dreamweaver is een van de meest gebruiksvriendelijke web editors die er zijn. U kunt erin de pagina's precies zo krijgen als u wilt en gebruik maken van HTML, PHP, XML, ASP, CSS, JavaScript en heel wat meer. Dreamweaver biedt een bijzonder flexibel en uitgebreid pakket aan mogelijkheden.
Een cursus Dreamweaver >
Ook voor het onderhouden van websites is Dreamweaver ideaal. U werkt met een programma waarin u zowel code als design kunt zien en bovendien makkelijk elementen kunt invoegen, net zo eenvoudig als u in bijvoorbeeld Word beeldmateriaal invoegt.
Een cursus Dreamweaver >
En WordPress dan?
Er wordt al snel geroepen om een website in bijvoorbeeld in WordPress te bouwen. En dat kan ook maar tegelijk ook niet... WordPress is meer een Content Management Systeem waarin u minder grip hebt op de code. En als u die grip toch wilt... kunt u Dreamweaver inschakelen.
Een cursus WordPress >