‘Leren met @win.nl’

‘LEREN MET @WIN.NL’

Door: Edwin van Nieuwaal

1

Doelen

Werkmiddagen! Ieder vak een website op het

leerlingenweb http://leerlingen.wartburg.nl Internetopdrachten Webquests Links

2

E.M. van Nieuwaal

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

Het internet

2,0 miljard gebruikers eind 2008

4

E.M. van Nieuwaal

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

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

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

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

Webpagina ophalen9

E.M. van Nieuwaal

TCP/IP

IP = Internet Protocol Vraagt om platte tekst TCP = Transmission Control protocol Controleert of pakketjes wel aankomen

10

E.M. van Nieuwaal

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

<html>

<head><meta http-equiv="Content-Language" content="nl"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"></head>

<body bgcolor="#000000">

Leuk, mijn vak op het leerlingenweb!<img border="0" src="images/cartoon.JPG" width="370" height="518">Mijn naam is Edwin van Nieuwaal en ik probeer jullie uit te leggen hoe je een website moet maken.

</body>

</html>

12

E.M. van Nieuwaal

Voor ons (nog) geen code

Een WYSIWYG-editor What you see is what you get MS Frontpage

13

E.M. van Nieuwaal

Belangrijk

Maak voor jezelf een ontwerp Ontwerp een leuke banner Kies uitdagende, goed contrasterende

kleuren

14

E.M. van Nieuwaal

De grafische voorstelling15

E.M. van Nieuwaal

Wie begrijpt het?16

E.M. van Nieuwaal

Voorbeeld http://www.anguillanova.nl/ameland/

17

E.M. van Nieuwaal

Opbouw website

Achtergrond Banner Menubalk (horizontaal of verticaal)

18

E.M. van Nieuwaal

Sitemap

index.html

dagboek.html home.htmlweer.html links.html

maandag.html dinsdag.html Woensdag.html

19

E.M. van Nieuwaal

Frontpage

Ontwerpen Splitsen Code Pagina opslaan Achtergrond Knoppen

20

E.M. van Nieuwaal

Frontpage

Inline frame Rand niet weergeven Pagina naamgeven Opslaan

Houd rekening met resoluties (1024x768)

Hyperlink

21

E.M. van Nieuwaal

Dus…

index.htm: Knoppen Banner Inlineframe Algemene info

Inline frame Alle overige pagina’s

22

E.M. van Nieuwaal

Wat nu?

Maak een ontwerp Bedenk een opbouw Ontwerp een banner

23

E.M. van Nieuwaal

Thuis verder?

Je ontvangt een CD-tje in je postvak

24

E.M. van Nieuwaal

Volgende keer

Webdav Uploaden

25

E.M. van Nieuwaal

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

Aan het werk

Met de handleiding Met elkaar

27

E.M. van Nieuwaal

Documents

‘Leren met @win.nl’