DNS Domain Name System  Vertalen URL <-> IP Hoe Werkt het?  Voorbeeld Opbouw DomeinNaam Oefeningen

Domain Name System Domeinnaam in URL vertalen naar IP (v4/v6) Miljoenen ip adressen en url’s Enorme hoeveelheid aanvragen DNS Wereld in verandering  Meest geconsulteerde Database ter wereld

Hoe werkt DNS PC  DNS Server  PC  Website NSLOOKUP voorbeeld

Opbouw domeinnaam Domeinen en subdomeinen Top Level domein of hoofddomein Subdomeinen Alias webserver  www.kuleuven.ac.be .org , .gov, .com, .net, .mil

Oefeningen DNS Wat is het domein van 216.40.32.30 en 205.178.189.131 ? Wat is het IP adres van www.google.be en ftp.mcafee.com ?

NAT & DHCP Network Address Translation: router Dynamic Host Configuration Protocol. Oefening

Network Address Translation: router Vertalen van toegekende adressen

Dynamic Host Configuration Protocol. Toekennen van IP adressen Voor een bepaalde periode (lease period)

Packet Switching Data onderverdeeld in pakketjes (TCP protocol) Header, nummering

NAT, DHCP &Packet switching oefening Ipconfig /all www.whatismyip.com Tracert www.hoehel.be (via cmd of dnsstuff) Wat is dit?

Internet Diensten Internet vs www  Internet diensten (www, e-mail) usenet ftp   programma Mosaic Netscape Navigator MS Internet Explorer FireFox Eudora Pegasus Messenger Outlook Agent Collabra OutlookExpress WS_FTP protocol http smtp/pop3 nntp basisprotocol tcp/ip  Internet diensten (www, e-mail)

Server Physische server (machine) vs Logische server. (diensten ~ software)  Zowel intranet als internet! Voorbeelden: Router, Proxy server, webserver, mailserver, chatserver, firewall

1.ROUTER Hardware/software router Hardware with extra software ( dhcp, nat, vpn, firewall, zie vb)

Voorbeeld Router met extra software

Security: MAC filter,

Website filter,

Inbound filter,…

Port Forwarding

2. Proxy Server Tussenlaag tussen jou en “internet webpagina’s” Sneller surfen Minder bandbreedteverbruik naar provider Anoniem surfen

Voorbeeld in-browser proxy server

3. Webserver No such thing as free! Web host, eigen pc binnen netwerk als web server (voorbeeld ter illustratie)

Webserver: security

Webserver: DNS registratie

Webserver: webserver op machine zelf

Webserver: webserver op machine zelf

4. Mailserver SMTP: Simple mail transfer protocol POP3: Post Office Protocol (versie3) IMAP: Internet Mail Access Protocol

5.IRC Internet Relay Chat TCP protocol P2P filesharing Realtime Chat

Firewall Filter en blokkeer: Inkomende en uitgaande verbindingen Bepaalde poorten Filteren op headers van packets (metadata van de packets - zie packet switching) Regels met Hiërarchie Logging

Oefening Default router ip adres van een D-link router Vindt een gratis proxyserver waar je anoniem kan surfen. (enkel surfen is voldoende) Nslookup stevenpeirsman.dlinkddns.com Zoek een gratis web hosting service. Wat kan er mis gaan wanneer inbound connections op de firewall op allow all staan?

Configuratie en diagnose van een internetverbinding Basisbebrippen: NIC: Network Interface Card LAN: Local Area Network TCP/IP: Transmission Control Protocol/ Internetprotocol; Verzameling netwerkprotocollen. http://nl.wikipedia.org/wiki/TCP/IP Gateway: toegangspunt Subnet: verzameling ip adressen onder eenzelfde broadcast domein. Bv 192.168.0.0/24 (CIDR) 255.255.255.0 http://nl.wikipedia.org/wiki/Subnet

Extra info subnet Subnet: Decimale notatie Binaire notatie IP adres 192.168.5.74 11000000.10101000.00000101.01001010 Subnetmasker 255.255.255.192 11111111.11111111.11111111.11000000 Netwerk ID 192.168.5.64 11000000.10101000.00000101.01000000 Host ID 0.0.0.10 00000000.00000000.00000000.00001010

Oefening Refresh het ip adres van je machine Doe een loopback test (127.0.0.1) Wat is het subnet mask van adres 192.168.0.5/24 Wat als… Gateway fout gedefineerd is DNS overschreven is door malafide persoon Verkeerde proxy server ingesteld staat Ping, clockwise je buurman/vrouw en bereken in ms hoelang het duurt voor de klas rond is.

Usenet (nieuwsgroepen) Communicatievorm, publieke discussies Publieke mailboxen NNTP (Net News Transfer Protocol) om via www Nieuwsgroepen te benaderen Nieuwsgroeplezers: Ms outlook ewpress newsreader, netscape Collabra Werd vroeger vaak gebruikt om illegaal software te verkrijgen (voor torrents en rapidshare,…)

Oefening Usenet Volg handleiding Toledo en connecteer met Outlook express newsreader

FTP File transfer protocol Via TCP/IP Intranet/internet ftp server dient om bestanden te delen. Hoge snelheid punt naar punt verbindingen Clients: Webbrowsers(IE,Firefox,Chrome), WS_FTP, Filezilla

Oefening Haal de powerpoint presentatie op:

Zoeken op het Internet Veel gegevens, weinig informatie Gokken Gericht zoeken mbhv. (meta)searchengines

