De website Modules en Blokken website - webmaster Verband tussen Aanvulling op de handleiding voor webmasters Linken ! Auteur: Ad Rijkers

2 website - webmaster Deze presentatie bestaat uit 3 gedeelten: Korte uitleg van internet en opzetten van een website Voorbeelden van verwijzingen (links) Maken van verwijzingen Door op de knop te klikken gaat u naar het betreffende gedeelte

3 - een netwerk van aan elkaar gekoppelde computers website - webmaster - Dit netwerk omvat de hele wereld - Elke computer heeft eigen adres - Deze computers staan altijd aan Internet: (1)

4 website - webmaster Internet: (2) - Andere computers toegang via een provider - Een provider is eigenaar/beheerder van een of meerdere computers uit het netwerk - Bij de provider koopt men een account (abonnement) om toegang te krijgen Computer Internet (provider) (Gebruikersnaam en wachtwoord) (Inloggegevens kloppen dus toegang) inloggen (De gebruikersgegevens (naam-wachtwoord) zijn meestal opgeslagen)

5 website - webmaster Internet: (3) De provider biedt digitale opslagruimte voor: ~ De accounthouder (abonnementshouder) kan hier zijn eigen website opslaan. ~ Omdat de computer van de provider altijd aan staat, en een eigen adres heeft, is deze website altijd voor iedereen bereikbaar. - Mailbox (letterlijk: postbus) ~ Hier worden de s opgeslagen tot de accounthouder deze ophaalt en eventueel verwijdert. - Homepage (letterlijk: thuispagina )

6 website - webmaster Maken (en wijzigen) op eigen computer Naar eigen homepage verzenden (naar provider m.b.v. een apart programma) Opzetten eigen website ( particulier, vereniging, bedrijf) Stap 1: Stap 2: (Dus niet aangesloten bij de site van KBO-Brabant)

7 website - webmaster - Geen opslag op eigen computer Opzetten website onder KBO-Brabant - Rechtstreeks ingelogd bij provider - Wijzigingen worden meteen aangebracht (op homepage van KBO-brabant)

8 website - webmaster Startpagina - Blokken - Modules - De bezoeker komt “binnen” op de startpagina. - De startpagina (KBO-Brabant) bestaat uit een kop en een body - De kop bevat een menu, en een “inlogmenu” - De kop valt onder het beheer van KBO-Brabant - De body valt onder het beheer van “een groep” - De body bestaat uit 3 kolommen Linker kolom is een menu-kolom (alleen getoond indien ingelogd) De middelste en de rechter kolom bevatten de informatie (resp. kolom 1 en 2) De kolommen 1 en 2 zijn gevuld met blokken (welkomstpagina, “mooi plaatje”, algemene informatie) (KBO-Brabant, kring, afdeling, werkgroep, bestuur)

9 website - webmaster Startpagina - Blokken - Modules - Blokken kun je wel of niet opnemen in een kolom - (Een aantal) Blokken worden alleen getoond als er objecten zijn (Bev. Geen nieuws? Dan ook geen Blok “Nieuws”) (zowel in de startpagina voor “open” als “gesloten” gedeelte) - Blokken zijn voorgeprogrammeerde functies (pagina )

10 website - webmaster Startpagina - Blokken - Modules - De Homepage van KBO-Brabant bevat een aantal Modules. - Een Module is een opslagcapaciteit waar een object onder een uniek nummer wordt opgeslagen (vergelijkbaar met een archiefkast, of een kaartenbak) - Blokken “kijken” in de modules of er objecten zijn die getoond moeten worden. (geen object, dan ook geen blok getoond) - De objecten van alle groepen “zitten” in dezelfde module Bev: Alle nieuwsberichten in de module “Nieuws” (in de bak met nieuwsberichten) - Paginas worden opgeslagen in de module “paginas”, en kunnen alleen getoond worden door een link Alle “uploads” in de module “Uploads”

11 website - webmaster Maak uw keuze: - Korte uitleg van internet en opzetten van een website - Voorbeelden van verwijzingen (links) - Maken van verwijzingen Door op de knop te klikken gaat u naar het betreffende gedeelte - Stoppen

