Designs JouwWeb
Afbeeldingen, lettertypes en elementen op de pagina zijn zelf in te stellen. Maar met de keuze voor een design staan een aantal zaken wel vast.
Let bij je keuze op:
- hoogte en breedte van de banner, bijvoorbeeld paginavullend, paginabreed, niet paginabreed, smal
- plaats van de naam van de website, bijvoorbeeld linksboven of midden
- plaats van het menu, bijvoorbeeld rechts of midden, of een zijmenu
- vorm van het menu, bijvoorbeeld een kader om de actieve pagina, of een gekleurd vlak
- blijft het menu in beeld bij het scrollen ja of nee
- is de kleur van de footer aan te passen
- staat de tekst van de pagina in een kader, dat al dan niet over de banner valt
Op onderstaande afbeeldingen kun je klikken zodat je een vergroting ziet.
Banner paginavullend
| Naam | Bold |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Crossfit |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Fjord |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Modern |
|---|---|
| menu in beeld bij scrollen | ja? |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Restaurant |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
Banner paginabreed
| Naam | 4Art |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Barber |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Bed & breakfast |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Blauwhoeve |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | ja |
| Naam | Burger |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Business |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Concert |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Countdown |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Creativ |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | ja |
| Naam | Dark |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Explorer |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | nee |
| tekst in kader | ja |
| Naam | Flora |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Fresh |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Gadget |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Glow |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Gourmet |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | nee |
| tekst in kader | ja |
| Naam | Manicure |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | ja |
| Naam | Norsk |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | ja |
| Naam | Pink |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Plant |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Poisson |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | ja |
| Naam | Rust |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | nee |
| tekst in kader | ja |
| Naam | Skyline |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Suit |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Travelling |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
Banner niet paginabreed
| Naam | Beautiq |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | ja |
| Naam | Blanco |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Clean |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | nee |
| tekst in kader | nee |
| Naam | Furniture |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Massagesalon |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | ja |
| Naam | Treetops |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | nee |
| tekst in kader | nee |
Banner smal
| Naam | Autumn |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | ja |
| Naam | Books |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | nee |
| tekst in kader | nee |
| Naam | Dog |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | ja |
| Naam | Fotografie |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Foto romantiek |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Lunch |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | ja |
| Naam | Professional |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | ja |
Zijmenu
| Naam | Leaf |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| Naam | Portfolio |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
Bijzonder
| Naam | Beautysalon |
|---|---|
| menu in beeld bij bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| bijzonder | raster, kleurenbalk, top-element |
| Naam | Cupcake |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | nee |
| tekst in kader | ja |
| bijzonder | patroon/foto als achtergrond buiten kader, versieringen |
| Naam | Health |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | ja |
| bijzonder | vlakken en kaders |
| Naam | Minimal |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | nee |
| tekst in kader | nee |
| bijzonder | kleurvlak bovenkant tot helft banner |
| Naam | Office |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | ja |
| bijzonder | raster achtergrond |
| Naam | Scheef |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | ja |
| tekst in kader | nee |
| bijzonder | schuine banner |
| Naam | Shades |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | nee |
| tekst in kader | ja |
| bijzonder | vlakken en kaders |
| Naam | Voetbal |
|---|---|
| menu in beeld bij scrollen | nee |
| kleur footer aan te passen | nee |
| tekst in kader | ja |
| bijzonder | patroon/foto als achtergrond buiten kader |
| Naam | Wild Pixel |
|---|---|
| menu in beeld bij scrollen | ja |
| kleur footer aan te passen | ja |
| tekst in kader | ja |
| bijzonder | vlakken en kaders |
Keuzehulp
Aan te raden is om eerst te kiezen voor de hoogte en breedte van de banner. Na die keuze zijn er meerdere designs mogelijk die ieder een eigen vormgeving hebben. Verschillen zijn bijvoorbeeld de plaats en vorm van het menu, of de tekst van de pagina in een apart kader staat en of de kleur van de footer af kan wijken van de achtergrondkleur. Hieronder een overzicht.
Uitleg:
naam: locatie van de naam van de website
menu: locatie van het menu van de website
vorm menu: vorm van de actieve pagina in het menu
tekst kader: staat de tekst op de pagina in een kader
menu blijft: blijft het menu zichtbaar als je scrollt
footer eigen kleur: kan je de kleur van de footer zelf instellen of krijgt deze dezelfde kleur als de achtergrond van de website
Paginavullend
| Naam site | Menu | Vorm menu | Tekst kader | Menu blijft in beeld | Footer eigen kleur | |
|---|---|---|---|---|---|---|
| Bold | links | in banner | niets | nee | ja | ja |
| Crossfit | links | in banner | kader | nee | ja | ja |
| Fjord | links | in banner | gevuld rond kader | nee | ja | ja |
| Modern | midden | onder banner | streep | nee | ja | ja |
| Restaurant | midden | onder banner | streep | nee | ja | ja |
Paginabreed
| Naam site | Menu | Vorm menu | Tekst kader | Menu blijft in beeld | Footer eigen kleur | |
|---|---|---|---|---|---|---|
| 4Art | links in banner | rechts | streep | nee | ja | ja |
| Barber | links in balk | rechts | kader | nee | ja | ja |
| Bed & Breakfast | links van midden in banner | rechts van midden | kader | nee | ja | ja |
| Blauwhoeve | links van midden in balk | rechts van midden | niets | ja | nee | ja |
| Burger | links in banner | rechts | gevuld rond kader | nee | ja | ja |
| Business | links in balk | rechts | streep | nee | nee | ja |
| Concert | links in banner | rechts | kader | nee | ja | ja |
| Countdown | links in banner | rechts | kader | nee | ja | ja |
| Creativ | links van midden in balk | rechts van midden | streep | ja | ja | ja |
| Dark | links in banner | rechts | streep | nee | ja | ja |
| Explorer | links van midden in banner | rechts van midden | kader | ja | nee | nee |
| Flora | midden in banner | onder banner | gevuld hoekig kader | nee | nee | ja |
| Fresh | midden in balk | midden in balk | streep | nee | nee | ja |
| Gadget | links in balk | rechts in balk | streep | nee | nee | ja |
| Glow | links in banner | rechts | kader | nee | ja | ja |
| Gourmet | links van midden in banner | rechts van midden | rond kader | ja | nee | nee |
| Manicure | links van midden in balk | rechts van midden | streep | ja | nee | ja |
| Norsk | links van midden in balk | rechts van midden | streep | ja | ja | ja |
| Pink | links in banner | rechts | streep | nee | ja | ja |
| Plant | links van midden in banner | rechts van midden | kader | nee | ja | ja |
| Poisson | links van midden in balk | rechts van midden | streep | ja | nee | ja |
| Rust | links van midden in balk | rechts van midden | streep | ja | nee | nee |
| Skyline | midden in banner | onder in banner | streep | nee | nee | ja |
| Suit | links in banner | rechts in banner | niets | nee | ja | ja |
| Travelling | midden in balk | midden in balk | streep | nee | nee | ja |
Niet paginabreed
| Naam site | Menu | Vorm menu | Tekst kader | Menu blijft in beeld | Footer eigen kleur | |
|---|---|---|---|---|---|---|
| Beautiq | midden in balk | onder in balk | streep | ja | nee | ja |
| Blanco | midden boven banner | midden boven banner | kleur | nee | nee | ja |
| Clean | midden boven banner | midden boven banner | gevuld hoekig kader | nee | nee | nee |
| Furniture | midden boven banner | midden in balk | gevuld hoekig kader | nee | nee | ja |
| Massagesalon | midden in balk | onder in balk | streep | ja | nee | ja |
| Treetops | midden boven banner | midden boven banner | gevuld hoekig kader | nee | nee | nee |
Smal
| Naam site | Menu | Vorm menu | Tekst kader | Menu blijft in beeld | Footer eigen kleur | |
|---|---|---|---|---|---|---|
| Autumn | midden in balk | onder in balk | streep | ja | nee | ja |
| Books | midden boven banner | midden boven banner | kleur en verticale strepen | nee | nee | nee |
| Dog | links van midden boven banner | links van midden in balk | opgelicht hoekig kader | ja | nee | ja |
| Fotografie | links van midden in balk | rechts van midden in balk | gevuld scheef kader | nee | ja | ja |
| Foto romantiek | links van midden boven banner | rechts van midden | gevuld hoekig kader | nee | ja | ja |
| Lunch | links boven banner | links in balk | gevuld hoekig kader | ja | nee | ja |
| Professional | links van midden in balk | rechts van midden | streep | ja | nee | ja |
Zijmenu
| Naam site | Menu | Vorm menu | Tekst kader | Menu blijft in beeld | Footer eigen kleur | |
|---|---|---|---|---|---|---|
| Leaf | links naast banner | links naast banner | niets | nee | nee | ja |
| Portfolio | links naast banner | links naast banner | niets | nee | nee | ja |
Bijzonder
| Naam site | Menu | Vorm menu | Tekst kader | Menu blijft in beeld | Footer eigen kleur | |
|---|---|---|---|---|---|---|
| Beautysalon | links van midden boven banner | rechts van midden | gevuld scheef kader | nee | ja | ja |
| Cupcake | midden boven banner | midden boven banner | onderbroken streep | ja | nee | nee |
| Health | links in balk | rechts in balk | gekleurd vlak | ja | ja | ja |
| Minimal | midden boven banner | midden boven banner | gevuld hoekig kader | nee | nee | nee |
| Office | links boven banner | links boven banner in balk | gevuld vlak | ja | nee | ja |
| Scheef | links | rechts boven banner | streep | nee | nee | ja |
| Shades | links boven banner in balk | rechts boven banner | gevuld vlak | ja | ja | nee |
| Voetbal | links boven banner | links boven banner in balk | gekleurde tekst | ja | nee | nee |
| Wild Pixel | links boven banner in balk | rechts boven banner in balk | gevuld vlak | ja | ja | ja |