Mijn eerste Website bouwen

1. Mijn eerste Website bouwen De basis

2. Uw Lesgever : Guido Willekens Animator bij… Mijn eerste website bouwen

3. Inhoud van deze cursus • Module 1: Browsers en Webservers • Hoe gebeurt surfen eigenlijk en wat speelt er zich af achter de schermen? • Module 2: HTML en KompoZer • De codetaal van de webpagina en een tool om er mee te leren werken en te verstaan. • Module 3: Hosting en FTP • Waar staat mijn website en hoe breng ik er mijn pagina’s naartoe? • Module 4 WebSiteX1 • Een website maken met een tool op de PC, gebaseerd op sjablonen (templates). • Module 5: Google Sites • Een alles in één oplossing. Mijn eerste website bouwen…

4. Module 1 Browsers en Webservers

5. Internet Curriculum volgens moeilijkheidsgraad 1. Instap 2. Internet 3.1 Office 3.3 WebSite 3.2 Beeld 4. Video 5. Programmeren:VBA;Java; dotNet Mijn eerste website bouwen…

6. Wat leren we? • Wat is het internet? • Router • IP-adres • Domeinnaam versus internetadres • Wat is een URL? • Hoe werkt surfen? • Opbouw van een webpagina Mijn eerste website bouwen…

7. Wat is het internet? • Een netwerk dat miljoenen computers met elkaar verbindt • Regionale netwerken zijn verbonden via een “ruggengraat” of backbone netwerk : het is wereldwijd (WorldWideWeb) • Het is opgebouwd met Routers die van hun buren weten of ze nog functioneren: het overleeft dus aanslagen • Elke aansluiting heeft een IP-adres dat er steeds uitziet als 196.123.12.56 Mijn eerste website bouwen…

8. Wat is het internet? 192.212.126.10 196.13.12.56 Router Router Router Router Router Mijn eerste website bouwen…

9. Wat zijn Protocols? • Een protocol voor communicatie tussen computers bestaat uit: • Een aantal spelregels: “als ik jou een boodschap stuur moet ik wachten tot jij geantwoord hebt, dan begin ik terug…” • Een vastgelegde syntax, foutcodes… • Protocols worden door een instituut gestandaardiseerd: vb. RFC xxxx door W3C • De belangrijkste voor vandaag zijn HTTP en FTPde “P” staat altijd voor Protocol • HTTP: Hyper Text Transfer Protocol • FTP: File Transfer Protocol Mijn eerste website bouwen…

10. Hoe werkt surfen ? Gebruiker met Internet Explorer WebServer1 1. HTTP_Verzoek(URL) pagina1 2. HTTPAntwoord(HTMLpagina1) 3. Klik op een Hyperlink (onderlijnde tekst die verandert in een handje) 4. HTTP_Verzoek(URL) pagina2 5. HTTPAntwoord(HTMLpagina2) WebServer2 Volledigboek Mijn eerste website bouwen…

11. Wat is een URL? • Een aanvraag van een webpagina, gebeurt met een URL, een Universal Resource Locator. Bv:http://www.bokrijk.be/info/ligging.html • Deze bestaat uit: • Het gebruikte protocol: http: • Een naam voor de server: //www.bokrijk.be • Eventueel een map of submap op deze server: /info • Een naam voor de webpagina: ligging.html • Mijn volledig boek bestaat uit pagina’s verspreid over een aantal servers Mijn eerste website bouwen…

12. Wat doet de WebServer? • De WebServer heeft een hele reeks mappen, met daarin de webpagina’s en de bijhorende beelden, geluiden, documenten • Een voorbeeld: /index.html/mijnWeb/pagina6.html/beelden/vogel.jpg/geluid/donder.wav/documenten/onkosten.xls • Bij een verzoek voor een bepaalde pagina worden alle bestanden die op de pagina zijn vermeld, apart opgestuurd, na het antwoord. Met FireFox 12 kan al die bestanden apart ophalen: Extra  Pagina-info  Media • Als ons werk af is moeten we onze pagina’s en bestanden naar de server overbrengen, in de juiste mappen, met FTP Mijn eerste website bouwen…

13. Internet De andere kant… Ontwikkelaar metKompoZer en FileZilla WebServer Gebruiker met Browser Mijn eerste website bouwen…

14. Dynamische pagina’s • Een dynamische pagina vergt een programma dat er voor zorgt dat er iets gebeurt bij klikken… Dit programma loopt ofwel • Aan de Client-kant, in de Browser. Bv: • JavaScript en Visual Basic Script • Applets (kleine applicaties in Java) en AxtiveXControls • Flash en Silverlight • Aan de Server-kant, door de server software. Bv.: • Servlets en JavaServerPages(JSP) • Active Server Pages(ASP) en dot.net (ASPX) • PHP, coldfusion… • Dit programmeren is voor specialisten en valt buiten het bestek van deze cursus !!! Mijn eerste website bouwen…

15. Java Script Gebruiker met Browser WebServer 1. HTTP_Verzoek(URL) pagina 2. HTTPAntwoord(HTMLpaginamet JavaScript) Core JSI • Acties van de gebruiker leiden tot het uitvoeren van Java Script door de Java Script Interpreter Mijn eerste website bouwen…

16. Programma op de server Gebruiker met Internet Explorer pagina WebServer 1. HTTP_Verzoek(URL) Core 2. HTTPAntwoord(HTMLpagina) Compiler • De WebServer Core laat de pagina indien nodig verwerken door de Compiler (.net of JSP). Mijn eerste website bouwen…

17. Drie benaderingen om een website te maken • 1. Op de PC, met een algemeen programma en FTP • Men maakt de pagina’s met een programma en brengt het resultaat met FTP over op de webserver. Voorbeelden: • Voor de beginner: KompoZer • Iets meer gevorderd: Frontpage • De professional: Dreamweaver • 2. Op de PC met een speciaal programma dat een aantal templates aanbiedt, waarbinnen men kan werken. Voorbeeld: • Website X1, Xara Webstyle… • 3. On-line met klaargemaakte Templates, zonder FTP. Vb • Google Sites Mijn eerste website bouwen…

18. Wat zullen wij doen? • Eerste stap: • We maken een pagina op onze PC, met een gratis tool KompoZer • Dit geeft ons inzicht in HTML code en de structuur van een pagina • Voordeel: we hebben hier geen Webserver voor nodig • Tweede stap: • We maken een paar pagina’s online, met de gratis Google Sites • Nu krijgen we een zicht op een site, met navigatiemenu • Alles staat meteen online, dus weer geen FTP nodig Mijn eerste website bouwen…