Kako ustvariti diaprojekcijo z Dreamweaverjem
Dreamweaver je Adobejeva profesionalna programska oprema za spletni razvoj in ponuja vrsto funkcij za izdelavo spletnih strani. Te funkcije segajo od integracije baze podatkov v ozadju do diaprojekcij JavaScript, ki spreminjajo slike v določenih intervalih. Dreamweaverjev standardiziran JavaScript razvijalcem spletnih mest omogoča ustvarjanje diaprojekcij, ne da bi se morali neposredno poglobiti v kodo. Medtem ko ima spletni element, imenovan »diaprojekcija«, isto ime kot komplet diapozitivov programa PowerPoint, je rezultat Dreamweaverja standardni HTML, ki si ga lahko ogledate v katerem koli spletnem brskalniku.
1. korak
Zaženite Dreamweaver in odprite projekt spletnega mesta v meniju »Datoteka«. Pomaknite se na stran projekta vašega spletnega mesta, kjer bo integrirana diaprojekcija.
2. korak
V meniju zgornje plasti kliknite »Vstavi« in nato »Sloj«. To bo odprlo pogovorno okno; kliknite "Slika" za vrsto plasti v tem polju.
3. korak
Kliknite »Prebrskaj« in se pomaknite do imenika s slikami. Izberite sliko svoje prve plasti - to bo prvi diapozitiv, prikazan v diaprojekciji. Namesto slik lahko pokažete tudi na druge strani HTML; to je eden od načinov za vključitev besedila in povezav, ki jih je mogoče klikniti, v diaprojekcijo vašega spletnega mesta.
4. korak
Ponovite prejšnja dva koraka in dodajte novo plast in ustrezno vsebino za vsak diapozitiv, ki ga želite prikazati. Ker bo JavaScript, ki se uporablja za prikaz diaprojekcije v spletnem brskalniku, vnaprej pridobil vso vsebino, boste verjetno želeli, da diaprojekcije ne vsebujejo več kot šest ali sedem elementov, tako da se spletna stran naloži v razumnem času.
5. korak
V meniju zgornje plasti kliknite »Okno« in nato »Časovnica«. Prikaže se urejevalnik časovne osi. Vnesite trajanje za vsako sliko v nizu plasti, ki ste ga ustvarili. Izberite prvo sliko, ki jo želite prikazati, z desno miškino tipko kliknite vnos na časovni osi zanjo in izberite »Dodaj ključni okvir«.
6. korak
Izberite kombinacijo plasti/slike za izbrani ključni okvir in ponovite ta postopek za vsako plast in sliko, ki ju želite na svoji časovni premici.
7. korak
Kliknite »V redu«, da shranite nastavitve.