Post on 10-Jun-2015
1
ICT 2
Hoe werkt het internet?
3
Schema
Verbinding via:•Telefoon•Satelliet•kabel
Publicatie websites op webservers
webadressen of
links
code
browser vertaalt
Weergavevideo
muziekwoorden
foto'slinks
4
Wat is een webserver?
• Krachtige computer, 24 uur op 24 uur bereikbaar met specifieke software
• Hierop staan websites• Een eigen website moet op een webserver
geplaatst worden via FTP publiceren• Wie naar een bepaalde website surft,
is een client van de webserver.
5
Webhosting
• Webruimte ter beschikking stellen• Grote bedrijven eigen webserver• Kleine bedrijven huren vaak webruimte• Voorbeelden van webhosters
– Hostbasket– One– AlphaHosting– …
6
Gratis webruimte
• Nadeel?– Reclame– Beperkte webruimte– Geen evidente naam
• Voorbeelden– Google– Telenet– Overzicht aanbieders op FreeWebSpace
7
Domeinnaam
• Voorbeeld www.khbo.be• Moet uniek zijn en geregistreerd worden.• Jaarlijkse bijdrage per domeinnaam
(afhankelijk van het soort domein):– .be, .com, .org– bv. 25 euro/jaar
8
Domeinnaam
• Op een DNS-server wordt de domeinnaam gekoppeld aan het juiste IP-adres van de server waar je website staat.
• Als je verandert van server …– moet enkel het IP-adres aangepast worden– moeten de bezoekers geen ander webadres typen.
9
Websites op het internet
juiste webserver wordt bereikt
webadres IP-adresDomain Name Server
193.190.77.41Voorbeeld www.khbo.be
10
Internet Protocol-adres
• Adres om een 'netwerkkaart‘ eenduidig te adresseren
• Elke computer heeft een nummer dat zichtbaar is voor alle andere computers op het internet.
• Vergelijk met telefoonnummers• Bijdragen op het internet zijn hierdoor bijna
nooit werkelijk anoniem!• Achterhalen van je eigen IP-adres en
IP-adres website
11
Structuur website
• Aan elke website is een hoofdmap en een startpagina gekoppeld.
• Webserver stuurt startpagina naar je computer.
• Webpagina is opgebouwduit HTML-codes(Browsermenu Pagina, Bron weergeven)
12
HTML
Hypertext MarkupLanguage• Taal voor opmaak en structuur van webpagina’s
(metataal)• Zelf HTML-code schrijven (ASCII-editor).• HTML-editor gebruiken:
Expression, Dreamweaver, Adobe GoLive …= WYSIWYG
13
Voorbeeld HTML-code
• <head><title>Titel webpagina</title></head><body><h1>Dit is een kop van niveau 1.</h1><p>Dit is een alinea met tekst.</p></body>
• Embedded code: <object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/2SvpQV4aYIA&hl=nl_NL&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embedsrc="http://www.youtube.com/v/2SvpQV4aYIA&hl=nl_NL&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
14
Hypertekst/hyperlinksHypertext• Tekst met direct activeerbare hyperlinks (verwijzingen)
Hypermedia• Geluid en bewegend beeld integraal opgenomen in de site
Hyperlinks• Gekleurde en/of onderstreepte tekst, afbeeldingen (iconen)
of knoppen (buttons)• De muisaanwijzer verandert in een wijzend handje
15
HTML webpagina op scherm
• Wat gebeurt met die HTML-codes? browser zet codes om
webpagina op je scherm• Hoe kan dit?
HTTP = hypertext transfer protocol• Open een webpagina en bekijk de broncode.
Vb. in Internet Explorer: menu Beeld, Bron
16
Browser
• Bladerprogramma om de internetpagina’s te zien op je scherm.
• De codes (HTML, …) worden omgezet in tekst, beeld en geluid.• Voorbeelden
– Internet Explorer– Mozilla Firefox– Opera– Chrome– Safari
17
URL (Uniform Resource Locator)
• Adresseringsmethodevoor het terugvinden van bestanden (informatie) op het internet.
• Wereldwijd uniek adres voor elk bestand op een willekeurige server.
Voorbeelden• http://www.khbo.be/ofm/professionele-
bachelor• http://www.stubru.be/stubru_master/
muziek/home/index.html
18
Hoe is een URL opgebouwd?
• protocol http://• Hostnaam
www.mobiliteit.fgov.be• pad nl• bestandsnaam index.htm
http://www.mobiliteit.fgov.be/nl/index.htm
19
Hostbenaming
• www = subdomain (second level domain)• khbo = domeinnaam (moet geregistreerd worden!)• be = topdomein (top level domain)
www.khbo.be
Commercieel .com
Landen .be, .nl, .fr, .uk, …
Onderwijs .edu
Amerikaanse overheid .gov
Professioneel .pro
Netwerken .net
musea .museum
publieke &privé-organisaties .org
20
World Wide Web
• Technische afspraken voor het wereldwijd over het internet aanbieden en verbinden van documenten en computertoepassingen.
• Verzameling documenten en toepassingen die wereldwijd volgens dit systeem over het internet worden aangeboden.
21
Pad en Bestandsnaam
Pad• Plaats (map) waar de informatie (HTML-bestand)
staat op de host/webserver(op het internet).
Bestandsnaam• Naam van het bestand dat moet geopend worden
om de webpagina te tonen (bv. opleidingen.htm).
Geen naam vermeld?• Automatisch gezocht naar de startpagina
Samengevat: URL
22
http://www.khbo.be/seb/opleidingen.htm
domeinnaam
TLD SLD
hostnaam
protocol
pad
bestandsnaam
topdomeinsubdomein
23
URL
Ingave URL• In de adresbalk van de browser.• Hostbenaming is voldoende (bv. www.khbo.be)
Homepagina van website• index.htm, default.htm of home.htm
Icoontje voor de URL• Explorer-logo(Internet Explorer) offavicon• 16 x 16 pixels
FTP (File Transfer Protocol)• Bestanden en programma’s kopiëren tussen computers• FTP-software:
– Filezilla
Anonieme FTP• Down- en uploaden van bestanden zonder account/paswoord
FTP met account• KHBO: Toegang persoonlijke home directory Brugge
24
25
Mobiel internet
• Gebruik van internet met mobiel apparaat – mobiele telefoon– smartphone (iPhone, Blackberry)– Personal Digital Assistant– laptop of netbook
• Via draadloos netwerk• Tariefsystemen
– vast bedrag of vast aantal MB per maand– betaling per kB/MB of per minuut
26
Plug-ins
• Kleine programma’s die geïntegreerd worden in de browser en extra mogelijkheden (geluid, video, animatie …) geven
• Als uitbreiding downloaden indien nodig• Voorbeelden
– Flash– Windows Media Player– Java
27
Bronvermelding• http://nl.wikipedia.org/wiki/Wereldwijd_web• http://nl.wikipedia.org/wiki/Personal_Digital_Assistant• http://nl.wikipedia.org/wiki/Netbook• http://www.vergeefmij.nl/blog/hoe-vind-ik-het-ip-adres-van-een-website• Het internet.pptx - Matthieu Calu• Inleiding (webdesign).pptx – Bernadette Van Nieuwenhuyse