© Z-point - 20???

Werken met en plaatsen van tekst

SCHAKELBARE INDEX

=====

Platte Teksten

Met behulp van 'Marge'-lijnen

Met behulp van 'Guide'-lijnen

=====

Absolute posities zijn mogelijk

Met behulp van de 'Transform'-tab

Met behulp van Dynamic Guides

Artistieke teksten

Tekst rond een foto leiden

—-------------------------

Er zijn twee soorten teksten:

Platte tekst ook wel bloktekst genoemd en Artistieke tekst

Platte Teksten  <TOP>

Platte teksten worden altijd in tekstframes geplaatst.

Als je op de het T-knopje klikt en ergens op de pagina, dan wordt er automatisch een tekstframe aangemaakt met een flikkerende cursor er in.

Op de plaats van de cursor kun je teksten intypen of er teksten inkopiëren.

Tekstframes kunnen willekeurig op een pagina worden gesleept met het 'kruis'-icoontje links boven het tekstframe

Om tekst-frames heel precies op een pagina te plaatsen hebben wij vier mogelijkheden:

1) met behulp van 'Marge'-lijnen'

2) met behulp van 'help'-lines

3) met behulp van de 'Transform'-tab (rechtsonder op het scherm)

3) met behulp van Dynamic Guides

Met behulp van 'Marge'-lijnen'  <TOP>

Wanneer wij deze instellen worden ze altijd automatisch op alle pagina's op je werkblad getoond. In de browser zijn ze vanzelfsprekend verdwenen.

Rekening houdend met marges en kolom breedten zijn deze een grote hulp om teksframes te plaatsen. De lijnen kunnen zowel magnetisch als niet magnetisch worden ingesteld

Vanuit de 'Content'-toolbar klik je op de tab 'Site Properties'. Hier ga je naar de rubriek 'Margins' in de linker kolom. Rechts maak te de gewenste instellingen.

Een voorbeeld

We gaan een site bouwen met een breedte van 960 pixels (standaard) en een hoogte van 1000 pixels voor elke pagina (ook standaard). Voor het voorbeeld houden we de standaard waarden aan.

Pagina instellingen kunnen we aanpassen vanuit de 'Content'-toolbar klik je op de tab 'Page Properties'.

We houden rekening met een 'Header'-hoogte van 100 pixels en een 'Footer'-hoogte van 40 pixels. Verder willen wij 40 pixels vrijhouden boven de tekstkolommen en 30 pixels onder de tekstkolommen. De linker en de rechter witmarge op de pagina willen we op 30 pixels instellen en we gaan werken met drie kolommen met 15 pixels tussen de kolommen.

Uitgaande van de bovenstaande gegevens maken we de volgende instellingen:

'Content'-toolbar >> 'Site Properties' >> 'Margins':

En Zo krijgen wij een lege pagina te zien met drie kolommen op de gewenste plaatsen op de pagina

Wanneer wij nu deze kolommen 'laten kleven' dan snap je dat dit een grote hulp is bij de opbouw van je pagina.

De hulplijnen kunnen aan/uit worden gezet door in de menubalk 'View' te klikken en vervolgens op 'Gide lines'

Alle hulplijnen kunnen 'kleveriggemaakt worden door in de munubalk 'Arrange' te klikken en vervolgens op 'Snapping'. Jammer dat er geen vinkje staat om te zien wanneer 'kleverig' actief is en wanneer niet…

Met behulp van 'Guide'-lijnen   <TOP>

Een tweede mogelijkheid is om hulplijnen te plaatsen.

Vanuit de 'Content'-toolbar kies Guides en maak de volgende instellingen:

Om Guide'-lijnen op je scherm te krijgen zijn er twee manieren:

Klik uit de menubalg 'View' en vervolgens op 'Rulers' (linialen).

Links en boven je werkblad verschijnen linialen met een pixel aanduiding.

Wanneer je nu met je cursor op een liniaal gaat staan je linkermuisknop indrukt en ingedrukt houdt. komt er een 'guide'-lijn tevoorschijn.

De guide-lines zijn verplaatsbaar. Verwijderen doe je door de lijn terug in de liniaal te slepen.

Als het belangrijke guide lines zijn plaats ze dan in de 'Master Page'

Absolute posities zijn mogelijk  <TOP>

