Professionele website-bouwers maken vaak prachtige logo’s voor de header van de openingspagina. In deze workshop leer je hoe je ze zelf kunt maken met iWeb en een beetje hulp van Pages.
iWeb is een hele aantrekkelijke webeditor als je zelf niets van HTML, PHP of CSS weet. Met dit programma werk je namelijk aan websites zoals je in Pages werkt aan posters. Je hoeft geen regel broncode te typen. In deze workshop laten we de mogelijkheden van iWeb zien door een header te ontwerpen. Een header is meestal het ´logo´ van je website; het is het eerste wat de bezoekers zien en waarschijnlijk het meest herkenbare onderdeel van de website. Professionele webdesigners maken logo´s meestal met Photoshop en plaatsen ze in de site met Dreamweaver. In iWeb hoeft dat dus niet: op een kleine sluiproute na, kun je de hele banner ontwerpen en daarna online zetten met dit programma. En je zult verrast zijn door de mogelijkheden, want die vallen zeker niet tegen!
1: Schuiven
Schuif allereerst de titel van de website naar beneden. Daardoor zal de hele inhoud van de pagina naar beneden schuiven, zodat je genoeg ruimte hebt voor een header.
2: Vorm een rechthoekGa naar het menu ‘Vorm’ en selecteer de rechthoek. Deze verschijnt nu op de pagina. Maak deze vorm net zo breed als de lay-out en zet via het info-venster de omlijning uit (zet de optie ‘Lijn’ op ‘geen’).
3: VerloopjeZet nu de optie ‘Vulling’ in het info-venster op ‘Geavanceerde verlooptint’ en zet ‘Hoek’ op 90°. Klik daarna op de linkerschuifknop met daaraan een blokje, dat onder de voorvertoning van de verlooptint hangt.
