D&P website

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

In deze les zitten 24 slides, met interactieve quizzen en tekstslides.

Onderdelen in deze les

D&P
Website ontwerpen en maken 
Duurzaamheid

Slide 1 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

Verschillende doelen 

Slide 5 - Tekstslide

Deze slide heeft geen instructies

Verschillende extensies 

Slide 6 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

Kosten website 

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Hoe kun je de kosten laag houden?

Slide 9 - Tekstslide

Deze slide heeft geen instructies

Een website bouwen en nu?

Slide 10 - Tekstslide

Deze slide heeft geen instructies

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

Slide 11 - Tekstslide

Deze slide heeft geen instructies

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

Slide 12 - Tekstslide

Deze slide heeft geen instructies

Slide 13 - Link

Deze slide heeft geen instructies

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

Slide 14 - Tekstslide

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 - Tekstslide

Deze slide heeft geen instructies

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

Slide 16 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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


Slide 18 - Tekstslide

Deze slide heeft geen instructies

Opdracht zoek een hyperlink in de site van de hema.

Slide 19 - Open vraag

Deze slide heeft geen instructies

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 - Sleepvraag

Deze slide heeft geen instructies

De website echt maken

Slide 21 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies