1 / 27

‘Leren met @win.nl’

‘Leren met @win.nl’. Door: Edwin van Nieuwaal. Doelen. Werkmiddagen! Ieder vak een website op het leerlingenweb http://leerlingen.wartburg.nl Internetopdrachten Webquests Links. Wat is het internet?. 1969 ARPANET militair netwerk 1981 BITNET en CSNET universiteitsnetwerk

emmy
Download Presentation

‘Leren met @win.nl’

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. ‘Leren met @win.nl’ Door: Edwin van Nieuwaal

  2. Doelen • Werkmiddagen! • Ieder vak een website op het leerlingenweb • http://leerlingen.wartburg.nl • Internetopdrachten • Webquests • Links E.M. van Nieuwaal

  3. 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 E.M. van Nieuwaal

  4. Het internet • 2,0 miljard gebruikers eind 2008 E.M. van Nieuwaal

  5. 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. E.M. van Nieuwaal

  6. 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 E.M. van Nieuwaal

  7. SIDN • Domeinnaam wartburg.nl • Status actief • Houder WAR002188-KPN00Wartburg CollegeHaastrechtstraat 253079DC ROTTERDAMNetherlands • Gehouden aan ADR ja • Administratieve contactpersoon • ROZ001241-KPN00W. Rozendaal+31 (0)104826644postmaster@wartburg.nl • Deelnemer KPNRegulusweg 12516AC 'S-GRAVENHAGENetherlands • Technische contactpersonenDOM001326-KPN00KPN Domain Office+31 (0)704512555domain@kpn.net • Domeinnaamservers ns3.kpn.netns4.kpn.net • Datum registratie 22-04-1998 • Datum laatste wijziging 27-12-2007 • Administratie door NL Domain Registry E.M. van Nieuwaal

  8. Nameserver • ns3.kpn.netns4.kpn.net • Via de nameservers wordt bekend gemaakt welke naam bij welk ip adres hoort E.M. van Nieuwaal

  9. Webpagina ophalen E.M. van Nieuwaal

  10. TCP/IP • IP = Internet Protocol • Vraagt om platte tekst • TCP = Transmission Control protocol • Controleert of pakketjes wel aankomen E.M. van Nieuwaal

  11. 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 E.M. van Nieuwaal

  12. <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> HELP E.M. van Nieuwaal

  13. Voor ons (nog) geen code • Een WYSIWYG-editor • What you see is what you get • MS Frontpage E.M. van Nieuwaal

  14. Belangrijk • Maak voor jezelf een ontwerp • Ontwerp een leuke banner • Kies uitdagende, goed contrasterende kleuren E.M. van Nieuwaal

  15. De grafische voorstelling E.M. van Nieuwaal

  16. Wie begrijpt het? E.M. van Nieuwaal

  17. Voorbeeld • http://www.anguillanova.nl/ameland/ E.M. van Nieuwaal

  18. Opbouw website • Achtergrond • Banner • Menubalk (horizontaal of verticaal) E.M. van Nieuwaal

  19. index.html dagboek.html home.html weer.html links.html maandag.html dinsdag.html Woensdag.html Sitemap E.M. van Nieuwaal

  20. Frontpage • Ontwerpen • Splitsen • Code • Pagina opslaan • Achtergrond • Knoppen E.M. van Nieuwaal

  21. Frontpage • Inline frame • Rand niet weergeven • Pagina naamgeven • Opslaan • Houd rekening met resoluties (1024x768) • Hyperlink E.M. van Nieuwaal

  22. Dus… • index.htm: • Knoppen • Banner • Inlineframe • Algemene info • Inline frame • Alle overige pagina’s E.M. van Nieuwaal

  23. Wat nu? • Maak een ontwerp • Bedenk een opbouw • Ontwerp een banner E.M. van Nieuwaal

  24. Thuis verder? • Je ontvangt een CD-tje in je postvak E.M. van Nieuwaal

  25. Volgende keer • Webdav • Uploaden E.M. van Nieuwaal

  26. Huiswerk • Maak een sitemap • Schrijf teksten voor de verschillende pagina’s • Maak een internetopdracht die je in een klas gaat gebruiken E.M. van Nieuwaal

  27. Aan het werk • Met de handleiding • Met elkaar E.M. van Nieuwaal

More Related