Kako stvoriti novi Dreamweaver predložak

Novi predložak u Dreamweaveru stvarate korištenjem istog dijaloškog okvira Novi dokument koji koristite za stvaranje bilo koje druge vrste stranice. Da biste stvorili Dreamweaver predložak, slijedite ove korake:

Odaberite Datoteka→ Novo.

Otvara se dijaloški okvir Novi dokument.

Na popisu s lijeve strane kliknite opciju Prazna stranica.

Kako stvoriti novi Dreamweaver predložak

Na popisu Vrsta stranice odaberite HTML predložak.

U području Layout odaberite stvaranje prazne stranice ili odaberite unaprijed dizajnirani CSS izgled.

Dreamweaverove mnoge CSS mogućnosti izgleda pružaju sjajan početak za stvaranje novog dizajna stranice.

Kliknite gumb Kreiraj.

Novi prazan predložak se stvara i otvara u glavnom radnom području, a dijaloški okvir Novi dokument se zatvara.

Odaberite Datoteka→Spremi.

Dobit ćete upozorenje (ako ga niste onemogućili) u kojem se navodi da predložak nema nijednu regiju koja se može uređivati ​​i pitate želite li ga stvarno spremiti. Kliknite OK za zatvaranje dijaloškog okvira upozorenja i nastavak. Dreamweaver vam daje ovo upozorenje jer predložak bez regija koje je moguće uređivati ​​nije koristan. U 9. koraku pronaći ćete upute za stvaranje regija koje je moguće uređivati.

Kliknite OK za spremanje stranice kakva je za sada.

Pojavljuje se prozor Spremi kao predložak s otvorenom mapom Predlošci. Ako još nemate mapu pod nazivom Predlošci u mapi vaše lokalne stranice, Dreamweaver će je stvoriti za vas kada izradite i spremite svoj prvi predložak.

Da bi ispravno radili, Dreamweaver predlošci moraju biti spremljeni u mapu pod nazivom Predlošci (s velikim T ) u mapi vaše lokalne stranice, koja je vidljiva na ploči Datoteke. Ako promijenite naziv mape ili premjestite mapu Predlošci u podmapu, vaši predlošci više neće raditi ispravno.

Izradite dizajn stranice dodavanjem slika, teksta i drugih elemenata kao što biste to učinili u bilo kojoj drugoj datoteci Dreamweavera.

Imajte na umu da dizajn stranice stvarate u predlošku baš kao i na bilo kojoj drugoj web stranici. Na vama je hoćete li uključiti slike i tekst koji će biti zamijenjeni na stranicama stvorenim iz predloška ili samo izradite kostur stranice.

Za izradu regije koja se može uređivati:

Odaberite bilo koju sliku, blok teksta ili područje sadržaja.

Često je najbolja opcija odabrati cijelo područje stranice tako da se sve u tom odjeljku može uređivati. Ako ste svoje stranice dizajnirali sa

oznake i CSS, dobra opcija je odabrati

oznaku za cijeli odjeljak, kao što je

tag stiliziran stilom klase mainContent.

Zgodan način za odabir odjeljka okruženog a

oznaka je da postavite pokazivač bilo gdje u to područje stranice, a zatim upotrijebite birač oznaka na dnu radnog prostora za odabir

označiti.

Odaberite Umetanje→ Predložak→ Područje koje se može uređivati.

Otvara se dijaloški okvir Nova regija koja se može uređivati.

Kako stvoriti novi Dreamweaver predložak

Dodijelite naziv novoj regiji koja se može uređivati.

Odaberite nešto što identificira vrstu sadržaja, kao što je naslov ili glavni sadržaj. Regija koju definirate kao mogućnost uređivanja postaje područje koje se može promijeniti na bilo kojoj stranici stvorenoj iz predloška. Možete imati više regija koje se mogu uređivati ​​u jednom predlošku. Svaka regija koja se može uređivati ​​mora imati drugačiji naziv; imena ne mogu koristiti razmake ili posebne znakove, ali podvlake i crtice su u redu.

Kliknite OK.

Aqua plavi okvir (s aqua plavom karticom u gornjem lijevom dijelu okvira) okružuje područje za uređivanje. Naziv koji ste unijeli u dijaloški okvir Nova regija koja se može uređivati ​​pojavljuje se na kartici.

Kada završite s dizajnom stranice i dodate sve regije koje želite uređivati, odaberite Datoteka→Spremi za spremanje predloška.

Kada spremite novu stranicu predloška ili spremite postojeću stranicu kao predložak, Dreamweaver automatski dodaje ekstenziju .dwt i sprema datoteku u mapu Predlošci.

Ako spremite predložak prije nego što navedete regije koje je moguće uređivati, Dreamweaver će vam dati upozorenje jer predlošci nisu korisni bez regija koje je moguće uređivati. Ne morate stvarati regije koje je moguće uređivati ​​prije nego što spremite predložak, ali ne možete unijeti nikakve promjene ni na jednoj stranici stvorenoj iz predloška dok ne stvorite jednu ili više regija koje je moguće uređivati. Uvijek se možete vratiti i kasnije dodati regije koje je moguće uređivati.

