Website maken

• D&p
• Middelbare school
• vmbo b
• Leerjaar 2

Website maken

De wereld wordt steeds digitaler. Met een website kun je een grote doelgroep bereiken. Een website is een verzameling webpagina’s met tekst, afbeeldingen, video’s.

Door het toevoegen van bewegende beelden en geluid kun je op een aantrekkelijke

manier de informatie doorgeven.

Wat is een website

Dit is een begrip op blz 175

1. Alles wat je kan vinden op het internet
2. Website waar goederen of diensten worden verkocht
3. Dit is een verzameling van verschillende webpagina’s.
4. Hier kun je zoeken op onderwerp om informatie te vinden.

Noteer 3 websites die je veel bezoekt.
Schrijf ook op waarom je die bezoekt.

Maak 4.01 op blz. 139

Websites met verschillende doelen

Met een website wil je een boodschap overbrengen. Je gaat na wat voor boodschap je wilt overbrengen en aan welke doelgroep. Je stemt je ontwerp hierop af.

Het doel van een website kan verschillend zijn:

- Informeren Informatie staat centraal. Veel tekst op webpagina’s.

- Verkopen Webshop waar producten of diensten worden aangeboden.

- Informatie zoeken Informatie vindbaar maken: doorlinken naar andere websites.

- Verbinden Mensen met elkaar verbinden via platformen.

- Diensten aanbieden Diensten inplannen of tickets verkopen.

Lees de theorie op blz 141 tot 145

Wat is een webshop?
Theorie Blz 142

1. Alles op het internet
2. Website waar goederen of diensten worden verkocht
3. Dit is een verzameling van verschillende webpagina’s
4. Hier kun je zoeken op onderwerp om informatie te vinden.

Wat is een zoekmachine?

1. Alles op het internet
2. Bedrijven die domeinen beschikbaar stellen.
3. Dit is een verzameling van verschillende webpagina’s
4. Hier kun je zoeken op onderwerp om informatie te vinden.

Opdracht 4.03      van bladzijde 141

Informatie over een bepaald onderwerp delen

Informatie zoeken met een zoekmachine

Iets verkopen via een webshop

Mensen in contact brengen met elkaar

Een dienst aanbieden

www.hetfinancieelavies.nl

www.facebook.nl

www.ah.nl

www.google.nl

www.nu.nl

Webhosting en domeinnaam

Een website heeft een domein en dat vind je op het World Wide Web (www). 

Een domeinnaam is een naam die eindigt op .nl, .eu, .com, .net of een andere extensie. 

 

Een domeinnaam moet uniek zijn. De Stichting Internet Domeinregistratie Nederland (SIDN) controleert de domeinnamen. Op die manier komen er geen dubbele domeinnamen in omloop en blijft elke domeinnaam uniek.

Je koopt een domeinnaam bij een registrar. Een registrar is een bedrijf dat van SIDN een vergunning heeft gekregen om domeinnamen vast te leggen. Dit zijn vaak bedrijven die ook webhosting regelen. Webhosting is het huisvesten van een website.

Wat is een domein

Begrip blz 175

1. Het huisvesten van websites.
2. De informatieve tekst op een webpagina.
3. Apparaten waarmee bezoekers een website kunnen openen.
4. De plek waar de website vastligt.

Wat is een extensie?

Begrip blz 175

1. Dit geeft aan wat voor website het is en waar deze geregistreerd is.
2. De informatieve tekst op een webpagina.
3. Apparaten waarmee bezoekers een website kunnen openen.
4. Het huisvesten van websites.

Wat is een Webhosting?

Begrip blz 175

1. Dit geeft aan wat voor website het is en waar deze geregistreerd is.
2. De informatieve tekst op een webpagina.
3. Apparaten waarmee bezoekers een website kunnen openen.
4. Het huisvesten van websites.

Wat zijn webhosts?

Begrip blz 175

1. Bedrijven die domeinen beschikbaar stellen.
2. De informatieve tekst op een webpagina.
3. Apparaten waarmee bezoekers een website kunnen openen.
4. Het huisvesten van websites.

www.vakcollege.nl

Domeinnaam

Extensie

