DNS

1
DNS

• Domain Name System? Vertalen URL lt-gt IP
• Hoe Werkt het?? Voorbeeld
• Opbouw DomeinNaam
• Oefeningen

2
Domain Name System

• Domeinnaam in URL vertalen naar IP (v4/v6)
• Miljoenen ip adressen en urls
• Enorme hoeveelheid aanvragen DNS
• Wereld in verandering
• ? Meest geconsulteerde Database ter wereld

3
Hoe werkt DNS

• PC ? DNS Server ? PC ? Website
• NSLOOKUP
• voorbeeld

4
Opbouw domeinnaam

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

5
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 ?

6
NAT DHCP

• Network Address Translation router
• Dynamic Host Configuration Protocol.
• Oefening

7
Network Address Translation router

• Vertalen van toegekende adressen

8
Dynamic Host Configuration Protocol.

• Toekennen van IP adressen
• Voor een bepaalde periode (lease period)

9
Packet Switching

• Data onderverdeeld in pakketjes (TCP protocol)
• Header, nummering

10
NAT, DHCP Packet switching oefening

• Ipconfig /all
• www.whatismyip.com
• Tracert www.hoehel.be (via cmd of dnsstuff)
• Wat is dit?

11
Internet Diensten

• Internet vs www

dienst 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 ftp
basisprotocol tcp/ip tcp/ip tcp/ip tcp/ip
? Internet diensten (www, e-mail)
12
Server

• Physische server (machine)vs Logische server.
  (diensten software)? Zowel intranet als
  internet!
• Voorbeelden Router, Proxy server, webserver,
  mailserver, chatserver, firewall

13
1.ROUTER

• Hardware/software router
• Hardware with extra software ( dhcp, nat, vpn,
  firewall, zie vb)

14
Voorbeeld Router met extra software
15
Security MAC filter,
16
Website filter,
17
Inbound filter,
18
Port Forwarding
19
2. Proxy Server

• Tussenlaag tussen jou en internet webpaginas
• Sneller surfen
• Minder bandbreedteverbruik naar provider
• Anoniem surfen

20

• Voorbeeld in-browser proxy server

21
3. Webserver

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

22
Webserver security
23
Webserver DNS registratie
24
Webserver webserver op machine zelf
25
Webserver webserver op machine zelf
26
4. Mailserver
SMTP Simple mail transfer protocol POP3 Post
Office Protocol (versie3) IMAP Internet Mail
Access Protocol
27
5.IRC

• Internet Relay Chat
• TCP protocol
• P2P filesharing
• Realtime Chat

28
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

29
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?

30
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

31
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
32
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.

33
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,)

34
Oefening Usenet

• Volg handleiding Toledo en connecteer met Outlook
  express newsreader

35
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

36
Oefening

• Haal de powerpoint presentatie op

37
Zoeken op het Internet

• Veel gegevens, weinig informatie
• Gokken
• Gericht zoeken mbhv. (meta)searchengines

38
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

39
Gokken

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

40
Gericht zoeken

• De juiste search engine voor de juiste
  vraag?Zoek.kuleuven.be
• Eenvoudig zoeken
• Geavanceerd zoeken

41
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?

42
HTML

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

43
Al doende leert men
Eenvoudige start

• RUN ?notepad () ?Nieuw ? Typ Hello world ?
  Save as C/helloworld.html ? open dit.

44
Standaard structuur
Begrenzing van de webpagina

• lthtmlgt
• ltheadgt
• ltTitlegt
• Titel van je
• zelfgeschreven webpagina
• lt/Titlegt
• lt/headgt
• ltbodygt
• Hello World
• lt/bodygt
• lt/htmlgt

Hoofding van de pagina
Titel van browservenster
Eigenlijke webpagina
45
tekstopmaak
46

• lthtmlgt
• ltheadgt
• ltTitlegt
• Titel van je
• zelfgeschreven
• webpagina
• lt/Titlegt
• lt/headgt
• ltbodygt
• ltcentergtHello Worldlt/centergt
• lthrgt
• ltbgtvette tekstlt/bgt ltbrgt
• ltigtcursieve tekstlt/igt ltbrgt
• ltugtonderlijnde tekstlt/ugt ltbrgt
• lt/bodygt

47
Hoofdingen, Paragrafen, kleuren en fonts
(attributen)
48

