View
329
Download
17
Category
Preview:
Citation preview
3
Schema
Verbinding via:•Telefoon•Satelliet•kabel
Servers
webadressen OF
links
code
browser vertaalt
videomuziek
woordenfoto'slinks
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.
Webhosting
• Webruimte ter beschikking stellen• Grote bedrijven eigen webserver• Kleine bedrijven huren vaak webruimte• Voorbeelden van webhosters
– Hostbasket– One– Alpha Hosting– …
Gratis webruimte
• Nadeel?– Reclame– Beperkte webruimte– Geen evidente naam
• Voorbeelden– Google– Telenet– Overzicht aanbieders op FreeWebSpace
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
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.
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
Structuur website
• Aan elke website is een hoofdmap en een startpagina gekoppeld.
• Webserver stuurt startpagina naar je computer.
• Webpagina is opgebouwd uit HTML-codes (Browsermenu Pagina, Bron weergeven)
12
HTML
Hypertext Markup Language• Taal voor opmaak en structuur van webpagina’s
(metataal)• Zelf HTML-code schrijven (ASCII-editor).• HTML-editor gebruiken:
Expression, Dreamweaver, Adobe GoLive …= WYSIWYG
13
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
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
15
Browser
• Bladerprogramma om de internetpagina’s te zien op je scherm.
• De codes (HTML, …) worden omgezet in tekst, beeld en geluid.• Internet Explorer, Mozilla Firefox, Opera, Chrome, Safari
16
URL (Uniform Resource Locator)
• Adresseringsmethode voor 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
17
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
18
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
19
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
20
http://www.khbo.be/seb/opleidingen.htm
domeinnaam
TLD SLD
hostnaam
protocol
pad
bestandsnaam
topdomeinsubdomein
21
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) of favicon• 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
22
23
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
24
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
Recommended