Europese Territoriale Samenwerking Edwin Koning Ministerie van Infrastructuur en Milieu.
‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op...
-
Upload
annemie-sasbrink -
Category
Documents
-
view
224 -
download
6
Transcript of ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op...
![Page 1: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/1.jpg)
‘LEREN MET @WIN.NL’
Door: Edwin van Nieuwaal
1
![Page 2: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/2.jpg)
Doelen
Werkmiddagen! Ieder vak een website op het
leerlingenweb http://leerlingen.wartburg.nl Internetopdrachten Webquests Links
2
E.M. van Nieuwaal
![Page 3: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/3.jpg)
Wat is het internet?
1969 ARPANET militair netwerk 1981 BITNET en CSNET universiteitsnetwerk 1980 Commerciële aanbieders van internet in
USA 1983 EARN Europees Academish netwerk
voor onderzoek 1985 Commerciële aanbieders van internet in
Europa Nu wereldwijd netwerk van computers
3
E.M. van Nieuwaal
![Page 4: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/4.jpg)
Het internet
2,0 miljard gebruikers eind 2008
4
E.M. van Nieuwaal
![Page 5: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/5.jpg)
Een website
Een website, weblocatie, of webstek (vaak afgekort tot: site) is een verzameling samenhangende webpagina's die op het wereldwijde web op het internet te bereiken zijn. Een website wordt opgebouwd in HTML, een opmaaktaal, in combinatie met opmaakelementen in CSS en dynamiek via technieken als Javascript, Flash, CSS of PHP. Een webbrowser vertaalt de informatie en biedt mensen de mogelijkheid om de interactieve elementen binnen een website, zoals hyperlinks, te gebruiken. De belangrijkste technieken achter websites, zoals HTML en CSS, worden beheerd en uitgebreid door het World Wide Web Consortium, beter bekend als het W3C. De directeur van het W3C is Tim Berners-Lee, die in 1991 de eerste website maakte en de taal HTML bedacht.
5
E.M. van Nieuwaal
![Page 6: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/6.jpg)
Hoe weet je browser dat?
Iedereen een nummer IP adres IP = Internet Protocol 80.57.46.246 is het adres van mijn
internetaansluiting thuis Daar kun je naar toe via
http://edwinnie.homedns.org 77.61.240.66 wijst naar www.wartburg.nl SIDN regelt in Nederland de domeinnamen
http://www.sidn.nl
6
E.M. van Nieuwaal
![Page 7: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/7.jpg)
SIDN Domeinnaam wartburg.nl Status actief Houder WAR002188-KPN00
Wartburg CollegeHaastrechtstraat 253079DC ROTTERDAMNetherlands
Gehouden aan ADR ja Administratieve contactpersoon ROZ001241-KPN00
W. Rozendaal+31 (0)[email protected]
Deelnemer KPNRegulusweg 12516AC 'S-GRAVENHAGENetherlands
Technische contactpersonenDOM001326-KPN00KPN Domain Office+31 (0)[email protected]
Domeinnaamservers ns3.kpn.net ns4.kpn.net Datum registratie 22-04-1998 Datum laatste wijziging 27-12-2007 Administratie door NL Domain Registry
7
E.M. van Nieuwaal
![Page 8: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/8.jpg)
Nameserver
ns3.kpn.net ns4.kpn.net Via de nameservers wordt bekend gemaakt
welke naam bij welk ip adres hoort
8
E.M. van Nieuwaal
![Page 9: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/9.jpg)
Webpagina ophalen9
E.M. van Nieuwaal
![Page 10: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/10.jpg)
TCP/IP
IP = Internet Protocol Vraagt om platte tekst TCP = Transmission Control protocol Controleert of pakketjes wel aankomen
10
E.M. van Nieuwaal
![Page 11: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/11.jpg)
Index.html
Het index bestand wordt opgehaald Meestal is het index bestand een simpel
tekstbestand die kleur, achtergrond lettertype en tekstinformatie bevat
Dat kan er zo uit zien
11
E.M. van Nieuwaal
![Page 12: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/12.jpg)
<html>
<head><meta http-equiv="Content-Language" content="nl"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"></head>
<body bgcolor="#000000">
<p align="center"><font size="7" color="#FF0000">Leuk, mijn vak op het leerlingenweb!</font></p><p align="center"><img border="0" src="images/cartoon.JPG" width="370" height="518"></p><p align="center"><font color="#FFFFFF">Mijn naam is Edwin van Nieuwaal en ik probeer jullie uit te leggen hoe je een website moet maken.</font></p>
</body>
</html>
12
E.M. van Nieuwaal
![Page 13: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/13.jpg)
Voor ons (nog) geen code
Een WYSIWYG-editor What you see is what you get MS Frontpage
13
E.M. van Nieuwaal
![Page 14: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/14.jpg)
Belangrijk
Maak voor jezelf een ontwerp Ontwerp een leuke banner Kies uitdagende, goed contrasterende
kleuren
14
E.M. van Nieuwaal
![Page 15: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/15.jpg)
De grafische voorstelling15
E.M. van Nieuwaal
![Page 16: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/16.jpg)
Wie begrijpt het?16
E.M. van Nieuwaal
![Page 17: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/17.jpg)
Voorbeeld http://www.anguillanova.nl/ameland/
17
E.M. van Nieuwaal
![Page 18: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/18.jpg)
Opbouw website
Achtergrond Banner Menubalk (horizontaal of verticaal)
18
E.M. van Nieuwaal
![Page 19: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/19.jpg)
Sitemap
index.html
dagboek.html home.htmlweer.html links.html
maandag.html dinsdag.html Woensdag.html
19
E.M. van Nieuwaal
![Page 20: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/20.jpg)
Frontpage
Ontwerpen Splitsen Code Pagina opslaan Achtergrond Knoppen
20
E.M. van Nieuwaal
![Page 21: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/21.jpg)
Frontpage
Inline frame Rand niet weergeven Pagina naamgeven Opslaan
Houd rekening met resoluties (1024x768)
Hyperlink
21
E.M. van Nieuwaal
![Page 22: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/22.jpg)
Dus…
index.htm: Knoppen Banner Inlineframe Algemene info
Inline frame Alle overige pagina’s
22
E.M. van Nieuwaal
![Page 23: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/23.jpg)
Wat nu?
Maak een ontwerp Bedenk een opbouw Ontwerp een banner
23
E.M. van Nieuwaal
![Page 24: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/24.jpg)
Thuis verder?
Je ontvangt een CD-tje in je postvak
24
E.M. van Nieuwaal
![Page 25: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/25.jpg)
Volgende keer
Webdav Uploaden
25
E.M. van Nieuwaal
![Page 26: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/26.jpg)
Huiswerk
Maak een sitemap Schrijf teksten voor de verschillende
pagina’s Maak een internetopdracht die je in een
klas gaat gebruiken
26
E.M. van Nieuwaal
![Page 27: ‘LEREN MET @WIN.NL’ Door: Edwin van Nieuwaal 1. Doelen Werkmiddagen! Ieder vak een website op het leerlingenweb .](https://reader036.fdocuments.nl/reader036/viewer/2022062418/5551a0ef4979591f3c8b88b1/html5/thumbnails/27.jpg)
Aan het werk
Met de handleiding Met elkaar
27
E.M. van Nieuwaal