2. Ontwerp (alleen gebruiken als uw website nog geen huisstijl heeft)

Maat: px

Weergave met pagina beginnen:

Download "2. Ontwerp (alleen gebruiken als uw website nog geen huisstijl heeft)"

Nele van Veen
8 jaren geleden
Aantal bezoeken:

1 2. Ontwerp (alleen gebruiken als uw website nog geen huisstijl heeft) 2.1. Lay-out U kunt de indeling van uw site zelf kiezen en wijzigen. Er zijn momenteel negen verschillende framesets mogelijk. Voorbeeld: Werkwijze U klikt op het bolletje naast de frameset die u wenst. U kunt daarna op navigatie/bovenframe/mainframe klikken en uw achtergrond uit uw bestand kiezen. Klik op [Opslaan] als u de achtergrond wilt opslaan. Daarna klikt u op [Opslaan] in de lay-out view. Uw frameset is nu aangepast. Voorbeeld: Navigatie: 120 Bovenframe: 100 Onderframe: 60 U kunt de drie indelingen (navigatie, bovenframe, onderframe) zo breed maken als u zelf wilt. De cijfers ernaast geven de grootte van de drie balken aan. De getallen geven het aantal pixels aan op het scherm. 72 pixels is ongeveer gelijk aan 1 cm. Het aantal cm op het scherm is wel schermafhankelijk. Navigatie: De navigatieknoppen maken duidelijk wat de indeling is van uw site. Ze maken met andere woorden de plaatsindeling van uw website duidelijk. U kunt de navigatiebalk zowel links als bovenaan plaatsen. Boven/onderframe: Dit is de balk boven- of onderaan het scherm. Ook de grootte van deze balken kunt u wijzigen. Het mainframe past zich vanzelf aan.

Klik op [Opslaan] als u de achtergrond wilt opslaan. Daarna klikt u op [Opslaan] in de lay-out view. Uw frameset is nu aangepast.

2 Lay-out Expert Mode In de Expert Mode is het mogelijk de lay-out van de frames verder uit te werken. Scrollbars U kunt zelf het uiterlijk bepalen van de schuifbalken op uw website. Als u zelf bepaalde kleurcodes wilt, kunt u die hier invullen. Anders maakt u gebruik van het kleurenpalet dat u naast het invulveld ziet staan. U kunt de kleur van de volgende onderdelen instellen: Scrollbar-face: de bovenkant van de schuifbalk Scrollbar-arrow: de driehoekjes boven en onder de schuifbalk Scrollbar-track: de ondergrond waar de schuifbalk overheen schuift Scrollbar-shadow: de donkere schaduwrand van de schuifbalk Navigatieframe Met het bovenste getal kunt u de ruimte instellen (in pixels) tussen de taalvlaggetjes en de bovenkant van de site. Daaronder kunt u de ruimte bepalen tussen de taalvlaggetjes en het menu met de diverse links naar de pagina s binnen de website. Onder de navigatieknoppen (pagina s) kunt u ook een figuur opladen. (Menustructuur) De ruimte tussen de figuur en de navigatieknoppen kunt u hier ook opgeven. Deze figuur kunt u ook links, in het midden of rechts plaatsen in het navigatieframe. Via de framespecifieke elementen kunt u bepalen of u de navigatie al dan niet links, rechts of in het midden plaatst van uw frame. Bovenframe Hier kunt u weer een figuur opladen. De ruimte boven de figuur kunt u hier weer opgeven. Deze figuur kunt u links, rechts of in het midden van het frame plaatsen. Onderframe In het onderframe kun u weer een figuur opladen. De ruimte boven en onder de figuur kunt u hier weer opgeven. Deze figuur kunt u dan ook links, rechts of in het midden van het frame plaatsen.

U kunt de kleur van de volgende onderdelen instellen: Scrollbar-face: de bovenkant van de schuifbalk Scrollbar-arrow: de driehoekjes boven en onder de schuifbalk Scrollbar-track: de ondergrond waar

3 Teller: Als u dat wilt, kunt u een teller plaatsen. Die is dan zichtbaar op de site onderaan links (Bezoekers) Taalvlaggetjes Dit onderdeel is speciaal voor de meertalige OCP-websites. Hier kunt u kiezen of u met vlaggetjes werkt of met knoppen om de taalkeuze weer te geven. Kies een weergave en klik daarna op [Opslaan] Interactieve knoppen In dit onderdeel kunt u de knoppen wijzigen. Die worden o.a. gebruikt in het contactformulier voor de verzenden- en de opnieuw-knop. U kunt de fontgrootte aanpassen naar b.v. 12 pixels (standaard). Daarnaast zijn er opties om de kleur van het font, de achtergrond en het kader naar keuze te wijzigen Navigatie U kunt voor de navigatie tussen de pagina's (zowel hoofdpagina's als subpagina's) gebruik maken van 2 soorten navigatiesystemen: navigatie met tekst en navigatie met knoppen: a. Navigatieteksten Dit is een op tekst gebaseerd menu dat u zowel inhoudelijk als grafisch zelf kunt aanpassen. Grafische vormgeving Er zijn twee onderdelen, namelijk: Hoofdpagina s: u gaat naar de grafische vormgeving van de hoofdpagina s; Subpagina s: u gaat naar de grafische vormgeving van de subpagina s. Navigatieteksten Als u hier op klikt, gaat u naar de pagina waar u de tekst van het navigatiemenu kunt opgeven. De identificatie (eerste kolom) is niet zichtbaar op de site, deze dient alleen voor het snel terugvinden van de juiste pagina s. Deze benaming kunt u wijzigen in het gedeelte pagina s. Geef dus bij voorkeur eerst de pagina s een praktische benaming. LET OP: Als u op [Navigatieteksten] klikt, dan veranderen de knoppen onmiddellijk naar tekstlinks. Dit is ook meteen zichtbaar op de site.

