Talking Templates u Dreamweaveru

Mnogi programi za web dizajn hvale se svojim HTML predlošcima. Ono što zapravo misle je da uz program uključuju neke gotove dizajne stranica. Dreamweaver ovaj koncept ide još nekoliko koraka dalje pružajući značajke dizajna predložaka koje vam omogućuju stvaranje osnovnog dizajna stranice, a zatim kontrolirate koji se odjeljci mogu, a koji ne mogu mijenjati. Ovo je vrijedna značajka ako radite s timom programera različitih razina vještina. Na primjer, ako gradite web-mjesto za tvrtku za nekretnine i želite dopustiti zaposlenicima da ažuriraju prodajne oglase bez mogućnosti da zabrljate dizajn stranice, predložak može biti savršeno rješenje.

Predlošci se najbolje koriste kada stvarate brojne stranice koje dijele određene karakteristike, kao što su boja pozadine ili elementi za navigaciju. Umjesto postavljanja ispravnih svojstava za svaku novu stranicu ili istih izmjena na stranici za stranicom, možete koristiti predložak za izmjene na nekoliko stranica odjednom.

Ostanite vjerni svom predlošku

Jedna od velikih prednosti korištenja značajke predloška Dreamweaver je ta što možete odrediti koja područja predloška se mogu mijenjati. Ovo je posebno korisno ako radite s ljudima koji imaju različite razine vještina u HTML-u i želite da napredniji dizajner izradi stranicu koju manje iskusna osoba kasnije ne može zabrljati. S tim ciljem na umu, predložak ima područja koja se mogu uređivati ​​i zaključana (neuređivanje) regije. Koristite regije koje je moguće uređivati za sadržaj koji se mijenja, kao što je opis proizvoda. Koristite zaključana područja za statičan, nepromjenjiv sadržaj, kao što su logotip ili elementi za navigaciju web-mjesta.

Predložak možete mijenjati čak i nakon što ste ga upotrijebili za izradu dokumenata. Zatim kada ažurirate dokumente koji koriste predložak, odjeljci tih dokumenata koji se ne mogu uređivati ​​ažuriraju se kako bi odgovarali promjenama koje ste napravili u predlošku.

Dok uređujete sam predložak, možete mijenjati bilo koji dio datoteke, bilo da se radi o područjima koja se mogu uređivati ​​ili zaključanoj. Međutim, dok uređujete dokument napravljen iz predloška, ​​možete unijeti promjene samo u područja dokumenta koja se mogu uređivati. Ako se vratite i promijenite predložak nakon što je stvoren, Dreamweaver vam daje mogućnost da se te promjene odraze na svim stranicama koje ste stvorili s tim predloškom ili samo na stranici koju trenutno uređujete.

Izrada predložaka

Izrada predloška je jednostavna kao i stvaranje bilo koje druge datoteke u Dreamweaveru, kao što možete vidjeti u sljedećim koracima. Možete započeti s postojećim HTML dokumentom i modificirati ga tako da odgovara vašim potrebama ili možete stvoriti potpuno novi dokument. Kada spremite datoteku kao predložak, datoteka se automatski sprema u mapu Predlošci glavne mape web stranice. Predlošci moraju biti spremljeni u ovu uobičajenu mapu da bi automatizirane značajke u Dreamweaveru ispravno radile. Ako još nemate mapu Predlošci na svom web-mjestu, Dreamweaver je automatski stvara kada pohranite svoj prvi predložak.

Značajke predloška rade samo ako ste definirali svoju web stranicu u Dreamweaveru

Svi elementi u predlošku su prema zadanim postavkama zaključani, osim odjeljka naslova dokumenta koji je označen s

oznake. (Odjeljak naslova dokumenta koji nije zaključan je poboljšanje u Dreamweaveru 4 — u Dreamweaveru 3 niste mogli urediti područje naslova.). Da bi predložak bio od bilo kakve koristi za izgradnju novih stranica, morate napraviti i druga područja stranice koja se mogu uređivati. Imajte na umu da se uvijek možete vratiti na predložak i učiniti više područja za uređivanje ili ukloniti mogućnost kasnijeg uređivanja određenih područja.

Za izradu predloška s regijama koje je moguće uređivati, slijedite ove korake:

1. Odaberite Prozor –> Predlošci.

2. Na ploči Predlošci kliknite strelicu u gornjem desnom kutu i odaberite Novi predložak s padajućeg izbornika koji se otvori.

Novi, neimenovani predložak dodaje se na popis predložaka na ploči.

3. Dok je predložak još uvijek odabran, upišite naziv za predložak kao što biste imenovali bilo koju datoteku u Finderu na Macu ili Exploreru na PC-u.

Novi predložak dodaje se na popis Predlošci za web-mjesto.

4. Nakon što novom predlošku date naziv, dvaput kliknite naziv da biste ga otvorili.

Stranica predloška otvara se u Dreamweaveru kao i svaka druga HTML stranica, osim što naziv datoteke završava nastavkom .dwt.

Sada možete uređivati ​​ovu stranicu kao i bilo koju drugu HTML stranicu, umetanjem slika, teksta, tablica i tako dalje.

5. Odaberite Izmijeni –> Svojstva stranice da odredite boje pozadine, teksta i veze.

Zatim na stranicu postavljate tekst ili slike kao čuvare mjesta za informacije koje biste možda željeli promijeniti u budućnosti.

6. Za uređivanje slike ili područja teksta odaberite sliku ili tekst, a zatim odaberite Izmijeni –> Predlošci –> Nova regija koja se može uređivati. (Slika ili tekst koji odaberete kao mogućnost uređivanja postaje područje koje se može mijenjati na bilo kojoj stranici kreiranoj s predloškom. Područja koja ne označite kao uređivanje postat će fiksna i mogu se mijenjati samo ako izmijenite sam predložak.)

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

7. U tekstualni okvir Naziv upišite naziv regije za uređivanje.

Tekst ili slika su istaknuti u predlošku, što znači da se može uređivati. Regiju možete imenovati kako god želite, ali odabirom nečega što odgovara vrsti informacija koje ćete staviti u to područje lakše ćete pamtiti.

8. Da biste mogli uređivati ​​druge slike ili tekstualna područja, ponovite 6. i 7. korak.

9. Spremite predložak i zatvorite datoteku kada završite.

Možete učiniti uređivati ​​cijelu tablicu ili pojedinačnu ćeliju tablice, ali ne možete učiniti uređivati ​​više ćelija odjednom, osim ako ih prethodno niste spojili. Morate odabrati svaku ćeliju jednu po jednu ako želite neke ćelije u tablici učiniti uređivim, ali ne i druge. Slojevi i sadržaj sloja također se tretiraju kao zasebni elementi, ali svaki od njih se može označiti kao uređivati. Uređivanje sloja omogućuje vam promjenu položaja tog sloja. Uređivanje sadržaja sloja znači da možete promijeniti sadržaj sloja, kao što je tekst ili slika u sloju.