Veel gegevens, weinig informatie Elke zoekrobot zijn eigen manier van zoeken Geen enkele zoekrobot ‘weet’ alles Niet alles is juist! Niet alle informatie op het net is gekend bij zoekrobots Taalbarrieres Inhoud op sites die registratie vereisen. (fora) Geen garanties

Gokken http://www.organisatie.hoofddomein Zoals de website van inbev en colruyt. (merk aliassen op) Watjezoekt.com  http://turnyournameintoaface.com/

Gericht zoeken De juiste search engine voor de juiste vraag Zoek.kuleuven.be Eenvoudig zoeken Geavanceerd zoeken

Oefeningen zoeken op het internet Welke website is eigendom van mr Talamo en zijn engels bedrijf, snelheid van kunst? Wat is de koers van AB Inbev op dit moment? “Google” jezelf, hoeveel “Hits” heb je?

HTML HyperText Markup Language Code om opmaak en vorm van website te bepalen Aan de hand van tags. Al doende leert men…

Al doende leert men… Eenvoudige start RUN notepad (++) Nieuw  Typ “Hello world”  Save as C:/helloworld.html  open dit.

Standaard structuur Begrenzing van de webpagina <html> <head> <Title> Titel van je zelfgeschreven webpagina </Title> </head> <body> Hello World </body> </html> Hoofding van de pagina Titel van browservenster Eigenlijke webpagina

tekstopmaak

<html> <head> <Title> Titel van je zelfgeschreven webpagina </Title> </head> <body> <center>Hello World</center> <hr> <b>vette tekst</b> <br> <i>cursieve tekst</i> <br> <u>onderlijnde tekst</u> <br> </body> </html>

Hoofdingen, Paragrafen, kleuren en fonts (attributen)

<html> <head> <Title> Titel van je zelfgeschreven webpagina </Title> </head> <body > <center><h1>Hello World in hoofding 1</h1></center> <hr> <h3>Dit is header 3 en onderstaande tekst is in 1 paragraaf</h3> <p> <font size=6><b>vette tekst in fontsize 6 </b></font> <br> <font color="blue"><i>cursieve tekst met font color blue</i></font> <br> <font face="Comic Sans MS"><u>onderlijnde tekst in "Comic Sans MS"</u></font> <br> </p> </body> </html>

Eigenschappen body BGCOLOR MARGIN(marginwidth, marginheight, leftmargin, rightmargin, topmargin, bottommargin) NOWRAP (false true) SCROLL (yes no) TEXT (kleur als waarde)

<body bgcolor="Silver">

Lijsten Lists Listitems Nog attributen zoals type bij ul Ol = ordered list Ul = unordered list Dl = Definition list Listitems Ol & ul: Li Dl: dt & dd Nog attributen zoals type bij ul

<html> <head> <Title> Titel van je zelfgeschreven webpagina </Title> </head> <body bgcolor="Silver"> <ul type ="square"> <li>Lijstitem1</li> <li>Lijstitem2</li> <li>Lijstitem3</li> </ol> </body> </html>

Links <a href= url > klik hier </a> op andere server <a href= path > klik hier </a> op zelfde server (o.a. tussen eigen pagina s) <a href= #ankernaam > klik hier </a> naar <a name= ankernaam > Punt X</a> <a href= url > <img src= afbeelding > </a> met afbeelding om te klikken <a href= mailto:e-mailadres > klik </a> om te mailen via e-mailprogramma Als je frames (zie verderop) gebruikt, kan je aangeven waar het resultaat van je link moet verschijnen, m.a.w. in welk van de beschikbare frames: <a href frame target= > </a>

Wat doet dit? <a href="http://www.w3.org/TR/REC-html40/struct/links.html#h-12.2.1" target="_blank">Dieper ingaan op anchors</a>

Afbeeldingen Als onderdeel van je webpagina; relatief of absoluut. <img src= afbeelding.jpg > relatief <img src= fotos\afbeelding.jpg > in map relatief t.o.v. root <img src= c:\fotos\afbeelding.jpg > absoluut <img src= http://www.khm.be/~pers/afbeelding.jpg > absoluut Attributen: height en width(in pixels) align(top/middle/bottom,left/center/right) Border(cijfer) Hspace & vspace (pixels) Alt (in tekst de alternatieve tekst)

Tabel <table> </table> start en einde van een tabel <tr></tr> start en einde van een rij <td><td> start en einde van een kolom in de rij <th></th> start en einde van de kolomheader

<html> <head> <Title> Oefening afbeelding en tabel </Title> </head> <body> <table> <tr> <th width=320 colspan=2>Dit is het logo van KHM </th> </tr> <td> Klik op het logo!</td> <td> <a href="http://mechelen.lessius.eu/" target="_blank"> <img src="http://mechelen.lessius.eu/sites/all/themes/zen/lessius/logo.png" border=0/> </a> </td> </table> </body> </html>

Frames Frameset vs body Frames zijn individuele html documenten die je webpagina vormen <noframes></noframes> : wat de gebruiker ziet wanneer browser geen frames ondersteund

DIV & CSS DIV = verzameling van html tags waarvoor globale definities kunnen gemaakt worden. Onclick Size Font Color Background …

CSS = Cascading Styles Sheets Internal <head> <style type="text/css"> body {background-color:yellow;} p {color:blue;} </style> </head> external <head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head> inline styles <p style="color:blue;margin-left:20px;">This is a paragraph.</p>

HTML: a world out there Javascript AJAX Jquery …