Kuidas muuta Spry varasid Dreamweaveris

Adobe Dreamweaveris asuvad Spry varad on eelnevalt ehitatud leheküljeelemendid, mis koosnevad HTML-i, Cascading Style Sheets'ist ja JavaScript-ist. HTML on lehekülgede märgistamise keel, mida kasutatakse veebilehtede loomiseks; HTML-dokumentide välimuse vormindamiseks kasutatakse kaskaad-stiili või CSS-i; ja JavaScript on laialdaselt kasutatav, kliendipoolne skriptikeel. Dreamweaveris on palju Spry varasid, et luua mitu tüüpi menüüsid, navigeerimisribasid ja vormielemente. Spry vara välimust saate muuta oma CSS-i reeglite muutmise teel.

1.

Avage Dreamweaveri HTML-fail, mis sisaldab sülearvutit, mida soovite muuta või alustada uut HTML-faili, klõpsates "File" menüüst ja valides "New". Avaneb dialoogiaken Uus dokument. Valige loendist Tüüp "HTML" ja valige nimekirjast soovitud paigutus. Klõpsake nupul „Loo“.

2.

Klõpsake menüü "Fail" ja valige "Salvesta kui". Avaneb dialoogiaken Salvesta kui. Nimetage ja salvestage fail.

3.

Klõpsake hiirekursoril lehel, kus soovite Spry vara sisestada.

4.

Klõpsa menüüs "Lisa", vali "Spry" ja vali seejärel Spry vara menüüst. Dreamweaver lisab lehele Spry vara. Loodud leheelemendi tüüp sõltub valikust Spry. Näiteks kui valite Spry menüü, lisab Dreamweaver menüü; kui valisite välja Spry vormi, lisab Dreamweaver vormi välja. Teil on võimalik elemendis teatud objekti redigeerida, näiteks menüü silt või vormiväljapiir, valides selle ja seejärel redigeerides objekti CSS reegleid.

5.

Valige objekt, mida soovite muuta.

6.

Avage paneel "Properties" ja klõpsake nupul "Edit Rule", et avada valitud objekti CSS Rule Definition dialoogiboks. Objekti välimust saab teha mitmeid muudatusi. Näiteks teksti teksti väljanägemise muutmiseks klõpsake kategooria nimekirjas "Tüüp". See kuvab leheküljeelemendis valitud teksti omaduste muutmise valikud, näiteks fontide perekond, fondi suurus ja fondi stiil. Selle dialoogiboksi saab muuta ka tausta, piiri stiili ja paljusid muid omadusi.

7.

Lõpeta oma muudatused ja seejärel klõpsake "Apply". Dreamweaver kuvab muudatused lehel. Klõpsake "OK", et sulgeda CSS-i reeglite määratlemise dialoogiboks.

8.

Valige teine ​​objekt, mida soovite muuta, ja klõpsa nupule "CSS Rule".

9.

Tehke muudatusi, nagu on kirjeldatud etappides 6 ja 7.

Asjad vajavad

  • Adobe Dreamweaver CS3 või uuem

Vihje

  • Paljud Dreamweaveri Spry varad nõuavad graafikat ja JavaScripti. Kui sisestate Spry vara lehele, loob Dreamweaver ja salvestab toetavad failid kausta nimega "Spry Assets". Kui laadite oma veebilehe oma serverisse üles, peate üles laadima ka Spry Assets kausta; vastasel juhul ei toimi Spry veebilehe element õigesti.
 

Jäta Oma Kommentaar