12 website - webmaster Linken! (pagina 32) - Een link is een doorverwijzing, een doorschakeling. - Vier soorten van doorverwijzingen: 1 - naar een andere website (een andere URL, bev. seniorweb) (Altijd laten openen in een nieuw venster) 2 - naar een pagina in de module “paginas” (paginas worden rechtstreeks getoond in de browser) 3 - naar bestanden in de module “uploads” (bev. word, of excel bestanden) (Bij aanklikken wordt gevraagd “openen” “opslaan” “annuleren”, na klik op “openen” wordt eerst bijbehorend programma geladen) 4 - naar een plek binnen dezelfde pagina

13 website - webmaster U krijgt nu een aantal voorbeelden te zien van “doorlinken” Hierbij wordt gebruik gemaakt van de website van KBO Kring Land van Cuijk De website van KBO Land van Cuijk is groep 47 binnen de website van KBO-brabant. (de werking van een link / verwijzing)

14 website - webmaster 1: doorlinken naar een andere site (andere URL) URL staat voor : Uniform Resource Locator - Een URL is een label dat verwijst naar een informatiebron. Bevoorbeeld: een webpagina - - Het eerste voorbeeld is een link naar een “externe site” (pagina 31 van de handleiding) (is geen groep binnen de site van KBO-Brabant) (de werking van een link / verwijzing)

15 website - webmaster Bij “aanwijzen” van de link ziet u linksonder in de statusbalk het adres waar naar toe geschakeld wordt. Na aanklikken Hier ziet u het adres van deze startpagina (de werking van een link / verwijzing)

16 website - webmaster U ziet dat de site van KBO- Boxmeer geopend is in een nieuw venster. Na maximaliseren krijgt u het volgende venster (de werking van een link / verwijzing)

17 website - webmaster U ziet KBO- Boxmeer heeft een eigen website. (is geen groep binnen de site van KBO- Brabant) Na “sluiten” bent U weer terug bij Kring Land van Cuijk (de werking van een link / verwijzing)

18 website - webmaster Doorlinken naar een andere groep binnen de site van KBO-Brabant Tweede voorbeeld: (de werking van een link / verwijzing)

19 website - webmaster Met de muis boven deze link ziet u in de statusbulk waar naar toe “gelinkt” wordt. Aanklikken (de werking van een link / verwijzing)

20 website - webmaster Ook hier wordt de site van KBO- Overloon in een nieuw venster geopend Dus ook weer maximaliseren (de werking van een link / verwijzing)

21 website - webmaster U ziet, ook KBO- Overloon is een groep binnen de site van KBO- Brabant, groepsnr. 99 Ook hier o.a. een link naar een pagina Na klikken op “sluiten” gaat u weer terug naar de site van Kring Land van Cuijk (de werking van een link / verwijzing)

22 website - webmaster 2: een link naar een pagina in de module “paginas” Zoals u zag is er eigenlijk geen verschil in de werkwijze van een link naar een: - website buiten KBO-brabant (externe site) - website binnen KBO-Brabant (andere groep) (pagina 32 van de handleiding) (de werking van een link / verwijzing)

23 website - webmaster Met de muis boven deze link ziet u in de statusbalk waar naartoe “gelinkt” wordt De link verwijst naar pagina nr. 899 in de module “Pagina’s” Na aanklikken (de werking van een link / verwijzing)

24 website - webmaster Hier ziet u het adres van de pagina U ziet dat de startpagina is vervangen door pagina nr. 899 Op deze pagina ziet u nog 6 andere links (doorverwijzigingen) Hier ziet u de link om terug te keren naar de startpagina. (deze link wordt automatisch onder elke pagina getoond) Aanklikken (de werking van een link / verwijzing)

25 website - webmaster 3: Een link (verwijzing) naar een “upload” - Een “upload” is een bestand wat is opgeslagen in de module “Uploads” een bestand kan o.a. zijn: - een word document - een excel werkmap - een powerpoint presentatie (xxx.ppt) - een filmpje of een afbeelding - deze bestanden worden, na het downloaden, geopend in het programma waarmee ze gecreeeerd zijn. (word-document in MS-Word, werkmap in MS-Excel) (op pagina 31 van de handleiding document genoemd) (de werking van een link / verwijzing) - een ***.pdf bestand - ***.pdf bestanden worden (meestal) geopend in Acrobat-reader

