Headers en footers en banners?!?

[Tarabass]

Hallo,

Maak nu al een tijdje voor hobbie webpagina's en deze worden dan ook steeds uitgebreider. Daar ik er nooit een opleiding voor gevolgt heb, zit ik altijd met vragen die ik op wil lossen.

Mijn vraag nu is:

Wat zijn headers en footers en banners, en wat kan ik ermee/wat is het voordeel ervan? En hoe werk ik er mee?

Wie kan mij dat duidelijk uitleggen?

BvD

 

[peter vazed]

Wat zijn headers en footers en banners, en wat kan ik ermee/wat is het voordeel ervan?

Wat is een site: informatie.
Informatie bestaat uit: tekst en plaatjes. Wordt ook Content genoemd.

De uitvoering, zeg maar het aanzicht heet layout.
Beide delen maak je apart: info en layout.

Het aanzien van de pagina kan met effen kleuren of een grafische vormgeving.
Hierbij kun je plaatjes als omlijsting of achtergrond van een tabel of cel gebruiken.

Bovenaan de pagina kun je een logo of banner zetten (header).
dan volgt het menu met de content.
Geheel onderaan als afsluiting is de footer.
De footer kan je emailadres en © bevatten, of iets anders.

Alleen het contentdeel wisselt dus.

Als je een layout in grafische vorm gebruikt, of met colspan en rowspan werkt, dien je dit te testen in IE en Firefox, wel vullen met voldoende content.
Op deze manier test je ook je CSS.

Dan pas maak je alle pagina's door deze te vullen met content.
Door <!-- begin content --> comments op te nemen voorkom je dat je ergens iets op de verkeerde plek wegzet.

In feite is alles wat je doet geblokt: stukken welke bij elkaar horen.

 

[Tarabass]

Bedankt voor je uitleg. Top!

Heb dat dus op mijn site geprobeert, maar toen verschoof de layout elke keer als ik de content veranderde (zie foto-gallery van mijn site).

Hoe kan ik dan een mooie layout maken zonder content, zodat ik die later kan toevoegen? Heb je een tip voor mij?

 

[peter vazed]

Met een tekenprog maak je je layout.
Voorbeeld:
http://members.lycos.nl/vazed/tut_up/index.html
en dan onder voorbeelden: interface

Je moet wel kunnen slicen.

Deze heb ik gisteren gemaakt:
http://www.zeepoort.nl/phpupdate/ testpagina
waarbij de omkadering van de content is gesliced.

Progjes:
DrawPlus logo en kaders
Shoestring slicer
Irfanview om transparante gifjes te maken
Pixie om kleur te zoeken
Arachnophilia html editor

Slicen moet je leren:
niet alles gelijk in stukken doen, maar top midden en bottom.
Dan pas de rest, eea afhankelijk van je ontwerp.
Het makkelijks is met een vaste breedte van max 800 pixels.
Wil je liquid, dan dien je toch te zorgen dat een achtergrond voor een td zich zonder problemen kan vergroten, dus dat het niet opvalt.

Uiteraard dien je te weten waar je content komt, zodat in dit stuk het plaatje kan verdwijnen en er tekst kan komen.

 

[Tarabass]

Heb je site al gebookmarkt, erg informatief! Ook duidelijk uitgelegt! Ga dat progje btw ook proberen.. :thumb:

Heb zelf dit van de week gemaakt! Ik vind het fijn om met tabel-backgrounds te werken zodat ik met doorzichtige cellen de tekst kan plaatsen...

TEkNO.tk
bonus

Van TEkNO.tk zou ik dus op de home-page de banner (flashmovie) en de navigatie links op een vaste layout willen maken zodat ik alleen de "content" en de navigatie-linken hoef te veranderen. Met banners/headers en footers zogezegt? Waar kan ik dat op jouw site nalezen, of hoe doe ik dat dan het makkelijkst?

ps:werk met dreamweaver om een layout te maken

[edit]kan up niet downloaden, link is dood [/edit]

 

[peter vazed]

http://www.ultimatepaint.com/download.php

 

[Tarabass]

Pixie is echt een aanrader! Errug handig. :thumb: