02 Master pages
© Z-point - 20???
Masterpagina's
================
Inhoud afhankelijke tekst aanpassen
Copyright info in de 'Footer' plaatsen
Element voor een enkele pagina uit masterpagina halen
Masterpagina <TOP>
Standaard is altijd een 'Master Page A' aangemaakt waar een standaard knoppenbalk in is geplaatst. Omdat ik met twee Masterpagina's wil gaan werken maak ik eerst een kopie masterpagina van de bestaande 'Master Page A'.
Klik op het +icoontje op een nieuwe master aan te maken en geef die een eigen naam.
Automatisch wordt er een B aan toegevoegd, (C,D, ev. voor nog meer pagina's).
'Dubbelklik' op het logo van de pagina activeert die en er wordt een 'oogje' toegevoegd.
Alle info uit Master A wordt automatisch in B overgenomen
We gaan een andere standaard knoppenbalk in de masterpagina 'Intro B'' plaatsen:
Dubbelklik rechts onder Pages/ Master Pages op 'Intro B' zodat het oogje weer verschijnt.
Activeer in de linker kolom het grijze vierkantje met de pop-
Sleep een rechthoek op de pagina.
Creëer rechtboven onder 'Color' het eerste icoontje 'Fill' een kleur voor de 'Header' en 'Footer'. of kies een vaste kleur onder 'Swatches'
Met de Masterpagina 'Intro B' nog steeds geactiveerd:
Klik rechtsonder binnen de tab 'Transform'
en maak daar de gewenste instellingen.
Stel de 'Header' in voor nu:
X=0
Y=0
W=1200 (max breedte van de site)
H=50 (gewenste hoogte van de header = in dit geval 15 px minder dan de ingestelde kolomhoogte)
Het groene puntje moet linksboven staan…
en de Aspect Ratio rechts >:< moet zo staan (= unlocked).
Activeer de 'Header' en maak een kopie met 'Ctrl+C' in het geheugen van de computer en plaats een kopie d.m.v. 'Ctrl+V'. Sleep deze kopie naar de onderkant van de pagina.
Een andere kopieermethode is: activeer de 'Header' houdt de CTRL-
Stel de 'Footer' in op:
X=0
Y=1470 (= Paginahoogte 1500 -
W=1200 (max breedte van de site)
H=30
Het groene puntje moet linksboven staan…
en de Aspect Ratio rechts >:< moet zo staan (= unlocked)..
NIET VERGETEN…
Echter om er zeker van te zijn dat de 'Footer' altijd onderaan de pagina blijft staan is de volgende instelling (met een geactiveerde 'Footer') uit het 'Arrange'-
Item aan de header toevoegen <TOP>
Een illustratie
Activeer de 'Assets'-
bijvoorbeeld 'Logos' en maak een keuze. Het geselecteerde item wordt in dit geval in 'Graphics' geplaatst. In het Logo-
Sleep het logo in de pagina en plaats/vervorm het naar wens.
Dubbelklik en rechtsonder kunnen onder 'Transform' meer handelingen worden uitgevoerd. Draaien bijvoorbeeld…
Site-
Onder de ' Drawing'-
Klik in de 'Intro-
Op de 'Context Toolbar', van de 'Text Style'-
'Heading 1' of maak zelf een 'Headercode' aan, bijvoorbeeld 'introHeading'.
Klik 'OK' om te sluiten. Na plaatsing kan je de tekst ook nog manipuleren…
'Master Page' aanpassen <TOP>
Inhoud afhankelijke tekst aanpassen <TOP>
Afhankelijk van de geopende pagina is het mogelijk bepaalde teksten weer te geven.
(Denk aan automatisch gegenereerde dag/maand/jaar-
Wij gaan nu een tekstvlakje plaatsen waarin automatisch de naam van de geopende pagina in wordt weergegeven: Dit tekstvlak kan op een willekeurige vaste plaats op de pagina worden aangebracht.
Klik op de Quick Build tab, in de Layout Items categorie, het Text Frame knopje.
Klik ergens op de pagina en er verschijnt een tekstframe.
Kies in het Text Style Palette voor Heading 2
Vanuit het Text-
Vanuit de Web Page Information dialoogbox,
kies Page Name of maak een andere keus en klik 'OK'.
In de Transform tab (rechtsonder):
Let op dat het 'object' staat op Anchor Top Left and the Aspect
Ratio (>:<) is Unlocked.
Vul waarden is voor
X=15 pix, Y=210 pix, W (breedte)=300 pix en H (hoogte)=35 pix
Alles afhankelijk van wat je wilt plaatsen en waar op de pagina.
Copyright info in de 'Footer' plaatsen <TOP>
Klik op de Quick Build tab, in de Layout Items categorie, het
Text Frame knopje.
Klik ergens rechts op het 'Footer'-
Op de 'Text Styles'-
Klik 'Show All' om alle beschikbare 'Text Styles' te bekijken.
Er wordt in de engelse PDF gevraagd de stijl ‘Footer’ te activeren maar
'Footer' komt niet in mijn lijst voor….
Ik kies daarom voor '!GrdRo-
Om een copyright symbol in te voeren ga naar het Text Menu bovenaangevolgd door Insert>Symbol>Copyright
Vul aan met verder gewenste info en sluit af met het jaartal.
Of vervang het jaartal om voor makkelijke te vinden code (20??? bijvoorbeeld) om deze later in de HTML-
<script type="text/javascript">
var theDate=new Date()
document.write(theDate.getFullYear())
</script>
In geval je met een .PHP-
<?php echo date("Y"); ?>
Pas het uiterlijk van de de regel verder naar wens aan.
Element voor een enkele pagina uit een masterpagina halen <TOP>
Een element uit een MasterPage halen dat alleen wordt toegepast op een enkele pagina… Soms staan daar elementen die in sommige pagina's ongewenst zijn.
Als voorbeeld staat er onder in de Homepagina een frame waarin de naam van de geopende pagina vermeld staat. Dit zou voor de Homepagina ongewenst kunnen zijn, maar moet wel in alle andere pagina's blijven bestaan… Om dit te realiseren handelen we als volgt:
Op de Pages-
Klik in de 'Footer' op het framepje waar nu 'Home' in staat. Rechtsomder het framepje verschijnen een tweetal logootjes.
Klik op het linker knopje ' Promote from Master Page'
Het framepje blijft staan, maar is nu losgekoppeld van de MasterPage.
Wanneer je nu op het kadertje van het frame klikt, kun je via de 'Delete'-
Master C <TOP>
Als oefening kunnen we met de huidige kennis een 'Master C' masterpagina maken en hier een Header, Footer, Logo en Site-
Met het plusknopje in Papes>>Master Pages maken we een nieuwe pagina aan. Dan maken we een kopie van alle elementen uit 'Intro B' en plaatsen die in Master C. Houdt rekening met de volgende informatie:
Pagina breedte = 1000 pix
Zetspiegel = 970 pix
Kolomwit = 15 pix
Pagina hoogte = 1000 pix
Header hoogte = 100 pix = volle Breedte
Footer = 60 pix
Basisopmaak = 3 kolom
Het hulplijnenspel Site Properties>Marges wordt nu ook voor 'Intro B' opnieuw ingesteld. Het is niet anders… Met Hulplijnen, te slepen uit de linialen, Kun je een alternatief over de marges plaatsen…