D&P website

D&P
Website ontwerpen en maken 
Duurzaamheid
1 / 24
suivant
Slide 1: Diapositive
Dienstverlening en ProductenMiddelbare schoolvmbo kLeerjaar 4

Cette leçon contient 24 diapositives, avec quiz interactifs et diapositives de texte.

Éléments de cette leçon

D&P
Website ontwerpen en maken 
Duurzaamheid

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

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 

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

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.



Slide 3 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

Verschillende doelen 

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

Verschillende extensies 

Slide 6 - Diapositive

Cet élément n'a pas d'instructions

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)


Slide 7 - Diapositive

Cet élément n'a pas d'instructions

Kosten website 

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

Hoe kun je de kosten laag houden?

Slide 9 - Diapositive

Cet élément n'a pas d'instructions

Een website bouwen en nu?

Slide 10 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 11 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 12 - Diapositive

Cet élément n'a pas d'instructions

Slide 13 - Lien

Cet élément n'a pas d'instructions

Hema
Wat is de homepage?
Hoe staat het menu?
Wat is eigenlijk navigatie?

Slide 14 - Diapositive

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)

Slide 15 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 16 - Diapositive

Cet élément n'a pas d'instructions

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)

Slide 17 - Diapositive

Cet élément n'a pas d'instructions

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


Slide 18 - Diapositive

Cet élément n'a pas d'instructions

Opdracht zoek een hyperlink in de site van de hema.

Slide 19 - Question ouverte

Cet élément n'a pas d'instructions

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

Slide 20 - Question de remorquage

Cet élément n'a pas d'instructions

De website echt maken

Slide 21 - Diapositive

Cet élément n'a pas d'instructions

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




Slide 22 - Diapositive

Cet élément n'a pas d'instructions

Tijdlijn
Blokuur 1: Duurzaamheid poster
Blokuur 2: Website duurzaamheid
Blokuur 3: Website duurzaamheid
Blokuur 4: Website duurzaamheid (inleveren)

Begrippen duurzaamheid en van website kennen

Slide 23 - Diapositive

Cet élément n'a pas d'instructions

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.












Slide 24 - Diapositive

Cet élément n'a pas d'instructions