napravili ste template, prošlo je neko vrijeme i želite upload dizajna. imate dvije mogućnosti ili napraviti dizajn preko postojećeg templatea ili napraviti novi...
ovdje ću opisati kako promjeniti izgled stranica izradom novog templatea (predloška).
Klikom na link otvoriti će se nova stranica koja pokazuje trenutačno stanje predloška... desni klik miša -> view source pogledajte kod stranice!!!

1. dakle, krenimo ispočetka i ponovimo gradivo: (template 1 i 2)
   • sajt je već definiran (site -> new site ili site -> open site i otvorimo sajt koji želimo mijenjati. ukoliko sajt NIJE definiran, NIJE moguće ni raditi upload predloška!)
2. otvorimo novi dokument (file -> new ili neki već napravljeni file -> open)
3. ukoliko koristimo opciju new napravimo "kostur" stranice
   • naš primjer imati će tablicu od tri stupca i tri reda (najčešći "kostur")
   • tablica će biti veličine 750 pix x 100% (tako da ako nam je sadržaj manji od visine ekrana, footer će nam se "zalijepiti" za dno ekrana)
   • da bi nam se header "zalijepio" za vrh ekrana otvorimo properties stranice (modify -> page properties) i pod left, top, width, height margin upišemo 0 (udaljenosti od ruba ekrana, defoultno ili zadana vrijednost je 10pix, ako se ne varam. sada smo te vrijednosti oistavili na 0!
   • visinu 1. reda postavimo na 100pix, a 3. na 20pix. (2. red će nam u tom slućaju biti onaj promjenjivi, gdje ćemo upisivati sadržaj. taj 2. red MORA biti bez veličine, jer će "pokupiti" visinu stranice ili sadržaja, što je u datom trenutku veće)
   • širinu 1. stupca postavimo na 150pix, 2. na 500pix i 3. na 100pix
   • redove ćemo obojati u nijanse crne, a stupce u nijanse plave (da se razlikuju)
   • u ovom slučaju (kad imamo neku od dimenzija kao 100%, neki pretraživaći ne "lijepe" tablicu za vrh i dno ekrana. da bi to ispravili treba nam jedan javascript koji dreamweaver upisuje za nas (commands -> add/remove netscape resize fix...) sada se tablica "lijepi za rubove ekrana
   • napravimo header i footer te mjesto za linkove
   • snimimo taj dokument kao template (file -> save as template) taj fajl će biti snimljen u folder Template koji će DW sam napraviti i taj folder NE SMIJE MIJENJATI LOKACIJU inače ne radi ispravno
   • zatim napravimo regiju onog dijeli koji želimo da nam je promjenjiv (u našem slučaju označiti ćemo "kvadrat u sredini", odnosno "ćeliju" koja nam je u sredini (ona koja ima srednju nijansu sive boje). dakle selektiramo "ćeliju" (kliknemo unutar "ćelije" pritisnemo na tastaturi tipku ctrl i dok držimo tu tipku kliknemo mišem unutar "ćelije" da nam se cijela selektira) modify -> templates -> new editable region i upišemo regiju (ja sam je nazvao centar)
     trebali bi u kodu dobiti rezultat sličan ovome:
     <td width="500">
     <!-- #BeginEditable "centar" --><!-- #EndEditable -->
     </td>
   • sada kada mijenjate dizajn, SAMO ono što se nalazi izmedju begin i end editable biti će PROMJENJIVO, dakle samo taj dio ćete moći mijenjati ostalo ostaje "ZAKLJUČANO" i može se mijanjati samo u *dwt formatu i automatski se mijenja (ukoliko uključite tu opciju) kad mijenjate predložak
4. sada slijedi promjena dizajna ostalih stranica
   • otvorite stranicu kojoj želite promjeniti dizajn
   • kliknite na modify -> templates -> apply template to page i odaberite ovaj zadnji template, odnosno kako ste ga već nazvali (u ovom slučaju template i template1) morate imati na umu da možete imati samo jedan template (predložak) po stranici.
   • predložak će vam se automatski kopirati na stranice i to cijeli (ukoliko niste već prije koristili neki predložak)
5. novu stranicu koju želite raditi sa predloškom otvarate sa file -> new from template
6. AKO NISTE KORISTILI PREDLOŽAK:
   • na svakoj stranici kojoj želite promjeniti dizajn i u budućnosti je mijenjati sa novim predloškom, izbrišite sve nepotrebne dijelove koji se ponavljaju na tom dokumentu i predlošku (kao npr. header, footer, linkovi...) i ostavite samo srednji dio...
   • NA PRIMJERU OVE STRANICE KOJU SADA GLEDATE:
     • ako želite promijeniti dizajn, a da nije napravljena po predlošku, najprije trebate izbrisati SVE osim ovog teksta, jer u protivnom kad odaberete opciju apply template to page DW automatski unutar one zadane "ćelije" kopira kompletan sadržaj stranice, taho da bi se ova kompletna stranica našla unutar jedne ćelije i to bi bilo katastrofalno (iako ni ovaj dizajn koji gledate nije daleko od toga... opaska samog autora)
7. koliko ste razumjeli ne znam, ali downloadajte si ZIP [X] file, razipirajte na svoj hard disk i odredite, odnosno definirajte sajt. nazovite ga, npr. template i pokušajte napraviti još nekoliko stranica sa file -> new from template i na samom predlošku upišite linkove i snimite oredložak, jednostavno da vidite kako funkcionira
8. folder TEMPLATE NE stavljate na server, dakle na server postavljate SAMO html (ili asp, php...) dokumente, NIKAKO i NIKAD *.dwt dokumente!!!
9. uživajte
   • stvarno sam se namučio i nadam se da ste to razumjeli...
   • znam da je komplicirano, ali kad jednom uspijete napraviti predložak, shvatiti ćete koliko je to sve jednostavno
   • do slijedećeg tečaja - srdačan pozdrav!

   ŠALABAHTER!!!