Hoe een website realiseren ? Horen, zien en ontsluiten Gooik, 27 januari 2006 Johnny Van Bavegem Heemkundige Kring van Gooik.

Presentatie over: "Hoe een website realiseren ? Horen, zien en ontsluiten Gooik, 27 januari 2006 Johnny Van Bavegem Heemkundige Kring van Gooik."— Transcript van de presentatie:

1 Hoe een website realiseren ? Horen, zien en ontsluiten Gooik, 27 januari 2006 Johnny Van Bavegem Heemkundige Kring van Gooik

2 (C) 2005 Johnny Van Bavegem2 Wat is het internet ? Verzameling computers Allemaal gekoppeld via netwerken Geen centraal en overkoepelend beheer Servers bieden diensten aan Clients gebruiken deze diensten

3 (C) 2005 Johnny Van Bavegem3 Wat is een provider ? Voorziet in de internetaansluiting Gebruiken zeer snelle verbindingen Hebben eigen servers Bieden diensten aan

4 (C) 2005 Johnny Van Bavegem4 Internetrouter Telefoon- systeem ADSL Ethernet/ 802.11abg/ LAN Server Het lokale internet

5 (C) 2005 Johnny Van Bavegem5 Wat is een website ? Digitale presentatie van informatie Toegankelijk via een homepage Kan zowat alle types van inhoud bevatten

6 (C) 2005 Johnny Van Bavegem6 Wat is een browser ? Programma om informatie op te vragen Internet Explorer, Netscape, Firefox Gebruikt het pull-principe

7 (C) 2005 Johnny Van Bavegem7 Client-Server principe Server Client HTTP

8 (C) 2005 Johnny Van Bavegem8 Proxy principe Servers (in cluster) Client HTTP of FTP Proxy Server Client HTTP

9 (C) 2005 Johnny Van Bavegem9 Communicatieprotocol Afspraken om te communiceren Internet protocol = IP Steeds tussen server en client

10 (C) 2005 Johnny Van Bavegem10 Wat is HTML ? HyperText Markup Language De taal waarin webdocumenten worden gemaakt Bevat commando’s die uw webbrowser interpreteert om alzo een webpagina weer te geven

11 (C) 2005 Johnny Van Bavegem11 Soorten websites Statische website Geanimeerde website Dynamische website

12 (C) 2005 Johnny Van Bavegem12 Statische website Documenten met statische, passieve informatie Aanpassingen gebeuren manueel vb.: www.heemkunde-gooik.be home.scarlet.be/~johnnyvb/Enjoy Programma’s: Word, Excel, Powerpoint, Frontpage, …

13 (C) 2005 Johnny Van Bavegem13 Geanimeerde website Eveneens statische informatie Opgebouwd met animaties en showeffecten Plugin module nodig om deze te kunnen zien vb.: www.djflor.com Programma’s: Flash, MediaPlayer, …

14 (C) 2005 Johnny Van Bavegem14 Dynamische website Vaste webstructuur met variabele inhoud Inhoud komt uit databank Extra programma’s op de webserver nodig Geen plugin modules nodig Aan te raden voor grotere websites

15 (C) 2005 Johnny Van Bavegem15 De eigenlijke aanmaak Eerst op uw eigen computer starten en testen Daarna upload naar webserver Providers bieden meestal gratis webruimte aan

16 (C) 2005 Johnny Van Bavegem16 URL Iedere website heeft een unieke naam of adres URL (Universal Resource Locator) www = servernaam heemkunde = netwerk be = landcode vb.: http://home.scarlet.be/~johnnyvb

17 (C) 2005 Johnny Van Bavegem17 Publicatie Copiëren van je website naar een webserver van een provider Gebeurt met behulp van FTP (File Transfer Protocol) Kan eventueel rechtstreeks (provider moet dit toelaten)

18 (C) 2005 Johnny Van Bavegem18 Praktische voorbeelden Word: tekst omvormen Excel: rekenblad online brengen Photoshop: foto-album maken Powerpoint: presentatie maken Frontpage: HKK Gooik

19 (C) 2005 Johnny Van Bavegem19 Microsoft Word Tekst -> website met 1 HTML pagina Tekst met tabellen -> website met 1 HTML pagina Tekst met afbeeldingen of foto’s -> website met 1 HTML pagina en afzonderlijke map met afbeeldingen of foto’s

20 (C) 2005 Johnny Van Bavegem20 Microsoft Excel Workbook met slechts 1 worksheet -> website met 1 HTML pagina Workbook met meerdere worksheets -> website met een startpagina met hieronder een map met hierin een webpagina voor elke worksheet Workbook met een worksheet met grafieken -> website met 1 HTML pagina en een map met grafieken

21 (C) 2005 Johnny Van Bavegem21 Adobe Photoshop Bevat sjablonen om een foto- album in HTML aan te maken Sjablonen kunnen aangepast worden -> website met een startpagina met verwijzingen naar de thumbnails en de eigenlijke foto’s.

22 (C) 2005 Johnny Van Bavegem22 Microsoft Powerpoint Presentatie met 1 of meerdere dia’s -> website met een startpagina met hieronder een map met hierin een webpagina voor elke dia -> overgangseffecten worden slechts gedeeltelijk overgenomen

23 (C) 2005 Johnny Van Bavegem23 Microsoft Frontpage Specifiek gemaakt voor het ontwerp van websites Bevat reeds een aantal sjablonen vanwaar kan gestart worden Mogelijkheid tot navigeren binnen de pagina’s van een website

24 (C) 2005 Johnny Van Bavegem24 Extra’s Teller op de website - www.jellycounter.com Statistieken over de bezoekers - v1.nedstatbasic.net Forum voor onze leden - www.hetweb.be Gastenboek - www.koekjes.net …

25 (C) 2005 Johnny Van Bavegem25 En begin er nu maar aan… Creativiteit ! Vormgeving ! Functionaliteiten ! Vragen ? Suggesties ?

26 (C) 2005 Johnny Van Bavegem26 Toekomst ? Eigen server voor hosting en archivering van gegevens Dynamische website met ondersteuning door een databank Archief en toegang mogelijk voor meerdere heemkundige kringen Toegang op verschillende niveaus, bestuursleden, gewone leden, iedereen