Lynn heeft een kledingwinkel. Ze verkoopt haar kleding alleen in Nederland. Haar winkel heet Fashion by Lynn.
Welke extensie kan Lynn het beste gebruiken?

Dit is vraag 4.10 op blz. 149

1. .nl
2. .org
3. .info
4. .net

De website www.fashionbylynn.nl en www.fashionbylynn.com zijn al vastgelegd. Bedenkt 2 andere domeinnamen

Dit is opdracht 4.10 op blz. 149

Kosten website en webshop

De kosten van het bouwen van een website zijn afhankelijk van:

    - Vastleggen domeinnaam

    - Ontwerpen en bouwen website

    - Onderhouden website

Populaire domeinnamen zijn duurder dan minder populaire domeinnamen. Ook de extensie is van invloed op de prijs.

Het doel van de website heeft invloed op het ontwerp en het bouwen van een website. Hierdoor heeft dit ook veel invloed op de prijs. Een uitgebreide webshop zal duurder zijn dan een informatieve website. Daarnaast kun je ervoor kiezen om een website zelf te bouwen of door professionals te laten maken. Deze kosten kunnen ook veel verschillen.

Nadat een website online is gezet, zal hij onderhouden moeten worden. Nieuwe toepassingen toevoegen zal duurder zijn. Het is slim om in één keer een goede website te bouwen. Ook al is dit in het begin duurder, het onderhoud eenvoudiger en de mogelijkheden zijn hierdoor groter.

Bij onderhoudskosten behoren ook kosten op abonnementen, koppelingen en keurmerken. Dit biedt extra functionaliteiten of laat zien dat de website aan bepaalde eisen voldoet.

Hoe komt het dat extensie als .com duurder is dan een ander extensies?

Dit is vraag 4.12 van bladzijde 151

1. Omdat het cooler is
2. Deze extensie is populairder.
3. Deze extensie is internationaal
4. Deze extensie is ouder

Bedenk een voorbeeld van onderhoud aan een website

Wat is het voordeel van een iDEAL-koppeling in de webshop.

Dit is opdracht 4.15 op blz. 154

1. Het garandeert dat alle producten binnen één dag worden bezorgd.
2. Het zorgt ervoor dat klanten alleen contant kunnen betalen bij aflevering.
3. Het maakt de webshop automatisch zichtbaar hoger in Google zonder andere inspanningen.
4. Dit is een betaalmethode die klanten kunnen gebruiken om eenvoudig af te rekenen in een webshop.

Waarom zou een webshop een keurmerk willen?

Dit is opdracht 4.15 op blz. 154

1. Omdat het logo zo mooi staat naast het winkelmandje.
2. Hiermee laat een website zien dat ze over bepaalde zaken hebben nagedacht. Dit schept vertrouwen bij de klanten.
3. Zodat de eigenaar tegen z’n moeder kan zeggen dat hij “officieel goedgekeurd is door het internet
4. Omdat klanten dol zijn op extra icoontjes om op te klikken zonder te weten wat ze betekenen.

Websites met verschillende doelen

Voordat je een website gaat ontwerpen moet je weten voor wat het hoofddoel is, welk budget er is en wie de doelgroep is. Ook kijk je welke devices er worden gebruikt voor het bezoeken van je website. De website moet namelijk rsponsive zijn.

 

Een website heeft meerdere webpagina’s met informatie. Dit zie je terug in een websitestructuur. Deze ontwerp je als eerste, omdat dit de basis is voor het maken van een website.

Het eerste wat mensen zien als ze op een website komen is de homepage.

De homepage is de toegangspagina van de website. Na de homepage ontwerp je overige webpagina’s. Ook wel subpagina’s genoemd.

Je stemt kleurgebruik, lettertype en achtergrond op elkaar af. Je zorgt ervoor dat elke webpagina overzichtelijk blijft.

Webpagina’s hebben meestal een volgende ontwerp: 

Lees de tekst op blz. 163

Sleep de plus naar de navigatie

Wat is een website structuur?

blz 176 begrip

1. De informatieve tekst op een webpagina.
2. De pagina waar iedereen als eerste op terecht komt.
3. De manier hoe een website is opgebouwd. De combinatie van verschillende pagina’s.
4. Deze vind je onder aan de pagina. Hierin vind je eventueel links naar sociale media of adresgegevens.

