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

Deze presentatie bestaat uit 3 gedeelten: 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 2

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

Internet: (2) - Andere computers toegang via een provider 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 (Gebruikersnaam en wachtwoord) Internet (provider) Computer inloggen (Inloggegevens kloppen dus toegang) (De gebruikersgegevens (naam-wachtwoord) zijn meestal opgeslagen)

Internet: (3) De provider biedt digitale opslagruimte voor: website - webmaster Internet: (3) De provider biedt digitale opslagruimte voor: - Homepage (letterlijk: thuispagina) ~ 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 e-mails opgeslagen tot de accounthouder deze ophaalt en eventueel verwijdert.

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

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

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

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

Startpagina - Blokken - Modules 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) - De objecten van alle groepen “zitten” in dezelfde module Bev: Alle nieuwsberichten in de module “Nieuws” (in de bak met nieuwsberichten) Alle “uploads” in de module “Uploads” - Blokken “kijken” in de modules of er objecten zijn die getoond moeten worden. (geen object, dan ook geen blok getoond) - Paginas worden opgeslagen in de module “paginas”, en kunnen alleen getoond worden door een link 10

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

Linken! (pagina 32) website - webmaster - Een link is een doorverwijzing, een doorschakeling naar een object ergens op Internet. - 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 12

U krijgt nu een aantal voorbeelden te zien van “doorlinken” website - webmaster (de werking van een link / verwijzing) 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. 13

1: doorlinken naar een andere site (andere URL) website - webmaster (de werking van een link / verwijzing) 1: doorlinken naar een andere site (andere URL) (pagina 31 van de handleiding) - 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” (is geen groep binnen de site van KBO-Brabant) 14

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

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

website - webmaster U ziet KBO-Boxmeer heeft een eigen website. (de werking van een link / verwijzing) 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 17

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

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

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

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

2: een link naar een pagina in de module “paginas” website - webmaster (de werking van een link / verwijzing) 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) 2: een link naar een pagina in de module “paginas” (pagina 32 van de handleiding) 22

website - webmaster (de werking van een link / verwijzing) 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 23

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

3: Een link (verwijzing) naar een “upload” website - webmaster (de werking van een link / verwijzing) 3: Een link (verwijzing) naar een “upload” (op pagina 31 van de handleiding document genoemd) - 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 - een ***.pdf bestand - deze bestanden worden, na het downloaden, geopend in het programma waarmee ze gecrëeerd zijn. (word-document in MS-Word, werkmap in MS-Excel) - ***.pdf bestanden worden (meestal) geopend in Acrobat-reader 25

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

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

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

website - webmaster (de werking van een link / verwijzing) 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 29

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

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

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

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

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

website - webmaster ( het maken van een link / verwijzing) Bij deze uitleg ziet u niet iedere keer het hele scherm, maar alleen dat gedeelte wat nodig is voor de uitleg. 1: een link naar een andere site (pagina 31 van de handleiding) 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 <Link toevoegen/wijzigen> 35

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

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

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

website - webmaster Nu moet u het blok nog opslaan.(toevoegen) ( het maken van een link / verwijzing) De link “hangt er aan” Nu moet u het blok nog opslaan.(toevoegen) - 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. 39

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 het filter gebruiken) Stap 3: U klikt op de gewenste pagina De link is aangebracht Vergeet niet uw werk op te slaan 40

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” U krijgt dit venster. Stap 4: U klikt op “Bladeren” 41

website - webmaster Vervolg: Link naar upload ( 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 om er naar toe te kunnen linken Stap 6: U klikt “Openen” 42

website - webmaster Vervolg: Link naar upload Stap 9: Sla uw werk op ( het maken van een link / verwijzing) Vervolg: Link naar upload Na klikken op “Openen” krijgt u dit venster. Stap 7: U klikt op “Naar server verzenden” 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 43

website - webmaster ( het maken van een link / verwijzing) 4 - verwijzing naar een andere plaats in de pagina. (Interne link) (pagina 33 van de handleiding) 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” Stap 1: U gaat uw pagina bewerken (via “Paginabeheer”) Stap 2: U maakt een menu in uw pagina Stap 3: U zet markeringspunten (ankers) op die plaatsen waar u uw bezoeker naar toe wilt laten “springen” Stap 4: U brengt de verwijzingen naar de “ankers” aan bij het menu 44

website - webmaster Vervolg: Interne Link ( 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” 45

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. (de bezoeker ziet deze niet) In deze pagina zijn 6 ankers geplaatst - 5 voor de betreffende onderwerpen - 1 om terug te springen naar het menu Stap 4: U brengt de verwijzingen naar de “ankers” aan bij het menu - selecteer de menuoptie - klik op de knop “Link invoegen/wijzigen” 46

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

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