# Website maken

Leerdoelen:

- heeft basiskennis m.b.t. informatie- en communicatietechnologie (inclusief besturing)
- heeft basiskennis over het veilig digitaal werken en zorgvuldig handelen bij het beheren van informatie/content
- heeft basiskennis van ergonomische aspecten bij beeldschermwerk en hand-, invoer- en uitvoerapparaten
- kan basisfuncties en -mogelijkheden van een systeem voor het beheren van informatie/content toepassen
- kan normen, procedures en richtlijnen voor informatiebeheer toepassen
- kan opslagmedia en (hand-, invoer- en uitvoer-) apparaten bedienen
- kan richtlijnen rondom beeldschermwerk toepassen

#### Voorbereiding voor het maken van een website

Voordat je begint met het maken van een website moet je een aantal zaken op een rijtje zetten. Een mooie opsomming vind je in het volgende artikel:

http://www.sprout.nl/how-to/marketing/website-vullen-en-onderhouden/stappenplan-website-maken-voorbereiding

Daarnaast zijn er een tweetal principes waarbij je rekening moet houden bij het ontwerpen van een website:

1. Content is king: Ontwerp vanuit wat je wilt vertellen en niet andersom! Interessant artikel hierover: http://www.frankwatching.com/archive/2014/03/04/5-tips-voor-optimale-harmonie-tussen-content-webdesign/
2. Houd rekening met usability – Een website gebruiker is snel afgeleid, hoe hou je hem bij je.

Zelf doen of uitbesteden?

Een website laten maken kost geld en zolang het niet al te moeilijk is kun je het prima zelf doen. De tools hierna geven je een idee hoe je dit gaat aanpakken en na de komende lessen zul je zelf een website in elkaar kunnen zetten. Maar wanneer kun je toch beter het werk laten uitbesteden?

Een aantal overwegingen:

- Is je website de ondersteuning van een eenmalig evenement of om een bedrijf of organisatie te ondersteunen.
- Wat zijn de budgetten rond het evenement?
- Is het doel van de website werven (nieuwe mensen trekken) of vooral informeren. Of wellicht online verkopen.
- Moeten er vaak veranderingen aan de website plaatsvinden (nieuwsupdates, informatie bijwerken etc). In andere woorden is de website statisch of dynamisch?
- Moeten er extra tools op de website komen? Bijvoorbeeld inschrijven / aanmelden /webshop e.d.

Hoe meer tools er op de website moeten, hoe hoger de budgetten en hoe belangrijker werving is, hoe eerder je zult overwegen om de website uit te besteden. Maar de websites die jullie maken binnen dit keuzedeel moet je allemaal zelf maken.

#### Overzicht van een aantal tools om een website te maken

Online tools, bijvoorbeeld Wix.com

- Geen programmeerkennis nodig
- Werkt goed om een eenvoudige website in elkaar te zetten
- Je krijgt er gratis en voor niets ads bij tenzij je betaalt
- Geen eigen domeinnaam (moet je bij wix bestellen)
- Geen mogelijkheid om zelf iets in je ontwerp te veranderen
- Zie voor een leuk artikel hierover http://kobi.be/voor-en-nadelen-van-een-gratis-website/

Google Sites

- Erg eenvoudig om informatie online te zetten vanuit je google drive
- Website automatisch online via je google-account
- Ideaal voor bijvoorbeeld een portfolio voor school
- Handige handleiding vind je hier: http://www.webwijzer.nl/website-maken/website-maken-google-sites.html

Een CMS (content management systeem), bijvoorbeeld Wordpress

- Met een CMS kan de gebruiker, nadat een site gebouwd is, zelf inhoud aanpassen of toevoegen
- Eenvoudig een thema kiezen en online zetten of zelf een thema maken en aanpassen.
- De beste optie als je een site voor een ander maakt, die de site moet aanpassen
- Professioneel ogende site
- Veel extra functionaliteit toe te voegen door middel van plugins
- Een handleiding voor het werken met Wordpress kun je hier vinden

HTML en CSS

- Html en CSS zijn de bouwstenen van elke website. Elk van de bovenstaande tools produceert code die in html en CSS geschreven is.
- Html betekent "hypertext markup language"
- CCS betekent "cascading style sheets"
- Een eenvoudige webpagina kan je zelf vrij snel maken met html en css.
- Om je eigen aanpassingen toe te voegen in een CMS heb je ook kennis van html en CSS nodig.
- Het (betaalde) programma Dreamweaver van Adobe werkt op basis van de bouwstenen Html en CCS
- Zie voor meer informatie bijvoorbeeld deze link.