## SB1 Webpagina maken

Leerdoelen:

- Heeft brede kennis m.b.t. informatie- en communicatietechnologie (inclusief besturing.
- Heeft specialistische kennis over het veilig digitaal werken en zorgvuldig handelen bij het produceren van informatie/content
- Heeft specialistische kennis van auteursrechten bij downloaden en hergebruiken van informatie (tekst, beeld, geluid)
- Heeft specialistische kennis van de vormen, effecten, toepassingsmogelijkheden, (bedrijfs-/veiligheids-) risico's, begrippen en terminologie van internet en (sociale) media
- Kan goede digitale omgangsvormen toepassen
- Kan datainvoermogelijkheden bedienen.
- Websites maken met behulp van sablonen.

####

#### 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.

Opdracht 1
Lees de tips van de beide weblinks hierboven goed door. Straks ga je zelf een website maken. Zie hiervoor nu ook alvast SB 2 Website maken voor het onderwerp. Zet de antwoorden op de vragen hieronder voor je zelf in een overzicht.

- Wat is de bedoeling van je website.
- Wat is de doelgroep voor je website en wat zijn de behoeften van de doelgroep.
- Hoe moet de layout er uit gaan zien, wat moet de website uitstralen. Gebruik bij dit onderwerp een moodboard. Lees hier hoe je een moodboard (sfeerbord) maakt. Hou ook rekening met de huisstijl van je bedrijf of organisatie.
- Bedenk een goede menustructuur.
- Welke functionaliteiten moet de website hebben (bijvoorbeeld of klanten moeten inloggen voor bepaalde informatie of diensten).
- Wat is de focus van je website. Houd hierbij rekening met de tips om hoger te komen bij de Google zoekresultaen, de zogenaamde SEO (Search Engine Optimalization)

Verwerkingsvorm: Presenteer het resultaat van opdracht 1 met behulp van een powerpoint (presentatie of ppt-film)

#### 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 keuedeel 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.

#### Domeinnamen

Namen van websites hebben altijd een vaste opbouw. Dit heet een domeinnaam. Bijvoorbeeld www.noorderpoort.nl is een voorbeeld van een domeinnaam. www betekent zoals bekend "world wide web", noorderpoort is de naam van de organisatie en .nl is een zogenaamde "extensie". Domeinnaam komt van Domain Name System (DNS) en dit is de manier waarop website namen op internet worden geregistreerd, om ze herkenbaar te maken. Je zou kunnen zeggen dat het domeinnaamsysteem een soort van telefoonboek is voor websites. Domeinnamen zelf omschrijven vaak zo goed mogelijk wat voor soort organisatie je bent. Zo geeft goedkoop-treinkaartje.nl heel duidelijk weer wat er op hun website te vinden is.

Er zijn ontzettend veel extensies in omloop tegenwoordig. Dat was niet altijd zo. Het begon met domeinnamen die verwezen naar het land waarin de website geregistreerd stond. Bijvoorbeeld .nl verwijst naar Nederland, .es naar Spanje, .fr naar Frankrijk.
Aangezien het aantal websites (en dus domeinnamen) explosief groeide was er al vrij snel behoefte aan meer extensies. Er kwamen extensies bij, bijvoorbeeld .com (verwijzend naar een commerciële organisatie), .org (als je wilt laten zien dat je een organisatie bent), .info en .edu (educatieve websites). Vanaf toen was het mogelijk dat een organisatie of persoon verschillende domeinnamen kon registreren door meerdere extensies te claimen. Bijvoorbeeld:
janjansen.nl
janjansen.com
janjansen.info
enzovoort.
Let op, voor elke domeinnaam moet jaarlijks een (bescheiden) bedrag worden betaald.
Je kunt altijd controleren of een domeinnaam nog beschikbaar is via een domeinnaamchecker.

Sinds kort is het hek helemaal van de dam en is eer ontzettend veel mogelijk. Recent werden domeniextensies mogelijk als .amsterdam, .frl (Fryslan), .club en nog veel meer.

Er zijn ook nog verschillende vormen van domeinnamen, zoals topleverdomeinnamen en subleveldomeinnamen.

Lees via de link hier verder over alles wat je moet weten van domeinnamen.

Klik via deze links naar het overzicht van topleveldomeinen en voor informatie over domeinnamen met eu

Opdracht 2

Beantwoord onderstaande vragen naar aanleiding van de tekst en de te bestuderen websites hierboven.

1. Controleer met behulp van de domeinchecker of een website eigenvoorenachternaam.nl nog beschikbaar is. Dus als je Diana Hoekstra heet, controleer je of dianahoekstra.nl nog beschikbaar is.En is dianahoekstra.com ook beschikbaar? En org? Zet bij je antwoord niet alleen of het wel of niet mogelijk is, maar ook wat die domeinnaam kost. Kun je bedenken waarom er prijsverschillen zijn tussen extensies?

2. Controleer of het nog mogelijk is om de domeinnaam vogelfotos te registreren. Wat is er wel en niet mogelijk en wat zijn de kosten van de eerste 5 mogelijkheiden?

3. Zoek uit van welk land .tv de topleveldomeinnaam is.

4. Wat is de topleveldomeinnaam van het Vaticaan?

5. Leg uit wat in nl.wikipedia.org het topleveldomein, het subleveldomein en het secondleveldomein is.

6. Wie kunnen allemaal de domeinnaam .eu gebruiken?