Diaesitykset ovat yleinen verkkosivuston käyttöliittymä, jota käytetään tuomaan esiin tuoretta sisältöä.
Kuvan luotto: Miriam2009/iStock/Getty Images
Dreamweaver on Adoben ammattimainen Web-kehitysohjelmisto, joka tarjoaa useita toimintoja web-sivujen rakentamiseen. Nämä toiminnot vaihtelevat taustatietokantaintegraatiosta JavaScript-diaesityksiin, jotka muuttavat kuvia määräajoin. Dreamweaverin standardoidun JavaScriptin avulla verkkosivustojen kehittäjät voivat luoda diaesityksiä ilman, että heidän tarvitsee kaivaa koodia suoraan. Vaikka "diaesitykseksi" kutsutulla Web-elementillä on sama nimi kuin PowerPoint-dioilla, Dreamweaverin tulos on tavallinen HTML-muoto, jota voi katsella millä tahansa verkkoselaimella.
Vaihe 1
Käynnistä Dreamweaver ja avaa verkkosivustoprojekti "Tiedosto"-valikosta. Siirry verkkosivustoprojektisi sivulle, jolle diaesitys integroidaan.
Päivän video
Vaihe 2
Napsauta "Lisää" ja sitten "Layer" ylimmän kerroksen valikosta. Tämä avaa valintaikkunan; napsauta "Kuva" ruudun tyypin kohdalla.
Vaihe 3
Napsauta "Selaa" ja siirry kuvahakemistoosi. Valitse ensimmäisen tasosi kuva – tämä on diaesityksen ensimmäinen dia. Voit myös osoittaa muille HTML-sivuille kuvien sijaan; tämä on yksi tapa integroida tekstiä ja klikattavia linkkejä verkkosivustosi diaesitykseen.
Vaihe 4
Toista kaksi edellistä vaihetta ja lisää uusi kerros ja sopiva sisältö jokaiselle näytettävälle dialle. Koska diaesityksen näyttämiseen Web-selaimessa käytetty JavaScript esihakee kaiken sisällön, sinun tulee tehdä se luultavasti haluat pitää diaesityksessä enintään kuusi tai seitsemän elementtiä, jotta Web-sivu latautuu kohtuullisesti aika.
Vaihe 5
Napsauta "Ikkuna" ja sitten "Aikajana" ylimmän kerroksen valikosta. Aikajanan editori tulee näkyviin. Anna kesto jokaiselle kuvalle luomassasi tasojoukossa. Valitse ensimmäinen kuva, jonka haluat näyttää, napsauta hiiren kakkospainikkeella sen aikajanan merkintää ja valitse "Lisää avainkehys".
Vaihe 6
Valitse valitulle avainkehykselle taso/kuva-yhdistelmä ja toista tämä toimenpide jokaiselle aikajanalle haluamasi tasolle ja kuvalle.
Vaihe 7
Napsauta "OK" tallentaaksesi asetukset.
