Sisällysluettelo:

Adobe Flash Preloader -näytön luominen: 9 vaihetta
Adobe Flash Preloader -näytön luominen: 9 vaihetta

Video: Adobe Flash Preloader -näytön luominen: 9 vaihetta

Video: Adobe Flash Preloader -näytön luominen: 9 vaihetta
Video: How to Create an Adobe Flash Preloader Screen 2024, Marraskuu
Anonim
Adobe Flash Preloader -näytön luominen
Adobe Flash Preloader -näytön luominen

Flash-esilatauslaite houkuttelee käyttäjiä verkkosivustollesi sen lataamisen aikana näyttämällä tiedoston latauspalkin, joka päivittää verkkosivuston edistymisen. Näin teet yhden

  • Tietokone, jossa on internetyhteys
  • Adobe Flash CS4
  • Olemassa oleva Actionscript 3.0 -sivusto

Vaihe 1: Vaihe 1: Avaa Flash -tiedostot

Vaihe 1: Avaa Flash -tiedostot
Vaihe 1: Avaa Flash -tiedostot

Käynnistä Adobe Flash CS4 -ohjelma ja avaa Flash -verkkosivustosi tiedostot. Vaihda työtilan asettelua napsauttamalla valikkorivin vasemmassa yläkulmassa olevaa avattavaa valikkoruutua ja valitsemalla Suunnittelija.

Vaihe 2: Vaihe 2: Lisää tyhjiä avainkehyksiä

Vaihe 2: Lisää tyhjiä avainkehyksiä
Vaihe 2: Lisää tyhjiä avainkehyksiä

Valitse aikajanapaneelista kaikki tasot korostamalla yläkerros, pitämällä Vaihto -näppäintä painettuna ja korostamalla alempi kerros. Napsauta ja vedä yläkerroksen ensimmäistä kehystä yksi kehys oikealle ja luo tyhjä kehys jokaisen kerroksen alkuun.

Vaihe 3: Vaihe 3: Luo latauspalkki

Vaihe 3: Luo latauspalkki
Vaihe 3: Luo latauspalkki

Luo latauspalkki. Korosta ensin aikajanan alempi kerros ja valitse Työkalut -paneelista suorakulmion työkalu. Muuta sitten Ominaisuudet -kohdassa suorakulmion viivan ja täytteen värit sekä viivan koko. Piirrä suorakulmio verkkosivusi keskelle. Varmista, että suorakulmio ja viiva eivät sulaudu verkkosivun taustaan. VIHJE Jos et ole varma, mitä kuvake tarkoittaa missä tahansa paneelissa, pidä hiiren kohdistin sen päällä saadaksesi kuvauksen.

Vaihe 4: Vaihe 4: Muuta latauspalkin ääriviivat

Vaihe 4: Muunna latauspalkin ääriviivat
Vaihe 4: Muunna latauspalkin ääriviivat

Muunna latauspalkin ääriviivat elokuvaleikkeeksi. Valitse valintatyökalu työkaluvalikosta ja kaksoisnapsauta suorakulmiota niin, että koko ääriviivat on valittu. Paina F8 avataksesi "Muunna symboliksi" -ikkunan. Vaihda nimeksi "ääriviivat" ja tyypiksi "Elokuvaleike". Napsauta OK.

Vaihe 5: Vaihe 5: Muuta latauspalkki

Vaihe 5: Muunna latauspalkki
Vaihe 5: Muunna latauspalkki

Anna yleinen kuvaus vaiheesta Napsauta suorakulmion keskikohtaa ja paina F8 muuntaaksesi sen myös symboliksi. Muuta nimi suorakulmioksi ja tyypiksi Elokuvaleike. Valitse rekisteröintiä varten keskimmäinen neliö vasemmassa reunassa. Napsauta sitten OK. Siirry nyt Ominaisuudet -paneeliin ja muuta instanssin nimeksi rectangle_clip.

Vaihe 6: Vaihe 6: Luo prosenttiteksti

Vaihe 6: Luo prosenttiteksti
Vaihe 6: Luo prosenttiteksti

Valitse tekstikuvake Työkalut -valikosta. Säädä tekstin määritteet Ominaisuudet-kohdassa ja varmista, että tekstityökalu-asetukseksi on valittu dynaaminen teksti. Piirrä tekstiruutu asiakirjaasi suoraan suorakulmion alle. Tämä tekee Ominaisuudet -paneelista tekstiruudun ominaisuudet. Muuta näissä uusissa ominaisuuksissa ilmentymän nimeksi text_clip.

Vaihe 7: Vaihe 7: Kirjoita skriptit "stop" ja "event"

Vaihe 7: Kirjoita
Vaihe 7: Kirjoita

Varmista, että alemman kerroksen ensimmäinen kehys on valittuna Aikajana -paneelissa, tuo toimintopaneeli esiin painamalla F9. Kirjoita ensimmäiselle riville pysäytysskripti, joka estää verkkosivun pyöräilemästä. Siirry seuraavalle riville painamalla Enter ja lisää komentosarja, joka määrittää tapahtumatoiminnon verkkosivulle. Kutsu toiminto esilataus 1. Paina Enter.

Vaihe 8: Vaihe 8: Kirjoita "toiminto" -skripti

Vaihe 8: Kirjoita
Vaihe 8: Kirjoita

Kirjoita esilataus1 -funktio, joka sisältää kaksi muuttujaa: toinen, joka palauttaa verkkosivun tavut yhteensä, ja toinen, joka palauttaa kuinka monta tavua on ladattu. Funktio asettaa sitten latauspalkin koon ja tekstin prosentteina, kuinka monta tavua on ladattu. Toiminnon viimeinen osa kehottaa Flashia siirtymään aikajanan toiseen kehykseen ja toistamaan sen, kun koko asiakirja on ladattu.

Vaihe 9: Vaihe 9: Julkaise ja lataa

Vaihe 9: Julkaise ja lataa
Vaihe 9: Julkaise ja lataa

Julkaise verkkosivusto siirtymällä kohtaan Tiedosto, Julkaisuasetukset. Varmista, että sekä SWF- että HTML -ruudut on valittu. Nimeä molemmat tiedostot uudelleen ja valitse tallennuspaikka. Napsauta sitten Julkaise ja lataa kaikki julkaistut tiedostot verkkopalvelimellesi. Pääset Flash -sivulle siirtymällä verkkopalvelimesi HTML -tiedostoon.

Suositeltava: