|
|
 |
Inhoud van deze pagina: Werken met buttons | Simpele site met 1 niveau | Simpele site met 2 niveau's | Complexe site met 2 niveau's
Werken met buttons
Terwijl het maken van een simpele site een fluitje van een cent is, is het maken van een ingewikkelder navigatiesysteem een complex gebeuren.
- In QwikZite zijn hierbij 2 opties in het menu 'Button' betrokken:
- Button zichtbaar op alle pagina's of hoort bij pagina ...
- Button verwijst naar pagina ...
- Alsmede een optie in het menu 'Page':
- Pagina erft buttons van pagina ...
Aan de hand van 3 voorbeelden wordt hieronder uitgelegd hoe dat in zijn werk gaat.
- Voorbeeld 1: Simpele site met 1 niveau
Site met een identieke buttonreeks op alle pagina's.
- Voorbeeld 2: Simpele site met 2 niveau's
Site met standaard buttonreeks en extra buttons op het 2e niveau.
- Voorbeeld 3: Complexe site met 2 niveau's
Site met onregelmatige buttonreeksen, waarbij niet langer alle buttons van de homepage zichtbaar zijn op de diverse pagina's.
Voorbeeld 1: Simpele site met 1 niveau
Site met een identieke buttonreeks eop alle pagina's:
| | | | Pagina
100 HOME: | Pagina
200 PRODUCT: | Pagina
300 MANUAL: | Pagina
400 CONTACT: | | HOME | HOME | HOME | HOME | | PRODUCT | PRODUCT | PRODUCT | PRODUCT | | MANUAL | MANUAL | MANUAL | MANUAL | | CONTACT | CONTACT | CONTACT | CONTACT |
De hier getoonde teksten zijn de 'Titels' van de buttons zoals die op de voorkant van de site worden getoond.
Vereisten in menu 'Button':
Naast de bovenvermelde 'Titels' van de buttons, is de invoer als volgt:
| | | | 100 HOME | zichtbaar op alle pagina's | verwijst naar pagina: 100 | | 200 PRODUCT | zichtbaar op alle pagina's | verwijst naar pagina: 200 | | 300 MANUAL | zichtbaar op alle pagina's | verwijst naar pagina: 300 | | 400 CONTACT | zichtbaar op alle pagina's | verwijst naar pagina: 400 |
De in de linkerkolom vermelde teksten zijn de 'Werktitels' van de buttons. Hoewel zelf onzichtbaar op de voorkant, bepaalt de alfabetische volgorde van de 'Werktitels' wel de volgorde waarin de 'Titels' op de voorkant worden getoond.
Vereisten in menu 'Page':
Géén.
De pagina's hoeven geen buttons te erven, omdat alle buttons reeds zichtbaar zijn gemaakt middels de optie 'zichtbaar op alle pagina's' in het menu 'Button'.
Voorbeeld 2: Simpele site met 2 niveau's
Site met de volgende buttonreeksen op de pagina's:
| | | | Pagina
100 HOME: | Pagina
200 PRODUCT: | Pagina
300 MANUAL: | Pagina
400 CONTACT: | | HOME | HOME | HOME | HOME | | PRODUCT | PRODUCT | PRODUCT | PRODUCT | | MANUAL | New products | MANUAL | MANUAL | | CONTACT | Old products | Introduction | CONTACT | | MANUAL | Requirements | | | CONTACT | Functions | | | | Problems | | | | CONTACT | |
| | | | Pagina
210 New products: | Pagina
220 Old products: | etc.
|
| | HOME | HOME | | | | PRODUCT | PRODUCT | | | | New products | New products | | | | Old products | Old products | | | | MANUAL | MANUAL | | | | CONTACT | CONTACT | | |
Vereisten in menu 'Button':
Dit is de invoer van de buttons die op alle pagina's zichtbaar zijn:
| | | | 100 HOME | zichtbaar op alle pagina's | verwijst naar pagina: 100 | | 200 PRODUCT | zichtbaar op alle pagina's | verwijst naar pagina: 200 | | 300 MANUAL | zichtbaar op alle pagina's | verwijst naar pagina: 300 | | 400 CONTACT | zichtbaar op alle pagina's | verwijst naar pagina: 400 |
De volgende buttons zijn alleen zichtbaar op pagina 200 PRODUCT:
| | | | 210 New products | hoort bij pagina: 200 | verwijst naar pagina: 210 | | 220 Old products | hoort bij pagina: 200 | verwijst naar pagina: 220 |
De volgende buttons zijn alleen zichtbaar op pagina 300 MANUAL:
| | | | 310 Introduction | hoort bij pagina: 300 | verwijst naar pagina: 310 | | 320 Requirements | hoort bij pagina: 300 | verwijst naar pagina: 320 | | 330 Functions | hoort bij pagina: 300 | verwijst naar pagina: 330 | | 340 Problems | hoort bij pagina: 300 | verwijst naar pagina: 340 |
Met de bovenstaande invoer zijn alle buttons op de pagina's 100, 200, 300 en 400 nu gedefinieerd.
En in feite zijn tegelijkertijd al een aantal buttonrééksen gedefinieerd: een buttonreeks horend bij pagina 200 (buttonreeks 210/220) en een buttonreeks horend bij pagina 300 (buttonreeks 310/320/330/340). Naar deze pagina's zal verderop gerefereerd worden als 'moederpagina'.
Vereisten in menu 'Page':
Als op dit moment de button 210 New products aangeklikt zou worden om de página 210 New products te openen, zouden daar alleen nog de buttons getoond worden die op alle pagina's zichtbaar zijn (100, 200, 300, 400). Immers, van andere buttons is niet gedefinieerd dat ze tot die pagina behoren.
Om de buttons 210 en 220 ook zichtbaar te maken op de pagina, maak je gebruik van een optie opgenomen in het menu 'Page', waarmee je kunt aangeven dat een pagina de buttons overneemt ('erft') van een specifieke 'moederpagina'. In dit geval:
| | | pagina 210 New products | erft knopppen van pagina: 200 PRODUCT |
Nu is van moederpagina 200 de buttonreeks 210/220 overgenomen op pagina 210.
Dit moet worden ingesteld voor alle pagina's van het 2e niveau, dus ook:
| | | pagina 220 Old products | erft knopppen van pagina: 200 PRODUCT | | pagina 310 Introduction | erft knopppen van pagina: 300 MANUAL | | pagina 320 Requirements | erft knopppen van pagina: 300 MANUAL | | pagina 330 Functions | erft knopppen van pagina: 300 MANUAL | | pagina 340 Problems | erft knopppen van pagina: 300 MANUAL |
Voorbeeld 3: Complexe site met 2 niveau's
Site met onregelmatige buttonreeksen, waarbij niet langer alle buttons van de homepage zichtbaar zijn op de diverse pagina's:
| | | | Pagina
100 HOME: | Pagina
200 PRODUCT: | Pagina
300 MANUAL: | Pagina
400 CONTACT: | | HOME | HOME | HOME | HOME | | PRODUCT | PRODUCT | MANUAL | PRODUCT | | MANUAL | New products | Introduction | MANUAL | | CONTACT | Old products | Requirements | CONTACT | | | Functions | | | | Problems | |
| | | | Pagina
210 New products: | Pagina
220 Old products: | etc.
|
| | HOME | HOME | | | | PRODUCT | PRODUCT | | | | New products | New products | | | | Old products | Old products | | |
Vereisten in menu 'Button':
Dit zijn de buttons die op pagina 100 HOME zichtbaar zijn:
| | | | 100 HOME | zichtbaar op alle pagina's | verwijst naar pagina: 100 | | 200 PRODUCT | hoort bij pagina: 100 | verwijst naar pagina: 200 | | 300 MANUAL | hoort bij pagina: 100 | verwijst naar pagina: 300 | | 400 CONTACT | hoort bij pagina: 100 | verwijst naar pagina: 400 |
Voornaamste verschil met voorbeeld 2 is dat niet langer alle homepage buttons zichtbaar zijn op alle pagina's en dat pagina 100 HOME de moederpagina is geworden van buttonreeks 200/300/400.
Het is een algemeen gebruik om de button 'Home' op alle pagina's zichtbaar te maken, opdat bezoekers niet op een doodlopend spoor kunnen belanden.
De volgende buttons zijn alleen zichtbaar op pagina 200 PRODUCT:
| | | | 200a PRODUCT | hoort bij pagina: 200 | verwijst naar pagina: 200 | | 210 New products | hoort bij pagina: 200 | verwijst naar pagina: 210 | | 220 Old products | hoort bij pagina: 200 | verwijst naar pagina: 220 |
Als verwijzing naar pagina 200 is een extra button met de werktitel '200a PRODUCT' aangemaakt die bij pagina 200 hoort. Dit is niet dezelfde button als '200 PRODUCT' die immers bij pagina 100 hoort en alleen daar zichtbaar is.
Beide knoppen verwijzen weliswaar naar dezelfde pagina en hebben dezelfde titel, 'PRODUCT', maar horen bij en worden getoond op verschillende pagina's.
Op dezelfde manier zijn de volgende buttons alleen zichtbaar op pagina 300 MANUAL:
| | | | 300a MANUAL | hoort bij pagina: 300 | verwijst naar pagina: 300 | | 310 Introduction | hoort bij pagina: 300 | verwijst naar pagina: 310 | | 320 Requirements | hoort bij pagina: 300 | verwijst naar pagina: 320 | | 330 Functions | hoort bij pagina: 300 | verwijst naar pagina: 330 | | 340 Problems | hoort bij pagina: 300 | verwijst naar pagina: 340 |
Vereisten in menu 'Page':
Allereerst de pagina's van het 2e niveau:
| | | pagina 210 New products | erft knopppen van pagina: 200 PRODUCT | | pagina 220 Old products | erft knopppen van pagina: 200 PRODUCT | | pagina 310 Introduction | erft knopppen van pagina: 300 MANUAL | | pagina 320 Requirements | erft knopppen van pagina: 300 MANUAL | | pagina 330 Functions | erft knopppen van pagina: 300 MANUAL | | pagina 340 Problems | erft knopppen van pagina: 300 MANUAL |
Aangezien op pagina 400 CONTACT dezelfde buttons getoond moeten worden als op pagina 100 HOME, kan ook hier van de erf-functie gebruik worden gemaakt:
| | | pagina 400 CONTACT | erft knopppen van pagina: 100 HOME |
Ga naar top | Simpele site met 1 niveau | Simpele site met 2 niveau's | Complexe site met 2 niveau's
|
|
|
|
|
|
Laatste wijzigingen op deze pagina |
|
|
|
|