Les 7 een website ontwerpen

• Burgerschap
• MBO
• Studiejaar 1

Wat wordt bedoeld met een domeinnaam?

een website ontwerpen

Een website ontwerpen

Aan het einde van de les weten jullie meer over:

• de devices van een website.
• hoe de structuur van een website er meestal uitziet.
• de  manieren waarmee je een website kan maken.

Lesinhoud

• uitleg devices
• uitleg domeinnaam
• uitleg website structuur
• uitleg manieren website maken
• uitleg opdracht website
• evaluatie
  

website ontwerpen

Voor het ontwerpen van een website moet je weten wat het hoofddoel van de website is, welk budget beschikbaar is en voor wie deze website bedoeld is. Deze informatie hebben jullie allemaal al achterhaald.

Daarnaast ga je na welke devices er voornamelijk worden gebruikt.

Wie weet wat een device is?

Devices

dit zijn de apparaten waarmee bezoekers jouw website bekijken. Een website moet responsive zijn.  Dat betekend dat de website zich aanpast aan de grootte van het scherm  waarop de website bekeken wordt.

Denk aan laptops, telefoons, tablets.

Welke device gebruik jij meestal als je een website bezoekt?

Wat wordt bedoeld met een domeinnaam?

Een domeinnaam is een unieke naam op internet. Meestal worden domeinnamen gebruikt voor websites. Maar je kunt ook een domeinnaam aanvragen voor een persoonlijk mailadres.

Wat is in de volgende zin een domein naam. http://wehkamp.nl

1. .nl
2. wehkamp.nl
3. http://
4. wehkamp

Bron: https://www.ipsis.nl/over-ons/nieuws/top-10-duurste-domeinnamen/ 

Website structuur

De paginastructuur van de website is een belangrijk onderdeel bij het website ontwerp. dit noemen we ook wel de websitestructuur.

Als website bouwer houd je je bezig met het ontwerpen en bouwen van websites voor een bedrijf. In dat geval is het doel meestal het verkoop van artikelen of het aanbieden van diensten. Het is belangrijk dat de website overzichtelijk is. Bezoekers moeten met zo min mogelijk klikken op de juiste pagina kunnen komen. 

 

Website structuur

 Een duidelijke vlakverdeling zorgt voor een goed overzicht. Daarnaast let je op:

kleurgebruik, gebruik niet teveel kleuren door elkaar en laat de kleuren aansluiten bij de huisstijl. 

Lettertype, zorg ervoor dat het lettertype leesbaar is en de huisstijl past. 

Achtergrond, kies voor een rustige achtergrond in past bij het geheel.

 

algemeen ontwerp

websites hebben over het algemeen een ontwerp dat lijkt op deze structuur

algemeen ontwerp

dit is de homepage van de Sissy-Boy website. Wat staat er in de header? 

Op welke manieren kun je een website maken?

 1: Code schrijven: 

• m.b.v. programmeercodes/programmeertalen (HTML of JavaScript)

2: Software die bouwt op code

• programma's die een of meerdere programmeertalen als basis gebruiken. 
• vrijheid om je afbeeldingen, tekstvelden te plaatsen en eigenlijk de hele vormgeving zó te maken dat het helemaal naar jouw zin is. 
• Deze manier van ontwerpen zit tussen alles zelf schrijven en een sjabloon gebruiken in.

Op welke manieren kun je een website maken?

3: CMS staat voor content management system.

• Content is de inhoud van een website, dus alle tekst, afbeeldingen, filmpjes en dat soort dingen. 
•  CMS is een website die verschillende mogelijkheden en sjablonen aanbiedt om in te werken, waar je jouw content in kunt plaatsen.
• Je hoeft hier geen programmeertaal voor te kennen.   
• CMS heeft vaste templates (sjablonen)  waarmee het uiterlijk van een pagina of hele website bepaald wordt. Je kunt een template selecteren voor een website of voor een individuele pagina. 

Content Management System

• CMS: Content Management System: een systeem om de inhoud (content) van je website te organiseren/ betaalde & gratis versie
• Nadelen gratis CMS:

1. minder mogelijkheden,
2. vaak reclame
3. geen eigen domeinnaam maar samengestelde www.mobirise.nl\je naam

• Betaalde software/betaalde CMS-> meer mogelijkheden
  

Doel van vandaag

We gaan vandaag kijken naar:

* Eisen van je te bouwen website

* Hoe moet je beginnen met het bouwen van je website.

opdracht website concept store

Jullie gaan voor jullie gekozen concept store een website maken. Dit doen we aan de hand van Wixx. 

Wat gaan we mee beginnen om ons voor te bereiden?

• zoek een domeinnaam die een verband heeft  met de concept store
• zoek 8 mooie afbeeldingen die verband hebben met de concept store.Let bij afbeeldingen op auteursrechten! 

hoe vond jij de les?

Met welk gevoel ga je nu naar huis?