Adobe Fireworks Creative Suite 5 tukee s l icing -tekniikkaa, jolla suuret tiedostot voidaan hajottaa pienemmiksi paketeiksi, jotta ne latautuvat nopeammin. Se on myös tapa liittää URL-osoitteita kuvan eri alueille ruudukkomallissa.
Täydellinen ehdokas viipaloidulle taideteokselle on navigointipalkki. Jokainen välilehti on yksittäinen osio, jota napsauttamalla verkkoselaimessa katsoja siirtyy eri paikkaan.

Valitse Sovita kankaalle -komento.
Luo peruskuva
Luo ensin peruskuva - tässä esimerkissä suorakulmio. Toimi seuraavasti:
Valitse Tiedosto → Uusi avataksesi Uusi asiakirja -valintaikkunan.
Kirjoita Leveys-ruutuun 500 ja Korkeus-ruutuun 200; napsauta OK.
Uusi, tyhjä asiakirja avautuu. (Huomaa, että se on suurempi kuin luomasi kuva; näet, kuinka voit muokata sitä myöhemmin.)
Valitse Suorakulmio-työkalu Työkalut-paneelin Vektori-osiosta. Luo suorakulmio napsauttamalla ja vetämällä.
Mikä tahansa koko on hyvä.
Kun suorakulmio on valittuna, napsauta Työkalut-paneelin Värit-osiossa Täyttöväri ja valitse väri.
Avaa tietopaneeli valitsemalla Ikkuna → Tiedot.
Kirjoita 300 W (leveys) -ruutuun ja 50 H (korkeus) -ruutuun.
Voit myös määrittää tämän koon Ominaisuudet-paneelista.
Napsauta Osoitintyökalulla mitä tahansa kohtaa kankaalla suorakulmion ulkopuolella poistaaksesi suorakulmion valinnan.
Napsauta hiiren kakkospainikkeella (Windows) tai Control-osoita (Mac) ja valitse kontekstivalikosta Muokkaa kangasta→ Sovita kankaalle.
Kanvas mukautuu suorakulmion koon mukaan.
Kun et ole valinnut yhtään objektia, voit myös napsauttaa Sovita kankaalle -painiketta Ominaisuudet-paneelissa.
![Viipaloinnin käyttäminen Fireworks CS5:ssä]()
Kanvas mukautuu kohteeseen sopivaksi.
![Viipaloinnin käyttäminen Fireworks CS5:ssä]()
Lisää teksti
Lisää tekstiä navigointipalkkiin.
Valitse Työkalut-paneelin Vektori-osiosta Teksti-työkalu.
Napsauta Täyttöväri Työkalut-paneelin Värit-osiossa. Valitse väri.
Aseta fontti ja fonttikoko Ominaisuudet-paneelissa.
Napsauta suorakulmion vasenta puoliskoa sijoittaaksesi lisäyskohdan sinne, missä haluat tekstin alkavan, ja kirjoita teksti.
![Viipaloinnin käyttäminen Fireworks CS5:ssä]()
Napsauta kahdesti tekstialueen oikealla puolella poistaaksesi aktiivisen tekstialueen valinnan ja luodaksesi uuden.
Pidä Alt+Shift (Windows) tai Option+Shift (Mac) -näppäimiä ja vedä alkuperäinen tekstiruutu oikealle kloonataksesi ja tasataksesi uuden tekstilaatikon.
Kirjoita sana tai kaksi seuraavaa navigointivälilehteäsi varten.
Käytä osoitintyökalua tekstin sijoittamiseen uudelleen.
Viipaloi se
Kun olet valmistellut yksinkertaisen mutta tehokkaan navigointipalkin, luo pari viipaletta Leikkaa-työkalulla ja vie ne. Toimi seuraavasti:
Valitse Slice-työkalu Työkalut-paneelin verkko-osiosta; napsauta ja vedä sitten suorakulmion Koti-osion vasemmasta yläkulmasta oikeaa alakulmaa kohti.
![Viipaloinnin käyttäminen Fireworks CS5:ssä]()
Jos tavoittelet täydellisyyttä, valitse Näytä → Viivaimet näyttääksesi viivaimet. Kun viivaimet ovat näkyvissä, voit napsauttaa ja vetää ohjaimia ulos niistä.
Kun viipale on aktiivinen, Ominaisuudet-paneeli muuttuu tarjoamaan osiovaihtoehtoja.
Muuta muotoa Slice Export Settings -pudotusvalikosta.
Valitse GIF-muoto, jos kuvituksessa on paljon yksivärisiä, tai valitse JPEG kuville, joissa on paljon värisävyjä.
Kirjoita linkki Linkki-tekstiruutuun.
Kirjoita linkin lyhyt kuvaus Alt-tekstikenttään.
Vaihtoehtoinen teksti on teksti, joka tulee näkyviin sivun latauksen aikana. Se näkyy myös grafiikan tilalla, jos katsoja on sammuttanut grafiikkanäytön verkkoselaimessaan.
![Viipaloinnin käyttäminen Fireworks CS5:ssä]()
Napsauta Slice-työkalulla ja vedä navigointipalkin toisen puoliskon ympärille. Toista vaiheet 3 ja 4.
Se on viipalointia yksinkertaisessa muodossa. Voit tehdä prosessista niin monimutkaisen kuin haluat luomalla kokonaisia viipaloituja sivuja (koska hakukoneet haluavat etsiä tekstisisältöä) navigointipalkkeihin, joissa on monia linkkejä ja kohteita.