• lthtmlgt
• ltheadgt
• ltTitlegt
• Titel van je zelfgeschreven webpagina
• lt/Titlegt
• lt/headgt
• ltbody gt
• ltcentergtlth1gtHello World in hoofding
  1lt/h1gtlt/centergt
• lthrgt
• lth3gtDit is header 3 en onderstaande tekst is in
  1 paragraaflt/h3gt
• ltpgt
• ltfont size6gtltbgtvette tekst in fontsize
  6 lt/bgtlt/fontgt ltbrgt
• ltfont color"blue"gtltigtcursieve tekst
  met font color bluelt/igtlt/fontgt ltbrgt
• ltfont face"Comic Sans
  MS"gtltugtonderlijnde tekst in "Comic Sans
  MS"lt/ugtlt/fontgt ltbrgt
• lt/pgt
• lt/bodygt
• lt/htmlgt

49
Eigenschappen body

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

50
(No Transcript)
51

• ltbody bgcolor"Silver"gt

52
Lijsten

• Lists
• Ol ordered list
• Ul unordered list
• Dl Definition list
• Listitems
• Ol ul Li
• Dl dt dd
• Nog attributen zoals type bij ul

53
(No Transcript)
54

• lthtmlgt
• ltheadgt
• ltTitlegt
• Titel van je zelfgeschreven webpagina
• lt/Titlegt
• lt/headgt
• ltbody bgcolor"Silver"gt
• ltul type "square"gt
• ltligtLijstitem1lt/ligt
• ltligtLijstitem2lt/ligt
• ltligtLijstitem3lt/ligt
• lt/olgt
• lt/bodygt
• lt/htmlgt

55
Links

• lta href url gt klik hier lt/agt op andere server
• lta href path gt klik hier lt/agt op zelfde server
  (o.a. tussen eigen pagina s)
• lta href ankernaam gt klik hier lt/agt naar lta
  name ankernaam gt Punt Xlt/agt
• lta href url gt ltimg src afbeelding gt lt/agt met
  afbeelding om te klikken
• lta href mailtoe-mailadres gt klik lt/agt 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
• lta href frame target gt lt/agt

56

• Wat doet dit?
• lta href"http//www.w3.org/TR/REC-html40/struct/li
  nks.htmlh-12.2.1" target"_blank"gtDieper ingaan
  op anchorslt/agt

57
Afbeeldingen

• Als onderdeel van je webpagina relatief of
  absoluut.
• ltimg src afbeelding.jpg gt relatief
• ltimg src fotos\afbeelding.jpg gt in map
  relatief t.o.v. root
• ltimg src c\fotos\afbeelding.jpg gt absoluut
• ltimg src http//www.khm.be/pers/afbeelding.jpg
  gt 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)

58
Tabel

• lttablegt lt/tablegt start en einde van een tabel
• lttrgtlt/trgt start en einde van een rij
• lttdgtlttdgt start en einde van een kolom in de rij
• ltthgtlt/thgt start en einde van de kolomheader

59
(No Transcript)
60

• lthtmlgt
• ltheadgt
• ltTitlegt
• Oefening afbeelding en tabel
• lt/Titlegt
• lt/headgt
• ltbodygt
• lttablegt
• lttrgt
• ltth width320 colspan2gtDit is het logo van
  KHM lt/thgt
• lt/trgt
• lttrgt
• lttdgt Klik op het logo!lt/tdgt
• lttdgt
• lta href"http//mechelen.lessiu
  s.eu/" target"_blank"gt
• ltimg src"http//mechelen.lessius.eu/sites/all/
  themes/zen/lessius/logo.png" border0/gt
• lt/agt
• lt/tdgt
• lt/trgt

61
Frames

• Frameset vs body
• Frames zijn individuele html documenten die je
  webpagina vormen
• ltnoframesgtlt/noframesgt wat de gebruiker ziet
  wanneer browser geen frames ondersteund

62
DIV CSS

• DIV verzameling van html tags waarvoor globale
  definities kunnen gemaakt worden.
• Onclick
• Size
• Font
• Color
• Background

63

• CSS Cascading Styles Sheets
• Internal
• ltheadgtltstyle type"text/css"gtbody
  background-coloryellowp colorbluelt/style
  gtlt/headgt
• external
• ltheadgtltlink rel"stylesheet" type"text/css"
  href"mystyle.css" /gtlt/headgt
• inline styles
• ltp style"colorbluemargin-left20px"gtThis is a
  paragraph.lt/pgt

64
HTML a world out there

• Javascript
• AJAX
• Jquery