26 website - webmaster Met muis boven de link. In de statusbalk zie je waar naar toe “gelinkt” wordt De link verwijst naar: - downloaden nr uit de module “uploads” (de naam van dit bestand is: “Computer onderwijs Land van Cuijk.doc” ) Aanklikken (de werking van een link / verwijzing)

27 website - webmaster Na aanklikken: Wordt: - Microsoft-Word geopend - Het bestand gedownload en geopend. Aanklikken (de werking van een link / verwijzing)

28 website - webmaster Dit document krijgt u nu te zien Na sluiten bent u weer terug op de startpagina (de werking van een link / verwijzing)

29 website - webmaster 4: Een verwijzing binnen een document (een sprong op de pagina) (pagina 33 van de handleiding) - allereerst opent u een pagina - vervolgens klikt u op de link(s) in deze pagina (de werking van een link / verwijzing)

30 website - webmaster Deze link verwijst naar een pagina met afkortingen Aanklikken (de werking van een link / verwijzing)

31 website - webmaster Door hier op een link te klikken “springt” u naar de betreffende groep Aanklikken De schuifbalk geeft aan dat u het bovenste gedeelte van de pagina ziet (de werking van een link / verwijzing)

32 website - webmaster Aan de schuifbalk ziet u dat u een flinke sprong binnen de pagina heeft gemaakt Met deze links springt u weer naar de top of de bodem van de pagina. Aanklikken (de werking van een link / verwijzing)

33 website - webmaster U bent aan de onderzijde van het document Door hier te klikken gaat u weer terug naar de startpagina (de werking van een link / verwijzing)

34 website - webmaster Maak uw keuze: - Korte uitleg van internet en opzetten van een website - Voorbeelden van verwijzingen (links) - Maken van verwijzingen Door op de knop te klikken gaat u naar het betreffende gedeelte - Stoppen

35 website - webmaster ( het maken van een link / verwijzing) 1: een link naar een andere site (pagina 31 van de handleiding) Bij deze uitleg ziet u niet iedere keer het hele scherm, maar alleen dat gedeelte wat nodig is voor de uitleg. Stap 1 - u bezoekt de andere site Stap 2 - u copieert het adres van deze site naar het klembord Stap 3 - u plakt het adres in de invulregel URL: Stap 4 - als doel kiest u voor “Nieuw venster” Stel: u wilt in een tekstblok een verwijzing (link) maken naar de site van Weeronline met de weersverwachting voor Landhorst Nadat u stap 1 en 2 gedaan heeft gaat u naar het bewerken van het tekstblok en kiest u voor

36 website - webmaster Stap 1 + 2: Klikt u met rechts op de adresbalk Daarna met links op “Kopieren” U bezoekt de site van weeronline en u zoekt de weersverachting voor Landhorst, vervolgens ….. Daarna gaat u verder met stap 3 ( het maken van een link / verwijzing)

37 website - webmaster Stap 3: - U selecteerd het woord waaraan u de verwijzing wilt toevoegen (waar u “ de link aan wilt hangen”) - Vervolgens klikt u op de knop Klik met links - U gaat uw teksblok maken en bewerken (pagina van de handleiding) Woord selecteren ( het maken van een link / verwijzing)

38 website - webmaster Vervolg stap 3: ( het maken van een link / verwijzing) - U krijgt dit venster - Nu klikt U met rechts in het veld “URL” - vervolgens met links op “Plakken” U linkt naar een URL - Nu klikt u op “Doel” - U opent het rolmenu - U klikt op “Nieuw venster (blank)”- U klikt op “OK” Het adres is ingevuld

39 website - webmaster ( het maken van een link / verwijzing) De link “hangt er aan” - Er is hier van uit gegaan dat u het adres waar u naar u naartoe wilt linken niet kent. - Kent u dit adres wel, dan kunt u stap 1 en 2 overslaan, en het adres bij stap 3 rechtsteeks in het veld “URL” intypen. - Voor het aanbrengen van een link naar een groep binnen KBO-Brabant gaat u op dezelfde manier te werk als bij een externe site. Nu moet u het blok nog opslaan.

