Opleiding: Webontwerp

Webdesign

Een website is een mix van vormgeving, inhoud, techniek en marketing (o.a. SEO).
Deze verschillende aspecten van webdesign worden tijdens de cursus behandeld. De nadruk ligt tijdens de cursus op het daadwerkelijk bouwen van de website. De eisen waar een website aan moet voldoen (goed zichtbaar op alle beschikbare apparaten b.v. (responsiveness) komen ruimschoots aanbod. Om een professionele website op maat te ontwikkelen, is kennis van HTML en CSS een vereiste, daarom wordt hier tijdens de cursus veel aandacht aanbesteedt. Daarnaast wordt tijdens de cursus gebruik gemaakt van  Dreamweaver en Wordpress om het e.e.a te vergemakkelijken en versnellen.

Doel cursus webdesign

Aan het einde van de cursus webdesign ben je in staat om met behulp van Wordpress of Html (bepaalt de inhoud/indeling van een webpagina) en CSS (bepaalt de opmaak van een webpagina) een gebruiksvriendelijke en aantrekkelijke website op te zetten.

Daartoe ontwikkel je gedurende de cursus je eigen website met de door jou gewenste huisstijl. Hierbij verken je tegelijkertijd de diverse grafische en technische “gereedschappen” die er beschikbaar zijn.

Doelgroep cursus webdesign

De cursus webdesign is voor iedereen die zelfstandig een website op maat wil leren bouwen en inzicht wil krijgen in het ontwikkelproces van een website.

Voorkennis cursus webdesign

Er is geen specifieke (technische) kennis vereist. Wel zijn basis computervaardigheden een must.

Cursusvorm cursus website bouwen

Klassikaal en maatwerk.

Inhoud cursus webdesign

Tijdens de cursus komen de verschillende onderdelen die bij het ontwikkelen van een website van een belang zijn uitgebreid aan bod: denk hierbij  aan vormgeving, inhoud, techniek, marketing en een z.g.n CMS systeem als Wordpress.

Beknopt overzicht inhoud cursus webdesign

• Stappen plan webdesign: van concept naar webontwerp, wensen klant vertalen naar website.
• Hosting en domeinnamen.
• Webteksten schrijven (korte introductie SEO).
• Website bouwen met HTML editor.
• HTML (inhoud website)
• CSS (opmaak lay-out website)
• Korte introductie scripts (toepassen).
• WordPress

Van Concept naar webontwerp

• Doelgroep website bepalen.
• Doel website bepalen.
• Te tonen informatie website bepalen.
• Concept ontwerp maken (wireframe/mockup).
• Vormgeving.
• Gebruiksvriendelijkheid (navigatie e.d).

HTML editor

Met HTML editor kun je een website te bouwen, aanpassen en te onderhouden. Omdat het een zogenaamde WYSIWYG (what you see is what you get) editor betreft, kun je meteen zien hoe hetgeen je hebt opgebouwd er in diverse browsers uitziet. Aan het einde van de cursus webdesign ben je in staat om met behulp van HTML(bepaalt de inhoud/indeling van een webpagina) en CSS (bepaalt de opmaak van een webpagina) een gebruiksvriendelijke en aantrekkelijke website op te zetten.       

• Verkennen werkruimte HTML editor.
• Layout website opstellen m.b.v. HTML editor.
• Opmaak layout m.b.v. HTML editor.
• Gegenereerde code HTML editor bekijken/ aanpassen.
• Templates (Sjablonen)
• Site op server plaatsen.

Html (indeling, layout van een website pagina)

Opbouw html pagina

• Header (Meta data enz.).
• Body
• Elementen html pagina.
• Elementen html5 pagina.

Html pagina's in de praktijk

• Informatiepagina's.
• Contactpagina's: google maps, formulieren.
• Video, audio, afbeeldingen.
• Kolommen layout (grid systeem).
  
  

Css (opmaak, lay-out)

• Css regels.
• Tekst
• Kleuren
• Opbouw webdesignelementen.
• Formulieren opmaken.
• Positionering van webdesignelementen.
• Effecten

Responsiveness (ontwerp aanpassen aan schermgrootte bezoeker website)

• Media query’s, wat zijn het en hoe pas je deze toe?
• Schaalbare tekst.
• Speciale css stylen voor responsiveness.

Photoshop

• Logo's, knoppen, achtergronden e.d. ontwikkelen.
• Afbeeldingen geschikt maken voor het web.

Wordpress

Mogelijkheden Wordpress verkennen:

• Website opbouwen m.b.v. Wordpress.
• Uitbreiden mogelijkheden Wordpress.
• Introductie aanpassen opmaak, lay-out Wordpress site.

Aan de slag met Wordpress:

• Algemene instellingen.
• Pagina’s, berichten plaatsen.
• Media plaatsen.
• Menu(’s) aanmaken.
• Werken met widgets.
• Plugins installeren.
• Veel gebruikte plugins.
• Beveiliging.
• Backuppen
• Werken met de “customizer” om o.a.
  de opmaak van de website naar je hand te zetten.
• Eigen CSS code toevoegen.