Kuidas luua uut Dreamweaveri malli

Saate luua Dreamweaveris uue malli, kasutades sama dialoogiboksi Uus dokument, mida kasutate mis tahes muud tüüpi lehtede loomiseks. Dreamweaveri malli loomiseks toimige järgmiselt.

Valige Fail → Uus.

Avaneb dialoogiboks Uus dokument.

Klõpsake vasakpoolses loendis suvandit Tühi leht.

Kuidas luua uut Dreamweaveri malli

Valige loendist Lehe tüüp HTML-mall.

Valige jaotises Paigutus, kas luua tühi leht või valida eelkujundatud CSS-paigutus.

Dreamweaveri paljud CSS-paigutuse valikud annavad suurepärase edumaa uue lehekujunduse loomisel.

Klõpsake nuppu Loo.

Luuakse uus tühi mall, mis avaneb põhitööalal ning dialoogiboks Uus dokument sulgub.

Valige Fail → Salvesta.

Saate hoiatuse (kui te pole seda keelanud), teatades, et mallil pole redigeeritavaid piirkondi, ja küsides, kas soovite selle tõesti salvestada. Hoiatuse dialoogiboksi sulgemiseks ja jätkamiseks klõpsake nuppu OK. Dreamweaver annab teile selle hoiatuse, kuna muudetavate piirkondadeta mall pole kasulik. Juhised redigeeritavate piirkondade loomiseks leiate 9. sammust.

Lehe praegusel kujul salvestamiseks klõpsake nuppu OK.

Ilmub aken Salvesta mallina ja kaust Mallid on avatud. Kui teie kohalikus saidikaustas pole veel kausta nimega Mallid, loob Dreamweaver teie jaoks selle, kui loote ja salvestate oma esimese malli.

Nõuetekohaseks töötamiseks tuleb Dreamweaveri mallid salvestada kausta nimega Templates (suurtähega T ) teie kohaliku saidi kaustas, mis on nähtav paneelil Failid. Kui muudate kausta nime või teisaldate kausta Mallid alamkausta, ei tööta teie mallid enam korralikult.

Looge lehe kujundus, lisades pilte, teksti ja muid elemente nagu mis tahes muus Dreamweaveri failis.

Pidage meeles, et loote mallis lehekujunduse samamoodi nagu mis tahes muul veebilehel. See, kas kaasate malli alusel loodud lehtedele pilte ja teksti, mis asendatakse või loote lihtsalt lehe skeleti, on teie otsustada.

Redigeeritava piirkonna loomiseks tehke järgmist.

Valige mis tahes pilt, tekstiplokk või sisuala.

Sageli on parim valik lehe terve ala valimine, et kõik selles jaotises oleks redigeeritav. Kui olete oma lehti kujundanud

sildid ja CSS, on hea võimalus valida

silt terve jaotise jaoks, nt

sildi stiilis mainContent klassi stiilis.

Mugav viis sektsiooni valimiseks, mida ümbritseb a

märgend on asetada kursor lehe sellesse piirkonda ja seejärel kasutada tööala allosas asuvat sildi valijat, et valida

silt.

Valige Lisa → Mall → Redigeeritav piirkond.

Avaneb dialoogiboks Uus redigeeritav piirkond.

Kuidas luua uut Dreamweaveri malli

Andke uuele redigeeritavale piirkonnale nimi.

Valige midagi, mis tuvastab sisu tüübi (nt pealkiri või põhisisu). Piirkond, mille määrate redigeeritavaks, muutub alaks, mida saab muuta igal mallist loodud lehel. Ühes mallis võib olla mitu redigeeritavat piirkonda. Igal redigeeritaval piirkonnal peab olema erinev nimi; nimed ei tohi kasutada tühikuid ega erimärke, kuid allkriipsud ja sidekriipsud on sobivad.

Klõpsake nuppu OK.

Redigeeritavat piirkonda ümbritseb vesisinine kast (vesisinine vahekaart kasti vasakus ülanurgas). Vahekaardil kuvatakse dialoogiboksis Uus redigeeritav piirkond sisestatud nimi.

Kui olete lehe kujundamise lõpetanud ja kõik soovitud redigeeritavad piirkonnad lisanud, valige malli salvestamiseks Fail→Salvesta.

Kui salvestate uue mallilehe või salvestate olemasoleva lehe mallina, lisab Dreamweaver automaatselt laiendi .dwt ja salvestab faili kausta Mallid.

Kui salvestate malli enne muudetavate piirkondade määramist, annab Dreamweaver teile hoiatuse, kuna mallid pole ilma redigeeritavate piirkondadeta kasulikud. Enne malli salvestamist ei pea te redigeeritavaid piirkondi looma, kuid te ei saa malli põhjal loodud lehtedel muudatusi teha enne, kui olete loonud ühe või mitu redigeeritavat piirkonda. Saate alati hiljem tagasi minna ja redigeeritavaid piirkondi lisada.

Adobe lisas Dreamweaver CC-sse uue mallide lisamise paneeli. Seda uut paneeli saate mallidega töötamisel menüüelementide asemel kasutada. Funktsioonid töötavad samamoodi: klõpsake lihtsalt mallide lisamise paneelil vastavat ikooni, näiteks ikooni Redigeeritav piirkond.

Kuidas luua uut Dreamweaveri malli


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