Kuidas luua Dreamweaveris sisemisi ja väliseid stiililehti

Kui loote Dreamweaveris uusi stiile, peate otsustama, kas salvestada stiil sisemisele või välisele stiililehele. Ühes sise laadilehe , stiili reegel on salvestatud ülaosas HTML dokument, kuhu soovite taotleda stiili. Ühes välise stiilileht , uusi stiile salvestatakse eraldi dokumendis, mis võib olla seotud mis tahes faili oma kodulehel.

Välised stiililehed pakuvad suurimaid eeliseid, kuna ühe stiilikomplekti kasutamine paljudel lehtedel on tõhusam kui stiilide loomine saidi iga lehe jaoks. Sellegipoolest on mõnikord sisemised stiililehed hea valik, näiteks kui loote stiili, mis kehtib ainult ühe lehe elementidele.

Kuidas Dreamweaveris sisemist stiililehte luua

Sisemised stiililehed salvestatakse samasse HTML-faili, kus neid rakendatakse. Seega ei loo te sisemise stiililehe loomisel faili, nagu välise lehe loomisel.

Selle asemel lisate sisemise stiililehe loomisel lihtsalt

sildid teie failis.

Dreamweaveris uue sisemise stiili loomine nõuab vaid kahte sammu. Esmalt klõpsake CSS Designeri paneeli ülaosas paneelil Allikad plussmärgi (+) ikooni. Seejärel valige ripploendist Määratle lehel. Sa oled lõpetanud. Dreamweaver lisab

silt.

Kuidas luua Dreamweaveris sisemisi ja väliseid stiililehti

Kuidas luua Dreamweaveris välist stiililehte

CSS-i kujundaja paneeli ülaservast leiate paneeli Allikad. Sellel paneelil kuvatakse avatud lehel saadaolevate stiililehtede nimi või nimed. Seda sama paneeli kasutatakse stiililehtede loomiseks või nende linkimiseks stiilide loomisel või rakendamisel.

Välise stiililehe loomiseks looge ja salvestage esmalt uus HTML-fail või avage Dreamweaveris olemasolev fail ning seejärel järgige neid juhiseid.

Klõpsake pluss- (+) ikooni paneelil Allikad paneeli CSS Designer ülaosas.

Avaneb kolme valikuga rippmenüü: Loo uus CSS-fail, Manusta olemasolev CSS-fail ja Määra lehel.

Kuidas luua Dreamweaveris sisemisi ja väliseid stiililehti

Valige ripploendist suvand Loo uus CSS-fail.

Avaneb dialoogiboks Uue CSS-faili loomine.

Sisestage oma uue stiililehe faili nimi.

Saate stiilitabelitele nimetada ükskõik milliseid, kui te ei sisalda muid tühikuid ega erimärke peale sidekriipsu (-) või alakriipsu (_).

Kuidas luua Dreamweaveris sisemisi ja väliseid stiililehti

Valige suvand Link.

Linki peetakse enamikul juhtudel parimaks tavaks ja see on Dreamweaveris vaikimisi valitud.

Enamasti kasutatakse suvandit Import ainult siis, kui soovite lehele rakendada mitu välist laadilehte, kuid soovite linkida ainult ühe laadilehega. Sel juhul võite kasutada suvandit Import, et seostada mitu laadilehte ühega.

Lisaseadete vaatamiseks klõpsake valiku Tingimuslik kasutamine kõrval olevat noolt.

Tingimusliku kasutuse sätteid kasutatakse laadilehtede meediumipäringute seadistamiseks.

Klõpsake nuppu OK.

Stiilileht salvestatakse ja lingitakse Dreamweaveris avatud HTML-lehega. Märkus. Kui töötate uue HTML-lehe kallal, veenduge, et olete lehe salvestanud; vastasel juhul ei saa te uut CSS-faili luua ega linkida.

Pärast välise stiililehe loomist saate selle sama laadilehe linkida nii paljudele lehtedele, kui soovite, järgides kohe järgneva harjutuse samme. Samuti saate lisada nii palju stiilireegleid kui soovite mis tahes välisele stiililehele, mida käsitletakse erinevates harjutustes, mis järgnevad klasside, siltide ja muud tüüpi stiilide loomisele.


Kuidas SVG-dele läbipaistvust rakendada

Kuidas SVG-dele läbipaistvust rakendada

Siit saate teada, kuidas Illustratoris SVG-graafikale läbipaistvust rakendada. Uurige, kuidas väljastada läbipaistva taustaga SVG-sid ja rakendada läbipaistvusefekte.

