Kõnelevad mallid Dreamweaveris

Paljud veebidisaini programmid uhkeldavad oma HTML-mallide üle. Mida need tegelikult tähendavad, on see, et need sisaldavad programmiga mõnda valmis lehekujundust. Dreamweaver viib selle kontseptsiooni mõne hüppe edasi, pakkudes mallikujundusfunktsioone, mis võimaldavad teil luua lehe põhikujunduse ja seejärel juhtida, milliseid jaotisi saab muuta ja milliseid mitte. See on väärtuslik funktsioon, kui töötate koos erineva oskustasemega arendajate meeskonnaga. Näiteks kui ehitate saiti kinnisvarafirmale ja soovite lasta töötajatel müügikuulutusi värskendada, ilma et saaksite lehe kujundust sassi ajada, võib mall olla ideaalne lahendus.

Malle on kõige parem kasutada siis, kui loote mitmeid lehti, millel on teatud omadused, nagu taustavärv või navigeerimiselemendid. Selle asemel, et määrata iga uue lehe jaoks õiged atribuudid või teha samu muudatusi lehekülje järel, saate kasutada malli, et teha muudatusi mitmel lehel korraga.

Jääge oma mallile truuks

Dreamweaveri malli funktsiooni kasutamise üks suuri eeliseid on see, et saate määrata, milliseid malli alasid saab muuta. See on eriti kasulik, kui töötate inimestega, kellel on erinevad HTML-i oskused, ja soovite, et arenenum kujundaja looks lehe, mida vähem kogenud inimene ei saaks hiljem segamini ajada. Seda eesmärki silmas pidades on mallil redigeeritavad piirkonnad ja lukustatud (mitteredigeeritavad) piirkonnad. Kasutage muudetava sisu (nt tootekirjelduse) jaoks muudetavaid piirkondi . Kasutage lukustatud piirkondi staatilise, muutumatu sisu (nt logo või saidil navigeerimiselementide) jaoks.

Malli saate muuta ka pärast seda, kui olete seda dokumentide loomiseks kasutanud. Kui värskendate malli kasutavaid dokumente, värskendatakse nende dokumentide mitteredigeeritavaid jaotisi, et need vastaksid mallis tehtud muudatustele.

Malli enda redigeerimise ajal saate teha muudatusi faili mis tahes osas, olgu selleks siis redigeeritav või lukustatud piirkond. Mallist koostatud dokumenti redigeerides saate aga muudatusi teha ainult dokumendi redigeeritavates piirkondades. Kui lähete tagasi ja muudate malli pärast selle loomist, annab Dreamweaver teile võimaluse, et need muudatused kajastuvad kõigil selle malliga loodud lehtedel või ainult sellel lehel, mida parajasti redigeerite.

Mallide loomine

Malli loomine on sama lihtne kui mis tahes muu faili loomine Dreamweaveris, nagu näete järgmistest sammudest. Võite alustada olemasoleva HTML-dokumendiga ja muuta seda vastavalt oma vajadustele või luua täiesti uue dokumendi. Kui salvestate faili mallina, salvestatakse fail automaatselt veebisaidi peakausta kausta Mallid. Dreamweaveri automatiseeritud funktsioonide nõuetekohaseks toimimiseks tuleb mallid salvestada sellesse ühisesse kausta. Kui teie veebisaidil pole veel kausta Mallid, loob Dreamweaver selle automaatselt, kui salvestate oma esimese malli.

Malli funktsioonid töötavad ainult siis, kui olete Dreamweaveris oma veebisaidi määratlenud

Kõik malli elemendid on vaikimisi lukustatud, välja arvatud dokumendi pealkirja jaotis, mida tähistab

sildid. (Dokumendi pealkirjade lukustamata jätmine on Dreamweaver 4 edasiarendus – Dreamweaver 3 puhul ei saanud te pealkirjaala redigeeritavaks muuta.). Selleks, et mallist oleks kasu uute lehtede koostamisel, peate muutma ka muud lehe alad redigeeritavaks. Pidage meeles, et saate alati malli juurde naasta ja muuta rohkem alasid redigeeritavaks või eemaldada võimaluse hiljem teatud alasid muuta.

Redigeeritavate piirkondadega malli loomiseks toimige järgmiselt.

1. Valige Aken –> Mallid.

2. Klõpsake paneeli Mallid paremas ülanurgas olevat noolt ja valige avanevast rippmenüüst Uus mall.

Paneeli mallide loendisse lisatakse uus pealkirjata mall.

3. Kui mall on endiselt valitud, tippige mallile nimi samamoodi, nagu nimetaksite mis tahes failile Maci Finderis või PC-arvutis Exploreris.

Uus mall lisatakse loendisse Saidi mallid.

4. Pärast uuele mallile nime andmist topeltklõpsake selle avamiseks nimel.

Malli leht avaneb Dreamweaveris nagu mis tahes muu HTML-leht, välja arvatud see, et failinimi lõpeb laiendiga .dwt.

Nüüd saate seda lehte redigeerida nagu mis tahes muud HTML-lehte, sisestades pilte, teksti, tabeleid ja nii edasi.

5. Tausta-, teksti- ja lingivärvide määramiseks valige Modify –> Page Properties.

Järgmisena asetate lehele teksti või pildi kohatäidetena teabe jaoks, mida võiksite tulevikus muuta.

6. Pildi või tekstiala redigeeritavaks muutmiseks valige pilt või tekst ja seejärel valige Muuda –> Mallid –> Uus redigeeritav piirkond. (Pilt või tekst, mille valite muudetavaks, muutub alaks, mida saab muuta igal malliga loodud lehel. Alad, mida te ei märgi redigeeritavaks, muutuvad fikseerituks ja neid saab muuta ainult siis, kui muudate malli ennast.)

Avaneb dialoogiboks Uus redigeeritav piirkond.

7. Tippige tekstiväljale Nimi redigeeritava piirkonna nimi.

Tekst või pilt on mallis esile tõstetud, mis näitab, et see on redigeeritav. Võite piirkonnale nimetada ükskõik mida, kuid kui valite midagi, mis vastab piirkonda lisatava teabe tüübile, on teil seda lihtsam meelde jätta.

8. Muude piltide või tekstialade redigeerimiseks korrake samme 6 ja 7.

9. Salvestage mall ja sulgege fail, kui olete lõpetanud.

Saate muuta terve tabeli või üksiku tabeli lahtri redigeeritavaks, kuid te ei saa muuta mitut lahtrit korraga redigeeritavaks, välja arvatud juhul, kui olete need eelnevalt liitnud. Peate valima iga lahtri ükshaaval, kui soovite muuta mõne tabeli lahtri redigeeritavaks, kuid teisi mitte. Kihid ja kihi sisu käsitletakse samuti eraldi elementidena, kuid kumbagi saab märkida redigeeritavaks. Kihi redigeeritavaks muutmine võimaldab muuta selle kihi asukohta. Kihi sisu redigeeritavaks muutmine tähendab, et saate muuta kihi sisu, näiteks kihis olevat teksti või pilti.


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 […]