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 wwwdienst WWW E-MAIL USENET FTP

 programma

MosaicNetscape Navigator

MS Internet ExplorerFireFox

EudoraPegasus

MessengerOutlook

AgentCollabra

OutlookExpress

WS_FTP

protocol HTTP SMTP/POP3 NNTP FTPbasisprotocol 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 protocolPOP3: 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 notatieIP adres 192.168.5.74 11000000.10101000.00000101.01001010Subnetmasker 255.255.255.192 11111111.11111111.11111111.11000000Netwerk ID 192.168.5.64 11000000.10101000.00000101.01000000Host 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

1. Veel gegevens, weinig informatie2. Gokken3. Gericht zoeken mbhv. (meta)searchengines

1. 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

2. Gokken

• http://www.organisatie.hoofddomein• Zoals de website van inbev en colruyt. (merk

aliassen op)• Watjezoekt.com

http://turnyournameintoaface.com/

3. Gericht zoeken

• De juiste search engine voor de juiste vraagZoek.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…

• RUN notepad (++) Nieuw Typ “Hello world” Save as C:/helloworld.html open dit.

Eenvoudige start

Standaard structuur<html>

<head><Title>Titel van je zelfgeschreven webpagina</Title></head><body>Hello World</body>

</html>

Begrenzing van de webpaginaHoofding van de paginaTitel 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– 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-mailprogrammaAls 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><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></tr></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• …