Runājošās veidnes pakalpojumā Dreamweaver

Daudzas tīmekļa dizaina programmas lepojas ar savām HTML veidnēm. Tie patiesībā nozīmē to, ka programmā ir iekļauti daži gatavi lapu dizaini. Dreamweaver paver šo koncepciju dažus soļus tālāk, nodrošinot veidņu dizaina funkcijas, kas ļauj izveidot lapas pamata dizainu un pēc tam kontrolēt, kuras sadaļas var un kuras nevar mainīt. Šī ir vērtīga funkcija, ja strādājat ar dažādu prasmju līmeņu izstrādātāju komandu. Piemēram, ja veidojat vietni nekustamo īpašumu uzņēmumam un vēlaties ļaut darbiniekiem atjaunināt pārdošanas sarakstus, nesabojājot lapas dizainu, veidne var būt ideāls risinājums.

Veidnes vislabāk izmantot, ja veidojat vairākas lapas, kurām ir kopīgas īpašības, piemēram, fona krāsa vai navigācijas elementi. Tā vietā, lai iestatītu pareizos rekvizītus katrai jaunai lapai vai veiktu vienas un tās pašas izmaiņas pēc lapas, varat izmantot veidni, lai vienlaikus veiktu izmaiņas vairākās lapās.

Palieciet uzticīgi savai veidnei

Viena no lielajām Dreamweaver veidņu funkcijas izmantošanas priekšrocībām ir tā, ka varat norādīt, kuras veidnes apgabalus var mainīt. Tas ir īpaši noderīgi, ja strādājat ar cilvēkiem, kuriem ir dažādi HTML prasmju līmeņi, un vēlaties, lai pieredzējušāks dizainers izveidotu lapu, kuru mazāk pieredzējis cilvēks vēlāk nevarētu sabojāt. Paturot prātā šo mērķi, veidnei ir rediģējami reģioni un bloķēti (nerediģējami) reģioni. Maināmam saturam, piemēram, produkta aprakstam, izmantojiet rediģējamos reģionus . Izmantojiet bloķētus reģionus statiskam, nemainīgam saturam, piemēram, logotipam vai vietnes navigācijas elementiem.

Jūs varat modificēt veidni pat pēc tam, kad esat to izmantojis dokumentu izveidei. Pēc tam, atjauninot dokumentus, kuros tiek izmantota veidne, tiek atjauninātas šo dokumentu nerediģējamās sadaļas, lai tās atbilstu veidnē veiktajām izmaiņām.

Rediģējot pašu veidni, varat veikt izmaiņas jebkurā faila daļā neatkarīgi no tā, vai tas ir rediģējams vai bloķēts apgabals. Tomēr, rediģējot dokumentu, kas izveidots no veidnes, varat veikt izmaiņas tikai rediģējamos dokumenta reģionos. Ja atgriezīsities un maināt veidni pēc tās izveides, Dreamweaver piedāvā iespēju šīs izmaiņas atspoguļot visās lapās, kuras esat izveidojis, izmantojot šo veidni, vai tikai tajā lapā, kuru pašlaik rediģējat.

Veidņu veidošana

Veidnes izveide ir tikpat vienkārša kā jebkura cita faila izveide programmā Dreamweaver, kā redzams tālāk norādītajās darbībās. Varat sākt ar esošu HTML dokumentu un modificēt to atbilstoši savām vajadzībām, vai arī varat izveidot pilnīgi jaunu dokumentu. Saglabājot failu kā veidni, fails tiek automātiski saglabāts tīmekļa vietnes galvenās mapes mapē Veidnes. Veidnes ir jāsaglabā šajā kopējā mapē, lai Dreamweaver automatizētie līdzekļi darbotos pareizi. Ja jūsu vietnē vēl nav mapes Veidnes, Dreamweaver to automātiski izveido, kad saglabājat savu pirmo veidni.

Veidnes līdzekļi darbojas tikai tad, ja esat definējis savu vietni programmā Dreamweaver

Visi veidnes elementi pēc noklusējuma ir bloķēti, izņemot dokumenta nosaukuma sadaļu, ko norāda ar

tagus. (Dokumenta nosaukuma sadaļa, kas nav bloķēta, ir Dreamweaver 4 uzlabojums — programmā Dreamweaver 3 virsraksta apgabalu nevarēja padarīt rediģējamu.). Lai veidne būtu noderīga jaunu lapu veidošanai, arī citas lapas daļas ir jāpadara rediģējamas. Atcerieties, ka vienmēr varat atgriezties pie veidnes un padarīt rediģējamus citus apgabalus vai noņemt iespēju vēlāk rediģēt noteiktus apgabalus.