Adobe je dodao novu ploču za umetanje predložaka u Dreamweaver CC. Ovu novu ploču možete koristiti umjesto stavki izbornika kada radite s predlošcima. Značajke rade isto: Samo kliknite odgovarajuću ikonu na ploči Umetanje predložaka, kao što je ikona Regija koja se može uređivati.

Kako stvoriti novi Dreamweaver predložak


Kako primijeniti transparentnost na SVG-ove

Kako primijeniti transparentnost na SVG-ove

Naučite kako primijeniti transparentnost na SVG grafiku u Illustratoru. Istražite kako ispisati SVG-ove s prozirnom pozadinom i primijeniti efekte transparentnosti.

Rad sa slikama u Adobe XD

Rad sa slikama u Adobe XD

Nakon što uvezete svoje slike u Adobe XD, nemate veliku kontrolu nad uređivanjem, ali možete mijenjati veličinu i rotirati slike baš kao i bilo koji drugi oblik. Također možete jednostavno zaokružiti kutove uvezene slike pomoću kutnih widgeta. Maskiranje vaših slika Definiranjem zatvorenog oblika […]

Kako podesiti svojstva teksta u Adobe XD

Kako podesiti svojstva teksta u Adobe XD

Kada imate tekst u svom Adobe XD projektu, možete početi mijenjati svojstva teksta. Ova svojstva uključuju obitelj fontova, veličinu fonta, težinu fonta, poravnanje, razmak između znakova (kerning i praćenje), razmak između redaka (vodeće), ispunu, obrub (crtanje), sjenku (sjena) i zamućenje pozadine. Pa pogledajmo kako se ta svojstva primjenjuju. O čitljivosti i fontu […]

Rad s umjetničkim pločama u Photoshopu CC

Rad s umjetničkim pločama u Photoshopu CC

Baš kao i u Adobe Illustratoru, Photoshopove umjetničke ploče pružaju mogućnost izrade zasebnih stranica ili zaslona unutar jednog dokumenta. To može biti osobito korisno ako gradite zaslone za mobilnu aplikaciju ili malu brošuru. Artboard možete zamisliti kao posebnu vrstu grupe slojeva stvorenu pomoću ploče Slojevi. Njegov […]

Oblici i poligoni u InDesignu

Oblici i poligoni u InDesignu

Mnogi alati koje pronađete na ploči InDesign Alati koriste se za crtanje linija i oblika na stranici, tako da imate nekoliko različitih načina stvaranja zanimljivih crteža za svoje publikacije. Možete stvoriti bilo što, od osnovnih oblika do zamršenih crteža unutar InDesigna, umjesto da morate koristiti program za crtanje kao što je […]

Zamotajte tekst u Adobe Illustrator CC

Zamotajte tekst u Adobe Illustrator CC

Omatanje teksta u Adobe Illustrator CC nije isto što i zamatanje poklona — lakše je! Prelamanje teksta prisiljava tekst da se omota oko grafike, kao što je prikazano na ovoj slici. Ova značajka može dodati malo kreativnosti svakom komadu. Grafika tjera tekst da se omota oko nje. Prvo stvorite […]

Kako promijeniti veličinu oblika u Illustratoru

Kako promijeniti veličinu oblika u Illustratoru

Kada dizajnirate u Adobe Illustrator CC, često vam je potreban oblik točne veličine (na primjer, 2 x 3 inča). Nakon što izradite oblik, najbolji način da mu promijenite veličinu na točne mjere je korištenje ploče Transform, prikazane na ovoj slici. Odaberite objekt, a zatim odaberite Prozor→ Transformiraj u […]

Kako stvoriti QR kodove u InDesign CC

Kako stvoriti QR kodove u InDesign CC

Možete koristiti InDesign za izradu i izmjenu grafike QR koda. QR kodovi su oblik crtičnog koda koji može pohraniti informacije kao što su riječi, brojevi, URL-ovi ili drugi oblici podataka. Korisnik skenira QR kod pomoću svoje kamere i softvera na uređaju, kao što je pametni telefon, a softver koristi […]

Kako učiniti da nova fotografija izgleda staro u Photoshopu CS6

Kako učiniti da nova fotografija izgleda staro u Photoshopu CS6

Možda će vam biti potrebna nova fotografija da biste izgledali staro. Photoshop CS6 vas pokriva. Crno-bijela fotografija noviji je fenomen nego što mislite. Dagerotipije i druge rane fotografije često su imale smećkasti ili plavkasti ton. Možete stvoriti vlastita remek-djela u tonovima sepije. Tonirane slike mogu stvoriti […]

Značajka Live Paint u Adobe CS5 Illustratoru

Značajka Live Paint u Adobe CS5 Illustratoru

Koristeći značajku Live Paint u Adobe Creative Suite 5 (Adobe CS5) Illustrator, možete stvoriti sliku koju želite i ispuniti regije bojom. Bucket Live Paint automatski detektira regije sastavljene od neovisnih staza koje se sijeku i ispunjava ih u skladu s tim. Boja unutar određene regije ostaje živa i automatski teče ako postoji […]