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 e-mails 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: - 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
(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 13 - 16)
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,
- 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
een doorschakeling naar een object ergens op Internet.
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
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 gecrëeerd 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. 21679 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)
Geopend in Microsoft Word
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)
U bent bij de groep “Omroepen”
33
website - webmaster
U bent aan de onderzijdevan 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 <Link toevoegen/wijzigen>
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 <Link invoegen / wijzigen>
Klik met links
- U gaat uw teksblok maken en bewerken (pagina 13-15 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.(toevoegen)
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.
Stap 3: U klikt op de gewenste pagina
De link is aangebracht
Vergeet niet uw werk op te slaan
(Eventueel moet u het filter gebruiken)
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 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
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 “Link invoegen/wijzigen” 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