Lai izveidotu veidni ar rediģējamiem reģioniem, veiciet šīs darbības:

1. Izvēlieties Logs –> Veidnes.

2. Panelī Veidnes noklikšķiniet uz bultiņas augšējā labajā stūrī un atvērtajā nolaižamajā izvēlnē izvēlieties Jauna veidne.

Paneļa veidņu sarakstam tiek pievienota jauna veidne bez nosaukuma.

3. Kad veidne joprojām ir atlasīta, ierakstiet veidnes nosaukumu tāpat, kā nosauktu jebkuru failu Finder (Mac) vai pārlūkprogrammā Explorer datorā.

Jaunā veidne tiek pievienota vietņu veidņu sarakstam.

4. Kad jaunajai veidnei ir piešķirts nosaukums, veiciet dubultklikšķi uz nosaukuma, lai to atvērtu.

Veidnes lapa programmā Dreamweaver tiek atvērta tāpat kā jebkura cita HTML lapa, izņemot to, ka faila nosaukums beidzas ar paplašinājumu .dwt.

Tagad varat rediģēt šo lapu tāpat kā jebkuru citu HTML lapu, ievietojot attēlus, tekstu, tabulas utt.

5. Izvēlieties Modificēt –> Lapas rekvizīti, lai norādītu fona, teksta un saišu krāsas.

Pēc tam lapā ievietojat tekstu vai attēlus kā vietturus informācijai, kuru, iespējams, vēlēsities mainīt nākotnē.

6. Lai padarītu attēlu vai teksta apgabalu rediģējamu, atlasiet attēlu vai tekstu un pēc tam izvēlieties Modificēt –> Veidnes –> Jauns rediģējams reģions. (Attēls vai teksts, ko atlasāt kā rediģējamu, kļūst par apgabalu, ko var mainīt jebkurā ar veidni izveidotajā lapā. Apgabali, kurus neatzīmējat kā rediģējamus, tiks fiksēti, un tos varēs mainīt tikai tad, ja modificēsiet pašu veidni.)

Tiek atvērts dialoglodziņš Jauns rediģējams reģions.

7. Tekstlodziņā Nosaukums ierakstiet rediģējamā reģiona nosaukumu.

Teksts vai attēls ir izcelts veidnē, norādot, ka tas ir rediģējams. Varat nosaukt reģionu jebko, ko vēlaties, taču, izvēloties kaut ko tādu, kas atbilst informācijai, kuru plānojat ievietot šajā apgabalā, to būs vieglāk atcerēties.

8. Lai rediģētu citus attēlus vai teksta apgabalus, atkārtojiet 6. un 7. darbību.

9. Saglabājiet savu veidni un aizveriet failu, kad esat pabeidzis.

Varat rediģēt visu tabulu vai atsevišķu tabulas šūnu, taču nevar rediģēt vairākas šūnas vienlaikus, ja vien tās vispirms nav sapludinātas. Katra šūna ir jāatlasa pa vienai, ja vēlaties, lai dažas tabulas šūnas būtu rediģējamas, bet citas ne. Slāņi un slāņu saturs arī tiek uzskatīti par atsevišķiem elementiem, taču tos var atzīmēt kā rediģējamus. Padarot slāni rediģējamu, varat mainīt šī slāņa pozīciju. Slāņa satura rediģēšana nozīmē, ka varat mainīt slāņa saturu, piemēram, tekstu vai attēlu slānī.


Kā SVG failiem piemērot caurspīdīgumu

Kā SVG failiem piemērot caurspīdīgumu

Uzziniet, kā lietot caurspīdīgumu SVG grafikai programmā Illustrator. Izpētiet, kā izvadīt SVG ar caurspīdīgu fonu un lietot caurspīdīguma efektus.

Darbs ar attēliem programmā Adobe XD

Darbs ar attēliem programmā Adobe XD

Kad esat importējis savus attēlus programmā Adobe XD, jums nav lielas rediģēšanas vadības iespējas, taču varat mainīt attēlu izmērus un pagriezt tos tāpat kā jebkuru citu formu. Varat arī viegli noapaļot importēta attēla stūrus, izmantojot stūra logrīkus. Attēlu maskēšana Nosakot slēgtu formu […]

Kā pielāgot teksta rekvizītus programmā Adobe XD

