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 Dreamweaver of andere WYSIWYG (What you see is what you get) editor.
• Html.
• Css.
• Korte introductie in 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).

Dreamweaver of andere wysiwyg (What you see is what you get) editor

Dreamweaver is een programma om een website te bouwen, aan te passen en te onderhouden. Omdat het een zogenaamde WYSIWYG 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.

Dreamweaver

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

Klik voor een uitgebreidere uitleg over de overige onderdelen op de tab cursusonderdelen.

Voorbereiding: voordat de cursus begint

Bij het geven van de cursus ga ik er vanuit dat je reeds over een domeinnaam en een webhostingpakket waarop eventueel WordPress is geïnstalleerd beschikt. Wanneer dat niet zo is en wanneer je hierbij hulp nodig hebt kan Viavisia je daarbij eventueel adviseren en ondersteunen (het installeren van WordPress kost 15 euro excl. btw, mits de gekozen webhoster ook een WordPress installatie ondersteunt). Het is daarbij wel wenselijk dat je dat een aantal dagen voordat de cursus begint kenbaar maakt.

Meenemen

Een laptop met daarop eventueel de teksten, afbeeldingen en video's en dergelijke die je op de website wilt plaatsen.

Je wilt (nog) geen daadwerkelijke website?. Oftewel je wilt (nog) geen domeinnaam en webhostingpakket. Dan kan WordPress eventueel lokaal op je laptop worden geïnstalleerd. Wanneer dat zo is, dan kun je dat ook een aantal dagen voordat de cursus begint aangeven. Ik stuur je dan een duidelijke handleiding waarin staat hoe je WordPress op je computer kunt installeren. Hierdoor beschik je op je computer tevens over een lokale "server", zodat je ook de website onderdelen die buiten WordPress om zijn gemaakt op je computer kunt aanpassen en bekijken. Eventueel later kan de website van je computer naar je eigen website op internet omgezet worden.

Doordat je voordat de cursus begint al over een server beschikt waarop een website kan worden geplaatst, kan er tijdens de cursus zoveel mogelijk tijd worden besteed aan het kennismaken met webdesign zelf.

Ook is het mogelijk om van te voren specifieke wensen door te geven zodat ik daarop kan inspelen tijdens het geven van de cursus. Schroom dus niet om (minimaal een week voordat de cursus begint, dan kan ik het e.a. nog voorbereiden) om aan te geven wat je specifiek zou willen leren.

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

• 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