Piltidega töötamine Adobe XD-s

Piltidega töötamine Adobe XD-s

Pärast piltide importimist Adobe XD-sse ei ole teil palju redigeerimiskontrolli, kuid saate kujutiste suurust muuta ja pöörata täpselt nagu mis tahes muu kujuga. Samuti saate nurgavidinate abil hõlpsasti ümardada imporditud pildi nurki. Piltide maskeerimine Kinnise kuju määratlemisega […]

Kuidas kohandada teksti atribuute Adobe XD-s

Kuidas kohandada teksti atribuute Adobe XD-s

Kui teie Adobe XD projektis on tekst olemas, saate hakata teksti atribuute muutma. Nende atribuutide hulka kuuluvad fondiperekond, fondi suurus, fondi kaal, joondus, märgivahe (joonimine ja jälgimine), reavahe (eesmärk), täitmine, ääris (joon), vari (langev vari) ja tausta hägu. Nii et vaatame üle, kuidas neid omadusi rakendatakse. Loetavuse ja fondi kohta […]

Photoshop CC graafikaplaatidega töötamine

Photoshop CC graafikaplaatidega töötamine

Nii nagu Adobe Illustratoris, võimaldavad Photoshopi joonised luua ühes dokumendis eraldi lehti või ekraane. See võib olla eriti kasulik, kui koostate ekraane mobiilirakenduse või väikese brošüüri jaoks. Joonistahvlit võib pidada eri tüüpi kihirühmaks, mis on loodud paneeli Kihid abil. Selle […]

Kujundid ja hulknurgad InDesignis

Kujundid ja hulknurgad InDesignis

Paljusid InDesigni tööriistade paneelil leiduvaid tööriistu kasutatakse lehele joonte ja kujundite joonistamiseks, nii et teil on väljaannete jaoks huvitavate jooniste loomiseks mitu erinevat võimalust. InDesignis saate luua kõike alates põhikujunditest kuni keerukate joonisteni, selle asemel, et kasutada joonistusprogrammi nagu […]

Murdke tekst Adobe Illustrator CC-s

Murdke tekst Adobe Illustrator CC-s

Teksti pakkimine Adobe Illustrator CC-s ei ole päris sama, mis kingituse pakkimine – see on lihtsam! Teksti murdmine sunnib teksti ümber graafika, nagu on näidatud sellel joonisel. See funktsioon võib lisada igale teosele pisut loovust. Graafika sunnib teksti enda ümber keerduma. Esiteks looge […]

Kuidas Illustratoris kujundite suurust muuta

Kuidas Illustratoris kujundite suurust muuta

Adobe Illustrator CC-s kujundamisel on sageli vaja, et kuju oleks täpse suurusega (näiteks 2 x 3 tolli). Pärast kujundi loomist on parim viis selle täpsete mõõtude muutmiseks kasutada sellel joonisel näidatud teisenduspaneeli. Laske objekt valida ja seejärel valige Aken → Teisenda […]

Kuidas luua InDesign CC-s QR-koode

Kuidas luua InDesign CC-s QR-koode

InDesigni saate kasutada QR-koodi graafika loomiseks ja muutmiseks. QR-koodid on vöötkoodi vorm, mis võib salvestada teavet, nagu sõnad, numbrid, URL-id või muud tüüpi andmed. Kasutaja skannib QR-koodi kasutades oma kaamerat ja tarkvara seadmes, näiteks nutitelefonis ning tarkvara kasutab […]

Kuidas muuta uus foto Photoshop CS6-s vanaks

Kuidas muuta uus foto Photoshop CS6-s vanaks

Võib juhtuda, et vajate uut fotot, et vana välja näha. Photoshop CS6 pakub teile tähelepanu. Must-valge fotograafia on uuem nähtus, kui arvata võiks. Dagerrotüüpidel ja muudel varastel fotodel oli sageli pruunikas või sinakas toon. Saate ise luua seepiatoonides meistriteoseid. Toonitud pildid võivad luua […]

Adobe CS5 Illustratori Live Paint funktsioon

Adobe CS5 Illustratori Live Paint funktsioon

Adobe Creative Suite 5 (Adobe CS5) Illustratori funktsiooni Live Paint kasutades saate luua soovitud pildi ja täita piirkonnad värviga. Live Paint ämber tuvastab automaatselt iseseisvatest ristuvatest teedest koosnevad piirkonnad ja täidab need vastavalt. Teatud piirkonna värv jääb elavaks ja voolab automaatselt, kui seda on […]