Kā pielāgot teksta rekvizītus programmā Adobe XD

Kad jūsu Adobe XD projektā ir teksts, varat sākt mainīt teksta rekvizītus. Šie rekvizīti ietver fontu saimi, fonta lielumu, fonta svaru, līdzinājumu, rakstzīmju atstarpes (rindstarpas un izsekošanu), rindstarpu (vadošais), aizpildījumu, apmali (pārvilkšanu), ēnu (krītošā ēna) un fona aizmiglojumu. Tātad, apskatīsim, kā šie rekvizīti tiek piemēroti. Par lasāmību un fontu […]

Darbs ar planšetdatoriem programmā Photoshop CC

Darbs ar planšetdatoriem programmā Photoshop CC

Tāpat kā programmā Adobe Illustrator, Photoshop zīmējumu dēļi nodrošina iespēju vienā dokumentā izveidot atsevišķas lapas vai ekrānus. Tas var būt īpaši noderīgi, ja veidojat ekrānus mobilajai lietojumprogrammai vai nelielai brošūrai. Jūs varat domāt par zīmējumu dēli kā īpašu slāņu grupas veidu, kas izveidots, izmantojot paneli Slāņi. Tā […]

Formas un daudzstūri programmā InDesign

Formas un daudzstūri programmā InDesign

Daudzi rīki, kas atrodami panelī InDesign Tools, tiek izmantoti līniju un formu zīmēšanai lapā, tāpēc jums ir vairāki veidi, kā izveidot interesantus zīmējumus savām publikācijām. Programmā InDesign varat izveidot jebko, sākot no pamata formām līdz sarežģītiem zīmējumiem, tā vietā, lai izmantotu zīmēšanas programmu, piemēram, […]

Aplauzt tekstu programmā Adobe Illustrator CC

Aplauzt tekstu programmā Adobe Illustrator CC

Teksta iesaiņošana programmā Adobe Illustrator CC nav gluži tas pats, kas dāvanas iesaiņošana — tas ir vienkāršāk! Teksta aplaušana liek tekstam aptīt grafiku, kā parādīts šajā attēlā. Šī funkcija var pievienot mazliet radošuma jebkuram gabalam. Grafika liek tekstam aptīt to. Vispirms izveidojiet […]

Kā mainīt formu izmēru programmā Illustrator

Kā mainīt formu izmēru programmā Illustrator

Veidojot dizainu programmā Adobe Illustrator CC, bieži vien ir nepieciešams precīzs izmērs (piemēram, 2 x 3 collas). Pēc formas izveides vislabākais veids, kā mainīt tās izmērus precīziem izmēriem, ir izmantot pārveidošanas paneli, kas parādīts šajā attēlā. Atlasiet objektu un pēc tam izvēlieties Logs → Transform to […]

Kā izveidot QR kodus programmā InDesign CC

Kā izveidot QR kodus programmā InDesign CC

Varat izmantot programmu InDesign, lai izveidotu un modificētu QR koda grafiku. QR kodi ir svītrkoda veids, kurā var saglabāt informāciju, piemēram, vārdus, ciparus, URL vai cita veida datus. Lietotājs skenē QR kodu, izmantojot savu kameru un programmatūru ierīcē, piemēram, viedtālrunī, un programmatūra izmanto […]

Kā padarīt jaunu fotoattēlu vecu programmā Photoshop CS6

Kā padarīt jaunu fotoattēlu vecu programmā Photoshop CS6

Var būt laiks, kad jums ir nepieciešams jauns fotoattēls, lai izskatītos vecs. Programma Photoshop CS6 ir jums pieejama. Melnbaltā fotogrāfija ir jaunāka parādība, nekā varētu domāt. Dagerotipiem un citām agrīnām fotogrāfijām bieži bija brūngans vai zilgans tonis. Jūs varat izveidot savus sēpijas toņu šedevrus. Tonēti attēli var radīt […]

Live Paint funkcija programmā Adobe CS5 Illustrator

Live Paint funkcija programmā Adobe CS5 Illustrator

Izmantojot Adobe Creative Suite 5 (Adobe CS5) Illustrator funkciju Live Paint, varat izveidot vajadzīgo attēlu un aizpildīt reģionus ar krāsām. Live Paint kauss automātiski nosaka reģionus, kas sastāv no neatkarīgiem krustojošiem ceļiem, un attiecīgi aizpilda tos. Krāsa noteiktā reģionā paliek dzīva un plūst automātiski, ja tāda ir […]