Wat is een Homepage

blz 176 begrip

1. De informatieve tekst op een webpagina.
2. De pagina waar iedereen als eerste op terecht komt.
3. De manier hoe een website is opgebouwd. De combinatie van verschillende pagina’s.
4. Deze vind je onder aan de pagina. Hierin vind je eventueel links naar sociale media of adresgegevens.

Wat is een header

blz 176 begrip

1. De informatieve tekst op een webpagina.
2. Kop of titel van de website.
3. Hiermee kun je teksten in stukken opdelen. Dit vergroot de leesbaarheid.
4. Deze vind je onder aan de pagina. Hierin vind je eventueel links naar sociale media of adresgegevens.

Wat is een navigatiebalk

blz 176 begrip

1. Hier vind je de websitestructuur en naar welke pagina’s je kunt navigeren.
2. Kop of titel van de website.
3. Hiermee kun je teksten in stukken opdelen. Dit vergroot de leesbaarheid.
4. Deze vind je onder aan de pagina. Hierin vind je eventueel links naar sociale media of adresgegevens.

Wat is een section

blz 176 begrip

1. De informatieve tekst op een webpagina.
2. De belangrijkste tekst komt in de section te staan.
3. Hiermee kun je teksten in stukken opdelen. Dit vergroot de leesbaarheid.
4. Deze vind je onder aan de pagina. Hierin vind je eventueel links naar sociale media of adresgegevens.

Wat is een heading

blz 176 begrip

1. De informatieve tekst op een webpagina.
2. De belangrijkste tekst komt in de section te staan.
3. Hiermee kun je teksten in stukken opdelen. Dit vergroot de leesbaarheid.
4. Deze vind je onder aan de pagina. Hierin vind je eventueel links naar sociale media of adresgegevens.

Wat is een Article

blz 176 begrip

1. De informatieve tekst op een webpagina.
2. De belangrijkste tekst komt in de section te staan.
3. Hiermee kun je teksten in stukken opdelen. Dit vergroot de leesbaarheid.
4. Deze vind je onder aan de pagina. Hierin vind je eventueel links naar sociale media of adresgegevens.

Wat is een Aside

blz 176 begrip

1. De informatieve tekst op een webpagina.
2. De informatie waar je niet door kunt klikken. Dit is vaak een afbeelding.
3. Hiermee kun je teksten in stukken opdelen. Dit vergroot de leesbaarheid.
4. Deze vind je onder aan de pagina. Hierin vind je eventueel links naar sociale media of adresgegevens.

Wat is een footer

blz 176 begrip

1. De informatieve tekst op een webpagina.
2. De informatie waar je niet door kunt klikken. Dit is vaak een afbeelding.
3. Hiermee kun je teksten in stukken opdelen. Dit vergroot de leesbaarheid.
4. Deze vind je onder aan de pagina. Hierin vind je eventueel links naar sociale media of adresgegevens.

Sleep de plus naar de navigatie.

Tekst

Dit is opdracht 4.24 op blz. 164

Sleep de plus naar de header.

Tekst

Dit is opdracht 4.24 op blz. 164

Waarom moet de huisstijl van een bedrijf terugkomen in de website?

Dit is vraag 4.23 op blz. 163

1. Zodat de website niet per ongeluk de huisstijl van de concurrent krijgt.
2. Omdat anders de kleuren zich eenzaam voelen zonder hun logo-vriendjes.
3. Om er zo voor te zorgen dat het herkenbaar is voor de gasten en klanten.
4. Zodat de printer op kantoor niet jaloers wordt op het internet.

Hoe zorg je bij het ontwerpen en bouwen voor een goede overzichtelijke website

Dit is vraag 4.23 op blz. 163

1. Zet alles op de homepage
2. Door een duidelijke paginastructuur aan te brengen en een duidelijke vlakverdeling.
3. Gebruik minimaal 12 verschillende lettertypes
4. Verstop het menu..

Website maken. Lees de tekst blz. 167

Er zijn verschillende stappen in het maken van een website. 