40 website - webmaster ( het maken van een link / verwijzing) 2 - Verwijzing (link) naar een pagina. (pagina 32 van de handleiding) (de pagina moet reeds gemaakt zijn / moet in de module zitten) Stap 1: U selecteert het woord waar u de link “aan wilt hangen” Stap 2: U klikt op de knop ”Link naar een pagina of object enz…..” U krijgt een venster met uw paginas. (eventueel moet u bij “filter” uw afdeling invullen en daarna op Filter klikken) Stap 3: U klikt op de gewenste pagina De link is aangebracht Vergeet niet uw werk op te slaan

41 website - webmaster ( het maken van een link / verwijzing) 3 - Verwijzing naar een “upload” (pagina 31 van de handleiding) Stap 1: U selecteert het woord waar u de link wilt “aanhangen” Stap 2: U klikt op de knop “Link invoegen / wijzigen” U krijgt dit venster. Stap 3: U klikt op “Upload” Stap 4: U klikt op “Bladeren” U krijgt dit venster.

42 website - webmaster ( het maken van een link / verwijzing) Vervolg: Link naar upload Na klikken op “Bladeren” krijgt u dit venster. Stap 5: U zoekt en selecteert het bestand dat u wilt uploaden Stap 6: U klikt “Openen” om er naar toe te kunnen linken

43 website - webmaster ( het maken van een link / verwijzing) Vervolg: Link naar upload Na klikken op “Openen” krijgt u dit venster. Stap 7: U klikt op “Naar de server versturen” Na even wachten krijgt u dit scherm Stap 8: U klikt 2x op “OK” Het venster wordt gesloten en de link is aangebracht Stap 9: Sla uw werk op

44 website - webmaster ( het maken van een link / verwijzing) 4 - verwijzing naar een andere plaats in de pagina. (Interne link) Stel: - U heeft een grote pagina met diverse onderwerpen. - U wilt de bezoeker de mogelijkheid geven om direct naar het onderwerp van zijn keuze “te springen” (pagina 33 van de handleiding) Stap 1: U gaat uw pagina bewerken (via “Paginabeheer”) Stap 3: U zet markeringspunten (ankers) op die plaatsen waar u uw bezoeker naar toe wilt laten “springen” Stap 2: U maakt een menu in uw pagina Stap 4: U brengt de verwijzingen naar de “ankers” aan bij het menu

45 website - webmaster ( het maken van een link / verwijzing) Vervolg: Interne Link Stap 1: U gaat uw pagina bewerken (via “Paginabeheer”) Stap 2: U maakt een menu in uw pagina Stap 3: U zet markeringspunten - U selecteert het markeringspunt - u klikt op de knop ”Interne Link” U krijgt dit venster - U geeft het anker een naam (in dit geval “Externe Link”) - U klikt op “OK”

46 website - webmaster ( het maken van een link / verwijzing) Nadat u op “OK” geklikt heeft bent u weer terug in het bewerkingsveld van de pagina. U ziet dat in de tekst de markeringspunten met een ankertje gemarkeerd zijn. In deze pagina zijn 6 ankers geplaatst - 5 voor de betreffende onderwerpen - 1 om terug te springen naar het menu (de bezoeker ziet deze niet) Stap 4: U brengt de verwijzingen naar de “ankers” aan bij het menu - selecteer de menuoptie - klik op de knop “Link invoegen/wijzigen”

47 website - webmaster ( het maken van een link / verwijzing) Vervolg: Interne Link Na klik op de knop “Interne link” krijgt u dit scherm - U klikt op het rolmenu - U klikt op “Interne Link in pagina” - U klikt op het rolmenu - U klikt op uw anker (nu op “externe link”) - U klikt op “OK” De link is aangebracht - Klik op “Opslaan”

48 website - webmaster Maak uw keuze: - Korte uitleg van internet en opzetten van een website - Voorbeelden van verwijzingen (links) - Maken van verwijzingen Door op de knop te klikken gaat u naar het betreffende gedeelte - Stoppen

49 website - webmaster ( het maken van een link / verwijzing)

50 website - webmaster ( het maken van een link / verwijzing)

51 website - webmaster ( het maken van een link / verwijzing)

52 website - webmaster ( het maken van een link / verwijzing)