D&P website

• Dienstverlening en Producten
• Middelbare school
• vmbo k
• Leerjaar 4

D&P

Website ontwerpen en maken 

Duurzaamheid

Doelen van de les

Aan het einde van het hoofdstuk weet je meer over:

• Websites met verschillende doelen;
• Webhosting en domeinnamen;
• Kosten voor het vastleggen, bouwen en onderhouden van websites;
• het ontwerp van een website;
• werken in een website builder;
• het onderhouden van een website 

Introductie

Je hebt de vorige les een poster gemaakt over duurzaamheid.

Vandaag start je met de module ‘’Website ontwerpen en maken’’ en ‘’Duurzaamheid’’.

Je bekijkt de opdracht over Duurzaamheid en bekijkt  eventueel ook de daarbij horende filmpjes voor meer informatie.

Je maakt kennis met RocketCake. Dit is het programma waarin je de website gaat maken.

Doelen van een website 

• Je hebt altijd een zender die een boodschap wil overbrengen
• Je hebt altijd en ontvanger die de bootschap binnen krijgt 

Verschillende doelen 

Verschillende extensies 

Een goede domeinnaam 

• Een duidelijke en logische domeinnaam zorgt ervoor dat mensen jouw website sneller vinden. 
• Een domeinnaam kan maar één keer gebruikt worden.  
• SIDN (Stichting internet domeinregistratie Nederland)

Kosten website 

Hoe kun je de kosten laag houden?

Een website bouwen en nu?

Website structuur 

• Homepagina en subpagina 
• Kleur, lettertypes en achtergronden (Lay-out)
• Mogelijk op verschillende apparaten
  

Hema. nl

We gaan de site van de Hema eens bekijken...

https:

Hema

Wat is de homepage?

Hoe staat het menu?

Wat is eigenlijk navigatie?

Homepage = de startpagina

Menu staat in deze site "horizontaal" 

Navigatie; is via de knoppen naar een andere pagina gaan

Webadres

Is de naam die je intypt als je bij de site wil komen.

Een onderdeel van je webadres is de domeinnaam. 

Domeinnaam is de naam van de website met de extensie .

Dus www.hema.nl (domeinnaam =hema en extensie.nl)

URL

Een url geeft precies aan waar op internet een bepaalde bron is.

Https: //

Http: // is een techniek waarmee de browser van degene die aan het internetten is moet communiceren met de server waarop de website staat. In dit geval is dat http.

In geval van https:// betekent dat de site beveiligd is. (bijv. internet bankieren)

Hyperlink

is een verbinding naar een andere webpagina of een ander document, bijvoorbeeld een document, foto of video.

Opdracht zoek een hyperlink in de site van de hema.

De maker van het werk mag als enige beslissen wat er met zijn werk gebeurt

dots per inch: resolutie van beeldscherm of afbeelding.

Het aanbieden van ruimte door een bedrijf aan anderen voor het opslaan van informatie, afbeeldingen, of andere inhoud die altijd toegankelijk is op een website

HyperTekst Markup Language: standaard opmaaktaal voor webpaginas

1000 bites

1000 KB

Niet verbonden zijn met een netwerk of internet

Actieve verbinding met een netwerk of internet

Een sjabloon voor een stuk code. Hiermee kun je een broncode maken zodat dit bruikbaar is voor meerdere objecten

Computerprogramma om webpagina's te bekijken

World Wide Web

Online werken

WWW

Mega byte

DPI- Waarde

Kilo byte

HTML

Offline werken

Template

Auteurs-rechten

Web-browser

Hosting

De website echt maken

Opdracht

Stap 1: Maak de opdracht ‘Duurzaamheid’

Stap 2: Neem de handleiding RocketCake door

Stap 3: Maak een website Duurzaamheid

Let op:

- Je website moet voldoen aan … (zie bestand via magister opdrachten).

- Duurzaamheid einddoelen staat bovenaan in de opdracht

Tijdlijn

Blokuur 1: Duurzaamheid poster

Blokuur 2: Website duurzaamheid

Blokuur 3: Website duurzaamheid

Blokuur 4: Website duurzaamheid (inleveren)

Begrippen duurzaamheid en van website kennen

Einddoelen 

Website ontwerpen en maken & duurzaamheid

Duurzaamheid: 

Je kunt omschrijven wat duurzaamheid is.

Je kunt onderscheid maken tussen een duurzaam en een niet duurzaam bedrijf.

Je weet welke voorwaarden een duurzaam bedrijf moet voldoen.

Website ontwerpen en maken:

Wensen van de opdrachtgever inventariseren, interpreteren en verwerken in een ontwerp voor een website.

Een begroting maken voor het bouwen, hosten en onderhouden van een website.

Het voorlopige ontwerp inclusief begroting voorleggen aan de opdrachtgever

Een website maken

De website presenteren aan de opdrachtgever en de gemaakte keuzes beargumenteren.