syntra. [email protected] [email protected] 35 10 jaar...
TRANSCRIPT
![Page 1: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/1.jpg)
webmastersyntra
![Page 2: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/2.jpg)
[email protected] 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster CVO-Birm Antwerpen docent webmaster Syntra jullie zien eindigen met een certificaat
webmaster!
Laurent Goossens
![Page 3: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/3.jpg)
“ je leert er de basistechnieken voor het ontwikkelen, het beheren en het onderhouden van een professionele website”
Basisbgrippen webmaster Bouwstenen ontwikkeling Tools beheer en onderhoud .: Creativiteit :.
Opleiding WebMaster
![Page 4: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/4.jpg)
Basisbgrippen webmaster◦ Internet (algemeen, werking)◦ Websites (opbouw, werking, talen)◦ Hosting (webspace - dns)
Opleiding WebMaster
![Page 5: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/5.jpg)
Bouwstenen ontwikkeling◦ Html taal : opbouw webpagina◦ Css taal : verfraaiing webpagina◦ Javascript en Forms (interactie)◦ Multimedia content invoegen◦ Dynamische content genereren
Opleiding WebMaster
![Page 6: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/6.jpg)
Tools beheer en onderhoud◦ Dreamweaver◦ Firebug◦ XHTML en CSS validators◦ Referentie bronnen◦ Photoshop◦ Flash◦ Zoekmachines◦ FileZilla◦ LAMP-stack (apache – mysql - php)◦ CMS paketten◦ Code libraries (scriptalicious, jquery, wysiwyg)
Opleiding WebMaster
![Page 7: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/7.jpg)
Verdeling◦ 75 uren◦ 25 weken◦ aan 3 uur/week les ◦ plus (+) oefeningen thuis ◦ Min (-) weken eindwerk evaluatie
Cursus
![Page 8: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/8.jpg)
Opbouw ◦ Hoofdstukken◦ Tussen delen oefeningen en vragen◦ Oefeningen meenemen van/naar thuis
usb-stick, email: webmail
◦ Oef thuis maken◦ Oefenen, oefenen!
Cursus
![Page 9: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/9.jpg)
Evaluatie◦ Projectoef◦ Tussentijdse Evaluatie (dec-jan)◦ Vastgelegd packet – vaste evaluatie criteria –
minimale verreisten◦ Afhankelijk van verloop meer stof/dieper in
stof/meer oef ◦ Eindwerk (website+ bespreking - aanwezigheid)
Cursus
![Page 10: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/10.jpg)
Voorstelling cursisten◦ Naam ◦ Beroep◦ Voorkennis internet / grafisch / websites / html ◦ Richting met kennis cursus
Cursus
![Page 11: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/11.jpg)
Client server model
Internet
![Page 12: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/12.jpg)
Browsers ◦ Firefox (mac en pc)◦ Internet explorer (pc)◦ Chrome (mac en pc)◦ Safari (mac) + pc versie
Webservers◦ Apache : Unix OS ◦ IIS Microsoft windows OS
Request / Response
Internet
![Page 13: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/13.jpg)
Http : hyper text transfer protocol Basis taal van het internet = Html = tekst!
(view source) : hyper text markup language
http = de manier hoe de informatie over de draad gaat
html is bepaald de manier waarop het vertoond word (in browser)
Internet
![Page 14: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/14.jpg)
Bestand/File opgebouwd in taal html wordt opgevraagd door de browser en geleverd door een webserver
De teruggezonden code wordt geïnterpreteerd door de browser en getoond aan de surfer.
Webpagina’s vraag – antwoord Website = verzameling van webpagina’s in
een folder op een webserver
Internet
![Page 15: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/15.jpg)
Html : bouwstenen Html aangevuld met
◦ css : stijl◦ Javascript : manipulaties
Dynamische talen genereren html◦ php◦ asp, aspx (asp.net)
Internet
![Page 16: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/16.jpg)
Uploaden / Downloaden (tijdelijke directory) Ftp bestanden uploaden Webtraffic : meetbaar Browser cache (shortcut: F5 / ctr+ F5)
Internet
![Page 17: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/17.jpg)
Html : tekst juist opgebouwd vormen tags (objecten)
Opbouw object : syntax<tag>inhoud</tag>of<tag/>
Website
![Page 18: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/18.jpg)
Basis architectuur html pagina : minimale code<html>
<head></head><body>
PAGINA INHOUD HIER</body>
</html>
Website
![Page 19: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/19.jpg)
Texteditor : notepad Opslaan als .html
◦ folder options◦ “hide know extensions “ … UITvinken
Website
![Page 20: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/20.jpg)
Oefening Oef : eerste html pagina <title>mijn title</title> : binnen head-
tags: wordt NIET gerenderd (wel vertoond in de titlebalk)
<h1>Hello World!</h1> : binnen de body tags: wordt WéL gerenderd
Save as first.html in folder website_1 op desktop
Website
![Page 21: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/21.jpg)
Copy first.html naar second.html én naar third.html◦ shortcut: flag+E◦ Select bestand ctr+C 3 maal ctr+V bestanden
hernoemen◦ Files (bestanden)verbonden door links
Website
![Page 22: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/22.jpg)
Webpagina’s onderling verbonden door links
Interactief object (handje, kleur) Oef : eerste links Oef navigatie pagina : navigatie.html
Website
![Page 23: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/23.jpg)
Objecten en attributen <a>link tekst</a> <a href=”second.html”> second page </a> <a href=”http://www.google.be “> search googl</a> <a href=”http://www.google.be “ target=”_blank”>
search google </a>
Website
![Page 24: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/24.jpg)
Oef thuis : previous / next links + home link Oef thuis : gegevens hosting verzamelen (telenet, belgacom, ...)- hostname- username- password
Website
![Page 25: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/25.jpg)
Website
<html><head>
<title>de titel</title></head><body>
de inhoud</body>
</html>
![Page 26: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/26.jpg)
<html></html> Definieert een html pagina Bevat alle markup:
◦ Markup tags met inhoud <object> : openingtag </object> : closingtag Vb :
<a>link</a> <h1>hoofding</h1>
◦ Markup tags zonder inhoud <object/> Vb : <hr/> <br/> <img/>
![Page 27: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/27.jpg)
<head></head> Wordt niet gerenderd Dus niet zichtbaar in de browser Bevat metadata, css data, javascripts
Vb : <title>de titel</title> vertoond in de crome (os gebonden)
![Page 28: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/28.jpg)
<body></body> Wordt wel gerenderd Zichtbaar in de browser Beval alle te renderen markup (te vertonen
opmaak) Markup draagt info : hoofding, paragraaf, …OF Markup bouwt pagina op : tabel, lijntjes,
prenten, …
![Page 29: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/29.jpg)
Oef thuis vorige week 3 pagina’s met elkaar gelinkt: Previous – next – home zie usb stick
![Page 30: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/30.jpg)
first.html <html> <head> <title>First</title> </head> <body> <h1>First page</h1>
<a href="second.html">next</a>
</body> </html>
![Page 31: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/31.jpg)
second.html <html> <head> <title>Second</title> </head> <body> <h1>Second page</h1> <a href="first.html">previous</a> - <a href="third.html">next</a> </body> </html>
![Page 32: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/32.jpg)
third.html <html> <head> <title>Third</title> </head> <body> <h1>Third page</h1> <a href="second.html">previous</a> - <a href="first.html">home</a> </body> </html>
![Page 33: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/33.jpg)
Tags en attributen Attribuen naam="waarde“ Worden toegeveogd aan start tag : <a> Specifieren eigenschappen van dat object geen, één of meerdere mogelijk Sommige verplicht : noodzakelijk voor werkingvb: <a href="adres“> Sommige optioneel : helpen de opmaak vb: <body bgcolor="red">
![Page 34: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/34.jpg)
Default attributen objecten (tags) hebben default values Indien niet specifiek gezet : valt de
waaarde terug op de default (onzichtbaar) Vb :
◦ border op een tabel:<table>== <table border= " 0" ></table>
Target bij link:<a href= "adres" ></a>== <a href= "adres" target=“_self”></a>
![Page 35: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/35.jpg)
Links href=“de gelinkte pagina“
◦ Relatief pad : link naar pagina binnen website href= “pagina.html “ : gelinkte pagina staat er naast href= “pages/pagina.html “ : gelinkte pagina staat in
een diepere map : pages href= “../index.html “ : gelinkte pagina staat een
niveau hoger href= “/pad/pad/pad/pagina.html “ : beginnen van
het hoogste niveau dieper en dieper in pad tot aan pagina
◦ Absoluut pad : link naar pagina van andere website Href=“http://www.google.be“ Href=“http://www.w3schools.com/tags/tag_body.asp“
![Page 36: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/36.jpg)
Links target= "_self " opent pagina in zelfde tab/window target= "_blank " opent pagina in nieuwe tab/window
(_parent, _top, framename)
![Page 37: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/37.jpg)
href= “http://www.google.be" Geen pagina? Default behavior webserver Zoek naar een default page in de webroot
van je website (/) index.html, index.htm, default.html,
dfault.htm, index.php, default.asp, default.aspx, index.asp, …
![Page 38: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/38.jpg)
Oef default page Onze oef Alle pagingas in folder « pages» Links aanpassen? index.html aanmaken (op basis van
/assets/basis.html) in webroot Link naar first.html
![Page 39: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/39.jpg)
Surfer - webserver Client server model Vraag – antwoord Hoe vinden de machines mekaar IP address : 123.456.7.33 Webserver IP Effectief adres op het internet waar een
machine aangangt (client en server) Client-IP vraagt pagina op bij Server-IP Server-IP anwoord met pagina aan Client-IP
![Page 40: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/40.jpg)
http://123.345.7.33/index.html Onmenselijk, onnaturlijk Domeinnaam «google.be», «hotmail.com» Domainname resolvement Domain Name Server : DNS
◦ Typen iets menselijk in browser◦ Vraag om te resolven wordt gesteld aan dns
server◦ Dns server antwoord met ip◦ Effctieve vraag vertrekt naar webserver
![Page 41: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/41.jpg)
DNS niveaus Tijd besparen Vraag op verschillende niveaus gesteld Eigen os Access providers dnssen Andere wereldwijde dnssen Caches op alle nieveaus Uiteindelijk slechts één DNS dat het adres
permanent bewaart, publiceert bewaart
![Page 42: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/42.jpg)
DNS caches Eigen pc :
◦ Vlaggetje + R◦ cmd◦ ipconfig /flushdns
Access providers ◦ +/- elke 2 uur◦ Atomatisch – niet te mnipuleren
Alles dnssen wereld (tot 48 uur) Authoritive:
◦ permanent ◦ Editeerbaar◦ Zonefile◦ dnsrecords
![Page 43: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/43.jpg)
Dnsrecords
Authoritive nameservers : zij onthouden permanent◦ ns1.namserver.be◦ ns2.namserver.be
Zonefile◦ Default record : google.be◦ Subdomains :
www.google.be -> A -> 123.435.662.3= standaard subdomein voor website ftp.google.be -> A -> 123.435.6.556 Veelgebruikt subdomein voor FTP
◦ Mx-Record : inkomende mailserver pop.google.be -> A -> 143.44.3.111
![Page 44: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/44.jpg)
doman.tld Top level domain google.be : .be Dns.be : België Erid.eu : europa één orgaan Unieke namen! Huur domein Koppelen aan eigenaar (+ admin-tech) Kopelen aan authoritive nameserver(s) Generische (.com, .net, org, …) http://whois.domaintools.com/hotmail.com
![Page 45: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/45.jpg)
Registrar - registrant Eigenaar = registrant = liscensee
◦ Persoon◦ Organisatie
Admin – tech Registrar – agent : firma waar wij gaan
« huren » volgende week hosting meer!
![Page 46: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/46.jpg)
Provider Access provider : telenet, skynet, … Internet Service Provider ISP: hosting
Mini hosting Hostname (+usr +passwd) http-address
◦ later vervangen door eigen domeinnaam FTP http://filezilla-project.org/
◦ Install, connect, upload Local -> remote Online! : surf!
![Page 47: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/47.jpg)
New tags <br/>
◦ Break = new line
<p>paragraaf</p>
<hr/>◦ Horizontal rule
<font>
![Page 48: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/48.jpg)
index.html
My website-----------------------------------------------------FirstSecondThirdSearch GoogleWebmaster pagina syntra-----------------------------------------------------
Deze website zal gaande weg groeien ….. Deze website zal gaande weg groeien ….. Deze website zal gaande weg groeien ….. Deze website zal gaande weg groeien ….. Deze website zal gaande weg groeien …..
![Page 49: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/49.jpg)
<html> <head> <title>mijn website</title> </head> <body>
<h1>My Website</h1>
<hr/>
<a href="pages/second.html"> eerste pagina</a> <br/>
<a href="pages/third.html"> tweede pagina</a> <br/>
<a href="pages/first.html"> derde pagina</a> <br/>
<a href="http://www.google.be" target="_blank"> search google</a> <br/>
<a href="http://www.syntra-mvl.be/opleiding/Webmaster-186" target="_blank"> webmaster opleiding syntra </a> <br/> <hr/>
<p>hallooo dan mijn eerste pagina, of is het nu de vijfde weet ik veel...maakt zelfs
niet uit , tis maar paragraafvulling hallooo dan mijn eerste pagina, of is het nu de vijfde weet
ik veel...maakt zelfs niet uit , tis maar paragraafvulling hallooo dan mijn eerste pagina, of is
het nu de vijfde weet ik veel...maakt zelfs niet uit , tis maar paragraafvulling hallooo dan
mijn eerste pagina, of is het nu de vijfde weet ik veel...maakt zelfs niet uit , tis maar
paragraafvulling</p>
</body>
</html>
![Page 50: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/50.jpg)
Object – standaard gedrag Object vult gehele breedte parent object
◦ <hr/>◦ <br/>◦ <p></p> ◦ <h1></h1>◦ <body></body>
Object omsluit de inhoud◦ <a></a>
![Page 51: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/51.jpg)
placeholders <table></table> : table <ul></ul> : unordered list <ol></ol> : ordered list samengestelde objecten/tags
![Page 52: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/52.jpg)
<ul></ul> | <ol></ol> <ul></ul> : holder <li></li> : rows-------------<ul><li>item 1</li><li>item 2</li></ul>-------------
◦ Item 1◦ Item2
![Page 53: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/53.jpg)
<table></table> Holder <table></table> Rows <tr></tr> Columns <td></td>
<table border= " 1px " >◦ <tr>
<td>cel 1</td> <td>cel 2</td>
◦ </tr>◦ <tr>
<td>cel 3</td> <td>cel 4</td>
◦ </tr> </table>
cel 1 Cel 2
Cel 3 Cel 4
![Page 54: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/54.jpg)
<table></table> Standaard gedrag:
◦ Géén breedte (tip: plaats een spatie in elke cel : )
◦ Doorschijnend Standaard attribuut waarden:
◦ Attribut : Border = "0px “◦ Attribut : cellpadding
afstand van inhoud cel tov celwand) = " 2 px“ Tabel attribuut: slaat op alle cellen!
◦ Attribut : cellspacing Afstand tussen de cellen " 2 px“ Tabel attribuut: slaat op alle cellen!
![Page 55: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/55.jpg)
<table><td> attributen width (% of px) height (% of px) bgcolor (yellow, green, red, blue, black,
maroon, gray, white)
![Page 56: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/56.jpg)
<tr></tr><td></td> Attribuut ValignVertical aligns the content in a cell
top middle bottom
Attribuut alignHorizontal aligns the content in a cell
left right center Justify
<td valign=" middle" align="center" >centered text</td>
![Page 57: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/57.jpg)
<td></td> : rowspan
Atribute Rowspan : merge 2 or more row cells <table border="1">
◦ <tr> <td rowspan="2">e</td> <td>f</td> <td>g</td>
◦ </tr>◦ <tr>
<td>h</td> <td>i</td>
◦ </tr> </table>
e f g
h i
![Page 58: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/58.jpg)
<td></td> : colspan Atribute Colspan : merge 2 or more column
cells <table border="1">
◦ <tr> <td colspan="2">e</td> <td>f</td>
◦ </tr>◦ <tr>
<td>h</td> <td>i</td> <td>g</td>
◦ </tr> </table>
E F
h i g
![Page 59: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/59.jpg)
Tags nesten <ul>
◦ <li> <a>link</a>
◦ </li> </ul>------------------------- <table>
◦ <tr> <td>
<a>link</a> </td>
◦ </tr> </table>------------------------------ <p> Doorlopende tekst en dan opeens een woord dat een <a href="
http://www.google.be">link</a>is. </p> <hr>
![Page 60: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/60.jpg)
Verouderd (vanaf CSS – niet meer gebruiken)
Attributen : color = yellow, green, red, blue, black,
maroon, gray, white : tekst kleur face="Arial, Helvetica, sans-serif"
<font></font>
![Page 61: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/61.jpg)
Previous next
Table : width = 100% 1 rij 2 cellen 2 links <table border=“1” width=“100%”>
◦ <tr> <td><a href=“first.html”>previous</a></td> <td align=“right”><a
href=“third.html”>next</a></td>
◦ </tr> </table>
Links positioneren op de pagina
![Page 62: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/62.jpg)
WEEK
MA DI WO DO VR ZA
VM
NM
AVO
![Page 63: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/63.jpg)
1 2 3
4 5 6
7 8 9
![Page 64: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/64.jpg)
red yellow
grey green
blue
![Page 65: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/65.jpg)
JfsdkfdsjfdsfdsfsdfdFdfsdfdsfdsfdsfdsfdsSffdsfdsfdsfdsfdsffdsfSdffdsfdsfdsfdsfdsfSffdsfdsfdsfdsfdsffdsfSdffdsfdsfdsfdsfdsfSffdsfdsfdsfdsfdsffdsfSdffdsfdsfdsfdsfdsfSffdsfdsfdsfdsfdsffdsfSdffdsfdsfdsfdsfdsffdsfdsfdsfdsfdsf
JfsdkfdsjfdsfdsfsdfdsFdfsdfdsfdsfdsfdsfdsSffdsfdsfdsfdsfdsffdsfSdffdsfdsfdsfdsfdsfSffdsfdsfdsfdsfdsffdsfSdffdsfdsfdsfdsfdsfSffdsfdsfdsfdsfdsffdsfSdffdsfdsfdsfdsfdsfSffdsfdsfdsfdsfdsffdsfSdffdsfdsfdsfdsfdsffdsfdsfdsfdsfdsf
JfsdkfdsjfdsfdsfsdfdsFdfsdfdsfdsfdsfdsfdsSffdsfdsfdsfdsfdsffdsfSdffdsfdsfdsfdsfdsfSffdsfdsfdsfdsfdsffdsfSdffdsfdsfdsfdsfdsfSffdsfdsfdsfdsfdsffdsfSdffdsfdsfdsfdsfdsfSffdsfdsfdsfdsfdsffdsfSdffdsfdsfdsfdsfdsffdsfdsfdsfdsfdsf
![Page 66: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/66.jpg)
Link binnen pagina Oef : <a name=“tabel1”> Link rond object : een tabel Oef : volgende tabel Hotspots : dreamweaver
Links extra
![Page 67: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/67.jpg)
Spatie : ◦ Effectieve inhoud aan bijv cel geven
€ : << : » ¿ : ¿ Decode html entities http://centricle.com/tools/html-entities/ <pre></pre> Oef : tabel : view code
ISO chars
![Page 68: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/68.jpg)
Formulieren data doorsturen interactie <form></form>
interactie
![Page 69: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/69.jpg)
Action=“absolute – relative - mailto” Method=“GET - POST” Name=“naam” Enctype = “multipart/form-data” Enctype = “text/plain”
Form attributes
![Page 70: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/70.jpg)
<input> Defines an input field <textarea> Defines a text-area (a multi-line
text input control) <label> Defines a label to a control <fieldset> Defines a fieldset <legend> Defines a caption for a fieldset<select> Defines a selectable list (a drop-
down box) <optgroup> Defines an option group
<option> Defines an option in the drop-down box
<button> Defines a push button
![Page 71: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/71.jpg)
mailto:
![Page 72: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/72.jpg)
Action = “mailto:[email protected]” Email harvesting Spam Action sturen naar .php file!
File upload Action sturen naar .php file!
Servercode Hosting
Opgelet!
![Page 73: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/73.jpg)
Stukje grond op het internet Website : huis Wij architect + aannemer Dns : adres huis bezoeken Nutsvoorzieningen : gas Afstand? Invalswegen?
Hosting?
![Page 74: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/74.jpg)
Webspace MB Domeinnaam Ftp account Transfer Server technologie?
Minimum?
![Page 75: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/75.jpg)
Linux + apache + MySql + php = (LAMP) Opensource websoftware :
◦ CMS ◦ Mailsoftware◦ template engines◦ code snippets
Linux + Lighthttpd (static), Passenger (RoR),...
Windows + IIS◦ Asp, asp.net◦ Siverlight: ◦ MSSQL , .mdb
Platform : native!
![Page 76: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/76.jpg)
Domeinnaamregistratie (registrar) Domeinnaamhosting (nameservers -
zonefile) Webhosting Database hosting Mailhosting
Dns + webspace + mail?
![Page 77: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/77.jpg)
Plesk Cpanel
Liscensee gegevens Nameservers Dns records Filebrowser mailaccounts Webmail Shell access (linux console)
Control panels?
![Page 78: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/78.jpg)
Multiple domain? Own subdomains? Multiple webroots? Facturatie? Transfer? Stats? Multiple stats? CMS
Websites per hosting?
![Page 79: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/79.jpg)
Installers software : CMS, eCommerce, .... Backup voorzieningen (manueel - auto) Gratis domeinen ? Vouchers google adWords Unlimmited??
Extra’s?
![Page 80: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/80.jpg)
http://www.one.com http://www.justhost.com http://www.combell.be http://www.inforbusiness.be http://www.openminds.be http://www.ilibris.be http://www.slicehost.com http://www.mediatemple.com
Hosting providers
![Page 81: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/81.jpg)
Internet explorer IE (IE6 – IE7 – IE8) Firefox, Safari, Chrome Mobile browsers? World Wide Web Consortium : W3C http://www.w3schools.com/tags/default
.asp Font deprecated! Tekskleur in dambord tabel? Style=“color:white” Inline css
crossbrowser
![Page 82: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/82.jpg)
<font></font>◦ Verouderd (vanaf CSS – niet meer gebruiken)◦ Attributen :
color = yellow, green, red, blue, black, maroon, gray, white : tekst kleur
face="Arial, Helvetica, sans-serif" <tabel height=" px of %"> :
◦ niet ondersteund door Netscape ◦ tr of td height geven
Deprecated?
![Page 83: Syntra. docent.laurent.goossens@gmail.com docent.laurent.goossens@gmail.com 35 10 jaar internetervaring iLibris ISP (hosting) docent webmaster](https://reader035.vdocuments.site/reader035/viewer/2022062319/5551a0ef4979591f3c8b9bcf/html5/thumbnails/83.jpg)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">◦ Alles van html4 kan
strict.dtd◦ Geen deprecated, geen presentatie attribs
frameset.dtd
<!DOCTYPE>