Page Properties >> Guides en maak hier alle lijnen aan of verwijder ze…

Iedere lijn moet steeds 'geAdd' worden

Klik in het overzicht en doe de andere gewenste handelingen.

Met behulp van de 'Transform'-tab  <TOP>

(rechtsonder op het scherm)

Tekstframes (ook groepen) kunnen met de 'Transform' tab heel precies geplaatst worden.

X waarde is van links

Y-waarde is van boven

W-waarde is breedte van het frame

H-waarde is hoogte van het frame

Let op dat de blauwe positiepunt linksboven Anchor Top Left is ingesteld en de Aspect Ratio is Unlocked.

Met behulp van Dynamic Guides  <TOP>

In de Arrange toolbar:

Klik op het pijltje naar beneden en activeer 'Dynamic Guides'

In de  Snapping flyout, zorg dat Dynamic Guides is geactiveerd.

Als we nu een tekstframe verplaatsen verschijn tevens een rode hulplijn

en dat kan heel handig zijn…

Artistieke teksten  <TOP>

Artistieke teksten kunnen flink gemanipuleerd worden

Het plaatsen van artistieke teksten is gelijk

aan die van gewone tekstframes…

Tekst rond een foto leiden…  <TOP>

Wanneer er tekst in een frame staat en er staat ook een foto in datzelfde frame aan te tekst gekoppeld, dan is het vrij simpel om hier tekst omheen te laten lopen:

We plaatsen eerst wat faque-tekst:

Quisque pellentesque metus ac quam. Donec magna nulla, aliquet vitae, congue ac, faucibus ut, erat. Donec sit amet neque. Donec posuere tempus massa. Duis vulputate mauris sit amet purus. Duis vestibulum. Fusce ac erat. Curabitur sagittis. Morbi pellentesque, mauris interdum porta tincidunt, neque orci molestie mauris, vitae iaculis dolor felis at nunc. Maecenas eu diam a leo porta interdum. In non massa quis odio feugiat sagittis. Quisque ac lorem. Maecenas ut sem sed ipsum suscipit malesuada. Nulla quis dui quis ante fermentum interdum. Proin eget est a augue vehicula mattis.

Pellentesque sed nisi at nisi scelerisque iaculis. Phasellus orci. Nulla adipiscing. Suspendisse et leo vel elit ullamcorper gravida. Proin tempor, ligula ut tincidunt tempor, mauris nibh feugiat odio, nec tincidunt erat orci dictum purus. Etiam luctus odio. Aliquam adipiscing urna a felis. Quisque sed elit in eros aliquet ultrices. Donec at sem. Vestibulum cursus.

Integer dolor. Vestibulum sit amet sem nec augue fermentum consectetuer. Integer justo. Pellentesque sed nisi at nisi scelerisque iaculis. Phasellus orci. Nulla adipiscing. Suspendisse et leo vel elit ullamcorper gravida. Proin tempor, ligula ut tincidunt tempor, mauris nibh feugiat odio, nec tincidunt erat orci dictum purus. Etiam luctus odio. Aliquam adipiscing urna a felis. Quisque sed elit in eros aliquet ultrices. Donec at sem. Vestibulum cursus. Integer dolor. Vestibulum sit amet sem nec augue fermentum consectetuer. Integer justo.

Allinea's kunnen apart worden uitgelijnd:

Links, Rechts, Gecentreerd en als Blokzetsel

We plaatsen eerst een foto in de 'Assets'-tab, en daar in de categorie 'Pictures' door daar een foto uit een willekeurige map naar toe te slepen.

Daar vandaan slepen we die foto binnen een tekstframe naar de plek waar de foto moet komen. Afhankelijk van het gebruikte lettercorps past de foto wel of niet precies in het tekstblok.  

Wanneer we nu de foto activeren zien we rechtsonder de foto drie icoontjes. Klik op het meest rechter icoontje met het ankertje er op. Het 'Embedded Object Properties'-scherm wordt geopend.

Maak hier de gewenst instellingen om de tekst netjes rond een foto te leiden…

Het soms helpen de foto iets in elkaar te duwen om de witruimte rondom wat beter te krijgen. Dat doen we met de 'Transform'-tab.

Een overdreven resultaat, Ik heb even de hoogte van 280 pixels in 150 pixels veranderd, maar dit geeft goed aan wat ik bedoel…

<TOP>