SLICEN in Fireworks

Dit is het allermoeilijkste, aangezien het bij elk voorbeeld anders is.

Door te slicen deelt u een grote afbeelding op in meerdere kleine afbeeldingen. Dit is nodig omdat je met één grote afbeelding geen website kan maken. Je wil immers dat er tekst op de afbeelding komt staan en je wil ook dat sommige delen langer worden. Dit kan enkel door bepaalde afbeeldingen als achtergrond in te stellen.

BELANGRIJK: we maken steeds en enkel rechthoekige slicen. Houd dit steeds in het achterhoofd!

We gaan terug naar onze weblay-out in Fireworks.

Hoe maak je een slice?

Kies voor de slicetool in de gereedschapsbalk. Dit is de rechtse knop onder Web.

Sleep over een stuk van de afbeelding. Er komt een doorzichtig groen vlak op te liggen. Fout gesleept? Selecteer het vlak en verwijder het. Geef een slice steeds een naam! Dit kan je doen door linksonderaan de naam in te typen (bv hoofding).


Je moet steeds in één van onderstaande modellen trachten te denken. Een weblay-out bestaat steeds uit rechthoeken.

Later wordt dit model het meest gebruikt:


VOORBEELD

Hier hebben we een standaardlay-out met foto en rechthoeken.

Deze zou voor dit model geschikt zijn:

Let op: we gaan GEEN slice leggen op links en rechts apart. We maken van dat stuk één herhalende slice. We noemen deze de wrapper.

We slicen alles op en voorzien 3 slicen: eentje komt op de hoofding te staan.

Een kleintje komt op het gebied staan dat zich later zal herhalen.

Een laatste komt op de voet te staan.

Klaar met slicen?

Kies in Fireworks voor BestandExporteren.

1: ga naar de juiste map (van je template)

2: maak een map images

3: open deze nieuwe map images

4: kies voor Alleen afbeeldingen

5: Vink alles uit

Kies voor Opslaan.

Alle slicen (segmenten) worden als aparte figuur opgeslagen in de map images.

BELANGRIJKE REGELS:

Enkele voorbeelden:

Fruit:

De smalle figuur in het midden zal zichzelf herhalen en alles mooi opvullen.


Dolce far niente:

Hier zijn nog 3 aparte slicen nodig voor de rechterdiv.
De wrapper zal alles mooi opvullen.

City:

De rechtse slice wordt als achtergrond van de body (pagina) ingesteld.

Verder is er een header, hoofdinglinks en wrapper. Het kleine vierkantje is het opsommingsteken.

Oefening ZEN:

Hier is er geen wrapper. Er wordt niets herhaald omdat de tussenruimte gewoon wit is.

Zie ook oefeningen (zelfstudie.be)