Een website maak je met een software programma, een website builder, in het Nederlands website bouwer. Je kunt de website builders verdelen in twee groepen, online en offline programma’s. Beiden brengen verschillende voor- en nadelen met zich mee.

Wanneer je een offline werkt, wordt er vaak een programeertaal gebruikt. HTML is een programmeertaal of programmeercode.

In een editor kun je de tekst van de programmeertaal of programmeercode veranderen.

De meest eenvoudige manier is de online websitebuilder. Je hebt hierbij een back-end en front-end. Aan de back-end kun je aanpassingen doen en de front-end is hoe bezoekers de website zien.

Doordat een website aan een CMS wordt gekoppeld, kunnen bedrijven eenvoudige aanpassingen in de back-end zelf aanpassen. Hierdoor hebben zij invloed op de content van een website. Om aanpassingen te doen, moet een gebruiker eerst inloggen in een beheeromgeving.

Wat is een App?

Begrip op blz. 177

1. Inhoud die teksten, afbeeldingen en video’s bevat.
2. Het bouwen van een website. Vaak is dit een softwareprogramma.
3. Programma’s voor het bouwen van een website die internet gebruiken.
4. De afkorting voor applicatie. Een programma voor op je mobiele telefoon.

Wat is content?

Begrip op blz. 177

1. Inhoud die teksten, afbeeldingen en video’s bevat.
2. Het bouwen van een website. Vaak is dit een softwareprogramma.
3. Programma’s voor het bouwen van een website die internet gebruiken.
4. De afkorting voor applicatie. Een programma voor op je mobiele telefoon.

Wat is een website builder?

Begrip op blz. 177

1. Inhoud die teksten, afbeeldingen en video’s bevat.
2. Het bouwen van een website. Vaak is dit een softwareprogramma.
3. Programma’s voor het bouwen van een website die internet gebruiken.
4. De afkorting voor applicatie. Een programma voor op je mobiele telefoon.

Wat is een online website builder?

Begrip op blz. 177

1. Inhoud die teksten, afbeeldingen en video’s bevat.
2. Het bouwen van een website. Vaak is dit een softwareprogramma.
3. Programma’s voor het bouwen van een website die internet gebruiken.
4. De afkorting voor applicatie. Een programma voor op je mobiele telefoon.

Wat is een offline website builder?

Begrip op blz. 177

1. Programma’s voor het bouwen van een website die geen internet gebruiken.
2. Het internet
3. Programma’s voor het bouwen van een website die internet gebruiken.
4. Het bouwen van een website. Vaak is dit een softwareprogramma.

Wat is HTML?

Begrip op blz. 177

1. De achterkant van de website. De plek waar alle gegevens zichtbaar zijn een aanpassingen gedaan kunenn worden.
2. Dit is een opmaaktaal, ook wel Hyper Tekst Markup Language.
3. Programma’s voor het bouwen van een website die internet gebruiken.
4. De voorkant van de website die voor bezoekers zichtbaar is.

Wat is Back-End??

Begrip op blz. 177

1. De achterkant van de website. De plek waar alle gegevens zichtbaar zijn een aanpassingen gedaan kunnen worden.
2. Dit is een opmaaktaal, ook wel Hyper Tekst Markup Language.
3. Programma’s voor het bouwen van een website die internet gebruiken.
4. De voorkant van de website die voor bezoekers zichtbaar is.

Wat is Front-end??

Begrip op blz. 177

1. De achterkant van de website. De plek waar alle gegevens zichtbaar zijn een aanpassingen gedaan kunnen worden.
2. Dit is een opmaaktaal, ook wel Hyper Tekst Markup Language.
3. Programma’s voor het bouwen van een website die internet gebruiken.
4. De voorkant van de website die voor bezoekers zichtbaar is.

Wat is CMS??

Begrip op blz. 177

1. De achterkant van de website. De plek waar alle gegevens zichtbaar zijn een aanpassingen gedaan kunnen worden.
2. Dit is een opmaaktaal, ook wel Hyper Tekst Markup Language.
3. Content Management System, waarbij je zelf de website kunt beheren en eenvoudige gegevens kunt aanpassen.
4. De voorkant van de website die voor bezoekers zichtbaar is.