Vuorovaikutteiset taitot käytännössä

Oletetaan, että Jarmo vastaa erään yhtyeen julkisuuskuvasta. Yhtyeen kiertueaikataulu päivittyy jatkuvasti. Jarmon on varmistettava seuraavat asiat:

  • Uusin kiertueaikataulu näkyy bändin hienolla SWF-sivustolla.
  • Yhtyeellä on myös hieno HTML-sivusto, jossa on uusin kiertueaikataulu niitä faneja varten, joilla ei ole Flash Playeriä.
  • Yhtyeellä on postitusluettelo, jonka vastaanottajille lähetetään painettu versio uusimmasta kiertueaikataulusta.

Kun Jarmo on päättänyt yhtyeen graafisen ulkoasun, Jarmo taittaa postituslistaa varten painettavan julkaisun käyttäen QuarkXPress-projektin tulostustaittoa ja tuo siihen uusimman kiertueaikataulun.

QuarkXpress example interactive print layout Vuorovaikutteiset taitot käytännössä

Vakiomuotoinen QuarkXPress-tulostustaitto.

Kun suorapostitusjulkaisun taitto on valmis, Jarmo valitsee Taitto > Monista, jolloin sisältö monistuu Web-taitoksi samaan projektiin. Sen jälkeen hän voi käsitellä samassa tiedostossa olevaa HTML-versiota sivusta.

QuarkXpress example interactive web layout Vuorovaikutteiset taitot käytännössä

Tulostustaiton monistamisella luotu Web-taitto.

Seuraavaksi Jarmo monistaa Web-taiton vuorovaikutteiseen taittoon valitsemalla jälleen Taitto > Monista.

Hän lisää taittoon vuorovaikutteisuutta määrittämällä kitaran liukumaan oikealta sisään, kun SWF-esitys avataan. Jarmo toteuttaa tämän seuraavasti:

  • Hän lisää punaisen viivan toimimaan polkuna, jota pitkin kitara liikkuu. Jarmo tekee siitä perusobjektin Vuorovaikutteinen-palettia käyttämällä ja antaa nimen “KitaranPolku”. Hän valitsee Valinnat-vaihtoehdon alta Aluksi kätketty, jotta loppukäyttäjät eivät näkisi viivaa.
  • Sen jälkeen Jarmo valitsee kitaran ja määrittää sen Vuorovaikutteinen-paletissa animaatio-objektiksi nimeltä “LiukuvaKitara”. Jotta kitara liikkuisi punaista viivaa pitkin, Jarmo valitsee Näytä-luettelovalikosta Kohde reitillä -vaihtoehdon ja valitsee sitten Polku-luettelovalikosta KitaranPolku-vaihtoehdon (punainen viiva). Jarmo määrittää liukumisen nopeuden kirjoittamalla Nopeus-kenttään 4.

QuarkXpress example interactive layout Vuorovaikutteiset taitot käytännössä

Muuta kohde animaatiokohteeksi käyttämällä Kohde-välilehteä.

Jotta animaation voisi toistaa, Jarmo tekee kaksi asiaa:

  1. Hän luo komentosarjan, joka toistaa animaation.
    QuarkXpress example script playanimation Vuorovaikutteiset taitot käytännössä

    Komentosarja-välilehdessä voit luoda komentosarjoja.

  2. Jarmo liittää komentosarjan esityksen ensimmäiseen sivuun valitsemalla komentosarjan nimen sivun Tulokomentosarja-luettelovalikosta. Tällöin komentosarja ajetaan sivua avattaessa.
    QuarkXpress example page script playanimation Vuorovaikutteiset taitot käytännössä

    Sivu-välilehdessä voit liittää sivuihin komentosarjoja.

