Miten vaihtaa Spry-varoja Dreamweaverissa

Adobe Dreamweaverin spry-aineet ovat valmiiksi rakennettuja sivuelementtejä, jotka koostuvat HTML: stä, Cascading Style Sheetsistä ja JavaScriptista. HTML on sivumerkintäkieli, jota käytetään verkkosivujen luomiseen; HTML-asiakirjojen ulkoasun alustamiseen käytetään Cascading Style Sheets- tai CSS-mallia. ja JavaScript on laajalti käytetty, asiakaspuolinen skriptikieli. Dreamweaverissa on monia Spry-varoja useiden valikoiden, navigointipalkkien ja muotoelementtien luomiseen. Voit muuttaa Spry-omaisuuden ulkoasua muokkaamalla sen CSS-sääntöjä.

1.

Avaa Dreamweaverin HTML-tiedosto, joka sisältää spry-ominaisuuden, jonka haluat muuttaa tai aloittaa uuden HTML-tiedoston napsauttamalla "File" -valikkoa ja valitsemalla "New". Uusi asiakirja -valintaikkuna avautuu. Valitse Tyyppi-luettelosta "HTML" ja valitse haluamasi asettelu Asettelu-luettelosta. Napsauta Luo-painiketta.

2.

Napsauta "File" -valikkoa ja valitse "Save As". Tallenna nimellä -valintaikkuna avautuu. Nimeä ja tallenna tiedosto.

3.

Napsauta hiiren osoitinta sivulla, jossa haluat lisätä Spry-omaisuuden.

4.

Napsauta "Insert" -valikkoa, valitse "Spry" ja valitse sitten Spry-ominaisuus fly-out-valikosta. Dreamweaver lisää Spry-omaisuuden sivulle. Luodun sivuelementin tyyppi riippuu Spry-vaihtoehdosta. Jos esimerkiksi valitset Spry-valikon, Dreamweaver lisää valikon; jos valitsit Spry-lomakekentän, Dreamweaver lisää lomakekentän. Voit muokata tiettyä kohdetta elementissä, kuten valikkokilvessä tai lomakekentän reunassa, valitsemalla sen ja muokkaamalla sitten objektin CSS-sääntöjä.

5.

Valitse muokattava kohde.

6.

Siirry Ominaisuudet-paneeliin ja napsauta Muokkaa sääntöä -painiketta avataksesi valitun objektin CSS-sääntöjen määritys -valintaikkunan. Voit tehdä useita muutoksia kohteen ulkoasuun. Jos haluat esimerkiksi muuttaa tekstin ulkoasua, napsauta Luokka-luetteloa. Tämä näyttää vaihtoehdot valitun tekstin ominaisuuksien muuttamiseksi sivuelementissä, kuten kirjasinperhe, kirjasinkoko ja kirjasintyyli. Voit myös muuttaa taustakuvaa, reunustyyliä ja monia muita ominaisuuksia tästä valintaikkunasta.

7.

Viimeistele muutokset ja napsauta sitten Käytä. Dreamweaver näyttää muutokset sivulla. Sulje CSS-sääntöjen määritys -valintaikkuna napsauttamalla OK.

8.

Valitse toinen objekti, jonka haluat muuttaa, ja napsauta CSS-sääntöä.

9.

Tee muutoksia vaiheissa 6 ja 7 kuvatulla tavalla.

Tarvittavat asiat

  • Adobe Dreamweaver CS3 tai uudempi

Kärki

  • Monet Dreamweaverin Spry-varoista edellyttävät grafiikkaa ja JavaScriptia. Kun asetat Spry-omaisuuden sivulle, Dreamweaver luo ja tallentaa tukitiedostot "Spry Assets" -kansioon. Kun lataat Web-sivusi palvelimellesi, sinun on ladattava myös Spry Assets -kansio; muuten Spry-Web-sivuelementti ei toimi oikein.
 

Jätä Kommentti