Interactieve knoppen In dit onderdeel kunt u de knoppen wijzigen. Die worden o.a. gebruikt in het contactformulier voor de verzenden- en de opnieuw-knop. U kunt de fontgrootte aanpassen naar b.v. 12 pixels (standaard).

4 b. Navigatieknoppen In plaats van met tekstlinks te werken voor de navigatie, kunt u ook met grafisch beeldmateriaal werken. Als u op [Navigatieknoppen] klikt gaat u naar de pagina waar u de figuren voor de knoppen kunt opladen Navigatie hoofdpagina s Deze bewerkingen hebben betrekking op de navigatieteksten voor de hoofdpagina's. Op deze pagina kunt u de volgende bewerkingen uitvoeren: Lettertype: Hier heeft u de keuze tussen verschillende standaardlettertypes. Fontgrootte: U bepaalt hier de grootte van het lettertype. Kleur van de link: Hier bepaalt u in welke kleur u de link op de navigatiebalk wilt. Elke kleur heeft een code. U kunt deze code altijd aanpassen. LET OP: de kleurcode moet altijd worden voorafgegaan door een #, gevolgd door 6 hexadecimale cijfers. U kunt ook een kleur kiezen via de kleurenkiezer rechts naast de kleurcode. Kleur van de hover: Wanneer u met de muis over de link beweegt, krijgt de link een andere kleur. Deze kleur kunt u hier bepalen. Achtergrond van de link: kies hier de achtergrondkleur van de tekstlink. Als u de tekst vet, cursief of in een kadertje wilt plaatsen, moet u het bijbehorende hokje aanvinken. Als u meer functionaliteit wilt, klikt u op de [Expert mode] Navigatie hoofdpagina s expert mode Als u net iets meer wilt halen uit uw website is de expert mode de ideale oplossing. Hier heeft u de volgende functionaliteit: Ruimte tussen hoofd- en subpagina: hoe groter deze waarde, hoe verder het menu uit elkaar wordt getrokken.

Navigatie hoofdpagina s Deze bewerkingen hebben betrekking op de navigatieteksten voor de hoofdpagina's.

5 Uitklapbaar laten: telkens als u op een hoofdpagina klikt die subpagina s heeft dan zal deze open blijven staan. Uitklapbare figuur: U kunt deze optie aan- of uitzetten wanneer u wel of niet een figuur vóór de navigatietekst wilt. Grootte van de figuur: 10 bij 12 pixels. Figuur open: Laad hier uw figuur op voor een geselecteerde tekstlink. Dit komt vóór de navigatietekst te staan, na het klikken op de tekstlink. Figuur dicht: Laad hier uw figuur op voor een niet-geselecteerde tekstlink Navigatie subpagina s Deze bewerkingen hebben betrekking op de navigatieteksten voor de subpagina s. Op deze pagina kunt u de volgende bewerkingen uitvoeren: Lettertype: Hier heeft u de keuze tussen verschillende standaardlettertypes. Klik op het lettertype van uw keuze. Fontgrootte: U bepaalt hier de grootte van het lettertype. Fontgrootte 12 is een normale tekstweergave. Kleur van de link: Hier bepaalt u in welke kleur u de link op de navigatiebalk wilt. Elke kleur heeft een code. U kunt deze code altijd aanpassen. LET OP: de kleurcode moet altijd worden voorafgegaan door een #, gevolgd door 6 hexadecimale cijfers. U kunt ook een kleur kiezen via de kleurenkiezer rechts naast de kleurcode. Kleur van de hover: Wanneer u met de muis over de link beweegt, krijgt de link een andere kleur. Deze kleur kunt u hier bepalen. Achtergrond van de link: Kies hier de achtergrondkleur van de tekstlink. Als u de tekst vet, cursief of in een kadertje wilt plaatsen, moet u het bijbehorende hokje aanvinken Navigatieknoppen Hier kunnen de grafische navigatieknoppen worden opgeladen. Er zijn per knop twee invulvelden: een invulveld voor de gewone afbeelding en een invulveld voor de "rollover"- status. Met de "rollover"-status bedoelen we wanneer de muis zich boven deze figuur (=link) bevindt.

Figuur open: Laad hier uw figuur op voor een geselecteerde tekstlink. Dit komt vóór de navigatietekst te staan, na het klikken op de tekstlink.

6 Navigatieknoppen expert mode In de expert mode kunt u aangeven, of een hoofdpagina met subpagina's uitgeklapt moet blijven als deze wordt aangeklikt. Neem voor meer informatie contact op met de helpdesk op 09/ support@e2e.be

Vergelijkbare documenten

Handleiding Mijneigenweb.nl

Handleiding Mijneigenweb.nl Inhoud 1 Inloggen 2 Kleurenschema en lettertype 2.1 Kies een standaard kleurenschema 2.2 Kleurenschema en lettertypes aanpassen/ zelf samenstellen 3 Logo 4 Visual 4.1 Eigen