Beste studente: Helaas zit je bij het ontwerpen van een website vast aan bepaalde regels, tenzij je een flashwebsite zou maken. Bij flash is veel meer mogelijk alleen heeft deze manier van websites bouwen een groot nadeel. Je kunt niet zomaar online je website aanpassen. Als je dat toch wil, moet je contact opnemen met de bouwers en dat kost tijd en geld. header Op de manier die Willex en ik jullie willen leren kun je straks online je website aanpassen op een zeer simple snelle manier. Dit gaan we doen door een CMS systeem (een soort Word maar dan online). Wellicht heb je straks een stage plaats waar je een website moet onderhouden. Dan komt alles wat je deze lessen leert goed van pas. menu content subcontent Bij het ontwerpen van je website moet je verder denken dan alleen aan het ontwerp. Je moet namelijk het ontwerp interplementeren een site die in stukken is opgedeeld. Elk stuk, mis je dat zelf bepaald) kan dan makkelijk worden aangepast. footer body
Body De achtergrond of te wel de body kun je een kleur, verloop geven (zie voorbeeld) of een foto. Bij de foto moet je op een aantal dingen letten: De foto moet zo groot zijn als je gehele achtergrond van het voorbeeld (grid). Als hij kleiner zou zijn herhaald hij de foto op het zichtbare scherm en dat is not done in 2008! Zorg er ook voor dat de achtergrond de functie houd van achtergrond en niet overdreven aanwezig is. Maak dus gebruik van een hoge transparantie.
Header en Footer Bij de header is van alles mogelijk. Hier ben je geheel vrij in wat je voor font je gebruikt en welk beeldmateriaal je verwerkt. Zorg wel voor goede kwaliteit beeldmateriaal want de header fungeert als een soort reclamebord van de eigenaar van de site Laat de plaatjes alleen niet overlopen naar een van der andere vlakken. Deze regel geldt voor alle vlakken. Tip: Maak een header in een apart document en zorg er voor dat je het document bewaard met alle lagen (bewaar als PSD) Na het bewaren als psd maak je er één laag van (lagen / één laag maken). Daarna sleep je met het zwarte plijtje de header naar het document Grid. Waarom deze manier? Omdat je dan heel makelijk nieuwe header kan maken. In de header staat van een boodschap, logo en of de naam van het bedrijf. Maak die niet al te klein... denk er om dat de header als een soort reclamebord fungeert. Beeldmateriaal niet buiten het headervlak laten lopen!
Menu Er is mij ter oren gekomen dat er een aantal zaken niet duidelijk in de lessen is overgekomen. Met name het gebruik van lettertypen / fonts. Bij de menu s is het niet de bedoeling dat je buttons maakt. De menu items moeten gewoon als tekst worden ingetypt in het daarvoor bestemde vlak. Waarom? Omdat dit gevolgen heeft voor het omzetten naar een CMS systeem. Ook grote jongens zoals Apple, Media markt, BCC, etc. maken gebruik van deze zelfde opbouw en dat zoen ze niet voor niets. Bekijk de sites maar eens. Niet alle lettertypen kunnen. Je kunt alleen kiezen uit de volgende lettertypen: Home algemeen contact links geen buttons maken
Content en subcontent Ook hier geldt dat je alleen de fonts kan gebruiken die ik eerder heb vermeldt. De bedoeling van je ontwerp is dat je hele ontwerp een nabootsing geeft van je hompage, de eerste pagina die je gaat zien op het net. Het vlak met content kun je vullen met tekst en beeld. In je concept doe je dat dan ook.. maar let er wel op dat er geen foto volledig op de achtergrond mag komen. Je kunt wel een foto er in zetten maar dan moet hij wel onderaan verlopen naar één kleur. (zie nr 1) Dit zelfde geldt ook voor de alle andere vlakken behalve de header en footer. Als je dat niet doet wordt het plaatje herhaalt of uitgerekt als de tekst in de content in hoeveelheid groter wordt dan het vlak wat je nu ziet in het ontwerp, en dat wil je niet! Wij hebben prachtige ontwerpen gezien... We hopen daarom niet dat je teleurgesteld raakt als je dingen nog moet aanpassen. Wij weten namelijk ook hoe frustrerend het is om te horen van wat wel en niet kan 1 Na het lezen van deze informatie hoop ik een beter beeld te hebben gegeven van wat wel en niet kan bij je ontwerp. Heel veel succes en tot volgende week in de les die je NIET MAG MISSEN!