Ontwerp handleiding WB5 en uitwerking: Nanno Koerts (http://kiektoestel.nl)
Ontwikkelaar WB5: Pablo van der Meer (http://www.pablosoftwaresolutions.nl)

© 2007-2008 by Pablo Software Solutions
Deze pagina werd 6143 keer bekeken.
2.0 Basis instellingen bepalen

Om een website te kunnen maken hebben we de nodige gegevens nodig en moeten er bepaalde eigenschappen ingesteld en/of gewijzigd worden.
We beginnen in dit geval met de pagina eigenschappen van onze ‘indexpagina’.
Hier volgt een korte omschrijving van de algemene eigenschappen:
· Titel: Dit is de paginatitel die bovenin de browser weergeven wordt.
(dit is dus NIET de naam van de pagina).
· Knopnaam: Dit is de naam die zichtbaar is in een te gebruiken Menubalk, Tabmenu etc.
· Breedte: Hiermee bepaalt u de breedte (in pixels) van de pagina op het werkblad.
· Hoogte: Hiermee bepaalt u de hoogte (in pixels) van de pagina op het werkblad.
2.2 Pagina eigenschappen > Opmaak
2.3 Pagina eigenschappen > Metatags
2.5 Pagina eigenschappen > Pagina overgangen

Web Builder heeft een aantal leuke effecten ingebouwd. Eén hiervan zijn de pagina overgangen. In dit venster ziet u een hele lijst met effecten.

Maak een keuze of je dit effect bij het aantreden van je website wilt, bij het afsluiten, bij het openen of verlaten van de pagina.

Kies daarna het soort effect dat je wilt gebruiöken.

Voer een getal in bij ‘tijdsduur’ om de lengte van de overgang te bepalen.

Het is geheel aan de maker van de website wat hij mooi vind.
 
 
 
 
 
 
Opmerkingen: De waarde bij hoogte wordt niet gebruikt door de browser, maar wordt alleen gebruikt door Web Builder om aan te geven wat het werkgebied is en om de scrollbars aan te passen wanneer de pagina niet helemaal op uw scherm past. De 'Centreren in browser' optie gebruikt de waarde van de breedte om het absolute midden van een web pagina te bepalen. Dit betekent dat indien u een webpagina heeft ontworpen met een resolutie van 800x600, dat deze waarde op 800 moet staan anders wordt de pagina niet in het midden van het browservenster weergegeven!
· Extensie: Standaard wordt html gekozen. Voor meer complexe pagina’s met bijv php-code dien je PHP te kiezen als extensie voor je pagina. Het kunnen ook combinaties zijn in je totale website.
· Character Set: De character set zorgt ervoor dat de browser de juiste codering gebruikt om de pagina's weer te geven.
· Pagina taal: Als u een Nederlandse gebruiker bent, zet deze dan op 'dutch (netherlands)'. De instelling voegt een Meta toe aan de pagina die wordt gebruikt voor de zoekmachines.
· Favorites Icon: In de nieuwe browsers (vanaf IE6) komt er een klein symboolje te staan voor het adres van de website. Om er 1 te laten genereren, klik hier: http://tools.dynamicdrive.com/favicon/
· Centreren: Hiermee wordt de pagina in het midden van het browservenster weergeven.
· Image toolbar uitschakelen: Hiermee schakel je de IE toolbar uit die bij een afbeelding getoond wordt tijdens het bezoek van je pagina.
· Publiceren: Als u het vakje aanvinkt zal deze pagina niet worden gepubliceerd naar de webhost als u de keus maakt de gehele website te publiceren.
· Synchroniseren: Dit is van toepassing als u een Menubalk gebruikt vanuit de Toolbox. Als u dit hokje aanvinkt zal deze pagina NIET zichtbaar zijn in het Menu op uw pagina.
Met de knop ‘Maak default’ bepaal je de standaard eigenschappen voor nieuw te maken pagina’s.
2.1 Pagina eigenschappen > Algemeen

Eén van de eerste dingen die je waarschijnlijk zal doen is het configureren van een aantal algemene pagina eigenschappen zoals de achtergrond kleur, titel van de pagina, afmetingen en dergelijke.
Selecteer vanuit de werkbalk [Pagina è Pagina eigenschappen] om de pagina eigenschappen weer te geven. Je ziet dan het volgende venster:
Hier bepaal je de opmaak van je pagina. Je kan deze als staandaard instellen en op 'maak default' te klikken. Zo krijgt iedere nieuwe pagina deze instellingen.
· Afbeelding: Hiermee kan optioneel een afbeelding op de achtergrond van de webpagina worden weergegeven. Indien de afbeelding kleiner is dan de pagina grootte wordt deze herhaald zodat de gehele pagina wordt gevuld.
De keus ‘gefixeerde achtergrond’ zorgt ervoor dat je achtergrond afbeelding vast blijft staan en je pagina over je achtergrond heen scrolt.
· Herhaal: Met de functie ‘Herhaal’ kun je een kleine afbeelding laten repeteren op de achtergrond. De achtergrond zal dus geheel gevuld worden met deze afbeelding.
Je kunt dit laten herhalen in beide richtingen, van links, rechts of geen herhaling.
· Achtergrondkleur: De kleur die wordt gebruikt als achtergrond van de pagina.
· Link kleur: Hiermee bepaal je de standaard kleur van de getoonde link op je pagina.
· Bezochte link kleur: Hiermee bepaal je de standaard kleur van de bekeken link op je pagina.
· Actieve Link kleur: De standaard kleur van de actieve link van een pagina.
· Hover Link kleur: Hiermee bepaal je de standaard kleur van de link op je pagina wanneer de bezoeker de muis op de link plaatst.
· Geluid: Hier kunt u een geluidsfragment toevoegen die bij het openen van uw pagina in de browser zal worden afgespeeld. Te gebruiken bestanden: *.wav, *.au en *.mid.
· Herhalen: Hiermee bepaalt u hoe vaak het geluidsfragment herhaald moet worden. Wanneer ‘Doorlopend’ wordt aangevinkt zal het geluidsfragment continue worden herhaald.
· Lettertype: Hiermee bepaalt u het standaard lettertype dat zal worden gebruikt bij het plaatsen van bijv. een tekstvak op uw pagina. Bepaal daarnaast de standaard grootte en kleur.
Dit is puur voor de basis en kan altijd handmatig worden aangepast.
De Metatags zijn belangrijk voor de zoekmachines zoals Google. Altavista etc.
Een zoekmachine zoekt op trefwoorden en de zoeker zal de titel en de omschrijving zien in het zoekresultaat.

Het is dus belangrijk om een goede omschrijving en de juiste trefwoorden te gebruiken.

Bij ‘Auteur’ zet je de naam van de maker of de eigenaar van de website neer. Deze kan via ‘Bron Weergeven’ in de browser bekeken worden. Zo weet iedereen wie de maker van de website is.
2.4 Pagina eigenschappen > Scrollbars

Je kunt elke pagina zijn unieke scrollbar kleuren meegeven bij de opmaak.

Kies bijvoorbeeld de hoofdkleuren die je op de pagina gebruikt, zo vormt er een geheel en zal de standaard scrollbar kleur van de browser overschreven worden bij het bezoeken van je website.
 
2.6 Pagina eigenschappen > Events

Events zijn gebeurtenissen die ingesteld kunnen worden en later pas in gebruik worden genomen.
Een hele bekende event is de 'onMouseover'. Deze wordt veelal gebruikt bij een tekstlink.
Binnen Web Builder is er veel meer mogelijk met events.

In de afbeelding hieronder is een event toegevoegd met de 'onLoad' functie en de actie is 'Play'.
Het doel is geselecteerd op de geplaatste Windows Media plugin.

Deze event zal dus het media bestand afspelen wanneer de pagina getoond (geladen) wordt aan de bezoeker.
Meer over het gebruik van de events kunt u lezen in onze workshop.
WYSIWYG Web Builder 5
Pablo Software Solutions