Seuraavaksi Jarmo haluaa lisätä painikkeen, joka avaa yhtyeen managerin HTML-sivuston erilliseen ikkunaan. Jarmo piirtää kuvalaatikon, antaa sille nimen “Sivustopainike”, valitsee Kohteen tyyppi -luettelovalikosta Painike-vaihtoehdon ja valitsee sitten Painike-luettelovalikosta Uusi-vaihtoehdon. Tämä luo nelisivuisen painiketaiton, ja Jarmo rakentaa siihen painikekohteen neljä tilaa (käyttäen pelkästään QuarkXPressin työkaluja). Painikkeen eri tilojen avulla Jarmo voi antaa loppukäyttäjälle palautetta. Jos kutakin tilaa ilmentää eri kuva, painikkeen ulkoasu muuttuu sen mukaan, onko se ylhäällä vai painettuna alas, käytössä vai ei käytössä.

QuarkXpress example button pagelayout Vuorovaikutteiset taitot käytännössä

Sivun taitto -paletissa voit tarkastella luotavan painikkeen tiloja.

Seuraavaksi Jarmon on määritettävä painike, joten hän vaihtaa takaisin esitystaittoon ja määrittää painikkeen avaamaan yhtyeen Web-sivuston. Tämä tapahtuu liittämällä painikekohteen Vapauta-käyttäjätoimintoon Avaa URL -toimenpide.

QuarkXpress  Vuorovaikutteiset taitot käytännössä /sub/quarkxpress/fi/source/images/example_websitebutton.jpg">

Tapahtuma-välilehdessä voit liittää tapahtumia painikeobjektin eri tiloihin.

Seuraavaksi Jarmo haluaa lisätä esitykseen animoidun logon. Hän luo kuvasarjan piirtämällä kuvalaatikon, antamalla sille nimeksi “AnimoituLogo”, valitsemalla Kohteen tyyppi -luettelovalikosta Animaatio, valitsemalla Näytä-luettelovalikosta Jakso laatikossa ja valitsemalla sitten Sarja-luettelovalikosta Uusi. Tämä luo kuvasarjataiton. Jarmo lisää kuvasarjataittoon 10 sivua ja luo sitten animaation 11 kuvaa asettamalla yhden kuvan kullekin sivulle.

QuarkXpress example image sequence Vuorovaikutteiset taitot käytännössä

Sivun taitto -paletissa voit esikatsella kuvasarjan kuvia.

Jotta animaatio toimisi, hän lisää Toista animaatio -toiminnan samaan komentosarjaan, jolla “LiukuvaKitara”-animaatio aloitetaan.

Yhtyeen kiertueaikataulun sisältävä SWF-sivu on nyt valmis, joten Jarmo valitsee Tiedosto > Vie > Macromedia Flash -vienti, määrittää vientiasetukset ja vie esityksen SWF-muodossa.

QuarkXpress example interactive export Vuorovaikutteiset taitot käytännössä

Macromedia Flash -vienti -valintaikkunassa voit määrittää vientiasetukset.

Kun sivun kaikki kolme versiota–tulostus, Web ja vuorovaikutteinen–ovat valmiita, Jarmo synkronoi kiertueaikataulun kaikkien kolmen taiton kesken käyttämällä Jaettu sisältö -palettia. Sen jälkeen hän tulostaa tulostetaiton, vie Web-taiton HTML:ksi ja vie vuorovaikutteisen taiton SWF-muotoon.

Viikkoa myöhemmin saapuu uusi kiertueaikataulun uusi versio. Jarmo avaa projektin ja aloittaa uuden aikataulun kirjoittamisen tulostustaittoon. Jakamalla näkymän Jarmo näkee heti, että kaksi muutakin taittoa päivittyvät myös.

QuarkXpress example interactive split window Vuorovaikutteiset taitot käytännössä

QuarkXPressissä voit tarkastella monia taittoja yhtä aikaa, jolloin näet, miten sisältö päivittyy tulostustaittoon ja vuorovaikutteiseen taittoon samanaikaisesti.

Sen jälkeen ei tarvitse kuin viedä Web- ja vuorovaikutteinen taitto, ja sivusto on päivitetty. Jos myös suorapostitusjulkaisu on tulostettava, tulostamisenkin voi aloittaa.

Vuorovaikutteiset taitot käytännössä