WEBSITE H4
Text
KICK OFF
WEBSITE
ONTWERPEN EN MAKEN
Onderdelen in deze les
Text
KICK OFF
WEBSITE
ONTWERPEN EN MAKEN
Doelstellingen
Aan het eind van dit hoofdstuk weet je meer over:
websites met verschillende doelen;
webhosting en domeinnamen;
kosten voor het vastleggen, bouwen en onderhouden van websites;
het ontwerpen van een website;
werken in een website builder;
het onderhouden van een website.
Hoofdstuk 4: Website ontwerpen en maken
Websites met verschillende doelen
Een website is een verzameling van verschillende webpagina’s. Hiermee wil je een boodschap overbrengen.
Je wilt bezoekers:
vasthouden
voorzien van informatie
terug laten komen
Hoofdstuk 4: Website ontwerpen en maken
Websites met verschillende doelen
Hoofdstuk 4: Website ontwerpen en maken
Wat is het doel
van deze websites?
Wat is het doel
van deze websites?
Wat is het doel
van deze websites?
Wat is het doel
van deze websites?
Wat is het doel
van deze websites?
Aan de slag:
Zelf maken blz 139 tm 146
LES 2
Terug kijken
Webhosting en domeinnaam
Een website heeft een domein op het World Wide Web (www). Dit is de plek waar de website staat.
Je hebt daarom een naam nodig voor je website en een extensie. Een extensie is iets als:
Een duidelijke en logische domeinnaam zorgt ervoor dat mensen jouw website sneller vinden. Een domeinnaam kan maar één keer gebruikt worden. Daar zorgt de stichting SIDN voor.
Hoofdstuk 4: Website ontwerpen en maken
Webhosting en domeinnaam
Hoe kom je aan een domeinnaam?
Deze vraag je aan bij een registrar. Deze bedrijven noemen zich ook wel een webhost of hosting providers. Een registrar regelt dit verder met het SIDN.
Hoofdstuk 4: Website ontwerpen en maken
Kosten voor websites
Er zijn diverse kosten voor het ontwerpen en maken van een website.
Hoofdstuk 4: Website ontwerpen en maken
Nieuwe begrippen :
Domein
Domeinnaam
Extensie
Registrar
Webhosting
HUISWERK WEEK 1
BLZ 139 tm 150
PRAKTIJKOPDRACHT 285-289 MAKEN IN 2 TALLEN
LES 3
Herhaling vorige les...
WEBSITE ---> DOEL 5x
Domeinnaam
Webhosting
Extensie
Website ontwerpen
Je moet weten wat voor device de bezoekers gaan gebruiken. Hierop moet je jouw ontwerp aanpassen. Je moet ervoor zorgen dat het responsive is. Dat wil zeggen dat de website op verschillende schermen goed wordt weergegeven.
Hoofdstuk 4: Website ontwerpen en maken
In gesprek met de opdrachtgever
Hoofdstuk 4: Website ontwerpen en maken
Websitestructuur
Je hebt een homepage en verschillende subpagina’s.
Je laat de kleuren, lettertypes en achtergronden bij elkaar passen en zorgt voor een geheel. Ook let je erop dat de website overzichtelijk is.
Hoofdstuk 4: Website ontwerpen en maken
Ontwerp
Hoofdstuk 4: Website ontwerpen en maken
Applicatie / App
Voor websites die veel op mobiele apparaten worden gebruik, worden apps ontwikkeld. Dit is een soort programma dat je kunt downloaden.
Gebruikers hoeven hierdoor niet meer op het World Wide Web te zoeken, maar openen voor gebruik eenvoudig een app.
Hoofdstuk 4: Website ontwerpen en maken
Website maken
Je hebt nagedacht over de boodschap en het doel.
Je kunt online en offline een website bouwen. Meestal worden er online programma’s gebruikt. Bijvoorbeeld Wix of Wordpress.
Hoofdstuk 4: Website ontwerpen en maken
Les 4
Vorige lessen
Website structuur
Header
Navigatiebalk
Footer
Back-end en front-end
Bij het bouwen van een website werk je aan de ‘achterkant’ dit noemen we ook wel de back-end van de website.
De voorkant van de website wordt de front-end genoemd. Dit is de website zoals deze voor bezoekers zichtbaar zal zijn.
Voor onderhoud aan de website wordt
vaak een CMS gekoppeld. Hiermee kan
de inhoud van de website eenvoudig
aangepast worden.
Hoofdstuk 4: Website ontwerpen en maken
Je gaat vandaag aan de slag in je duo tot blz 300
Opdracht voor vandaag was :
Minimaal een homepage en de 5 subpagina's aangemaalt
WEBSITE HOLIDAY IS THE WAY
horizontale navigatie balk met knoppen voor de 5 pagina's
Homepage
Overnachte
Eten en drinken
Activiteiten op het park
Omgeving
Contact
Let op :
voor elke pagina zijn passende afbeeldingen gezocht
kies een rustige en passende afbeelding voor de achtergrond
de teksten haal je uit het bestand website teksten (digiplein)
elke pagina heeft een gelijke lay-out
elke pagina heeft een titel
in de header staat het logo
de footer heb je aanpast
kies rustige kleuren die passen bij de huisstijl
