Beszélő sablonok a Dreamweaverben

Sok webtervező program büszkélkedhet HTML-sablonjaival. Valójában azt jelentik, hogy néhány kész oldaltervet tartalmaznak a programhoz. A Dreamweaver néhány ugrással tovább viszi ezt a koncepciót azáltal, hogy olyan sablontervezési funkciókat biztosít, amelyek lehetővé teszik az oldal alapvető kialakításának létrehozását, majd annak szabályozását, hogy mely szakaszok módosíthatók és melyek nem. Ez egy értékes funkció, ha különböző képzettségi szintű fejlesztőkből álló csapattal dolgozik. Például, ha egy ingatlancégnek épít egy webhelyet, és azt szeretné, hogy az alkalmazottak frissítsék az értékesítési listákat anélkül, hogy elronthatnák az oldal kialakítását, egy sablon lehet a tökéletes megoldás.

A sablonok akkor használhatók legjobban, ha több olyan oldalt hoz létre, amelyek bizonyos jellemzőkkel rendelkeznek, mint például a háttérszín vagy a navigációs elemek. Ahelyett, hogy minden új oldalhoz beállítaná a megfelelő tulajdonságokat, vagy oldalról oldalra ugyanazokat a változtatásokat hajtaná végre, egy sablon segítségével egyszerre több oldalt is módosíthat.

Maradj hű a sablonodhoz

A Dreamweaver sablon funkció használatának egyik nagy előnye, hogy megadhatja, hogy a sablon mely területei módosíthatók. Ez különösen akkor hasznos, ha olyan emberekkel dolgozik, akik különböző szintű HTML-készségekkel rendelkeznek, és azt szeretné, hogy egy fejlettebb tervező olyan oldalt hozzon létre, amelyet egy kevésbé tapasztalt személy később nem tud elrontani. Ezt a célt szem előtt tartva a sablon szerkeszthető régiókkal és zárolt (nem szerkeszthető) régiókkal rendelkezik. Használjon szerkeszthető régiókat a változó tartalmakhoz, például a termékleírásokhoz. Használjon zárolt régiókat statikus, változatlan tartalmakhoz, például logókhoz vagy webhely-navigációs elemekhez.

A sablont akkor is módosíthatja, ha már dokumentumok létrehozásához használta. Ezután a sablont használó dokumentumok frissítésekor a dokumentumok nem szerkeszthető részei frissülnek, hogy megfeleljenek a sablonban végzett módosításoknak.

Miközben magát a sablont szerkeszti, a fájl bármely részét módosíthatja, legyen az szerkeszthető vagy zárolt régió. Sablonból készült dokumentum szerkesztése közben azonban csak a dokumentum szerkeszthető területein módosítható. Ha visszamegy, és megváltoztatja a sablont annak létrehozása után, a Dreamweaver lehetőséget ad arra, hogy a változtatások megjelenjenek az adott sablonnal létrehozott összes oldalon, vagy csak az éppen szerkesztett oldalon.

Sablonok készítése

A sablon létrehozása ugyanolyan egyszerű, mint bármely más fájl létrehozása a Dreamweaverben, amint azt a következő lépésekben láthatja. Kezdhet egy meglévő HTML dokumentummal, és módosíthatja az igényeinek megfelelően, vagy létrehozhat egy teljesen új dokumentumot. Amikor egy fájlt sablonként ment el, a fájl automatikusan a webhely fő mappájának Sablonok mappájába kerül. A sablonokat ebbe a közös mappába kell menteni, hogy a Dreamweaver automatizált funkciói megfelelően működjenek. Ha még nem rendelkezik Sablonok mappával a webhelyén, a Dreamweaver automatikusan létrehoz egyet az első sablon tárolásakor.

A Sablon funkciók csak akkor működnek, ha a Dreamweaverben definiálta webhelyét

A sablon minden eleme alapértelmezés szerint zárolva van, kivéve a dokumentum címét, amelyet a jel jelöl

címkéket. (A dokumentum címének nem zárolt része a Dreamweaver 4 továbbfejlesztése – a Dreamweaver 3-ban nem lehetett szerkeszthetővé tenni a címterületet.). Ahhoz, hogy a sablon bármilyen hasznot vehessen új oldalak felépítéséhez, az oldal más részeit is szerkeszthetővé kell tenni. Ne feledje, hogy bármikor visszatérhet a sablonhoz, és további területeket tehet szerkeszthetővé, vagy eltávolíthatja bizonyos területek későbbi szerkesztésének lehetőségét.

Szerkeszthető régiókat tartalmazó sablon létrehozásához kövesse az alábbi lépéseket:

1. Válassza az Ablak –> Sablonok menüpontot.

2. A Sablonok panelen kattintson a nyílra a jobb felső sarokban, és válassza az Új sablon elemet a megnyíló legördülő menüből.

Egy új, névtelen sablon hozzáadódik a panel sablonjaihoz.

3. Ha a sablon továbbra is ki van választva, adjon meg egy nevet a sablonnak, ugyanúgy, ahogy bármely fájlt a Finderben adna el Mac számítógépen vagy az Intézőben PC-n.

Az új sablon hozzáadódik a Webhelysablonok listához.

4. Miután elnevezte az új sablont, kattintson duplán a névre a megnyitáshoz.

A sablonoldal ugyanúgy megnyílik a Dreamweaverben, mint bármely más HTML-oldal, kivéve, hogy a fájlnév .dwt kiterjesztéssel végződik.

Mostantól ugyanúgy szerkesztheti ezt az oldalt, mint bármely más HTML-oldalt, beszúrva képeket, szöveget, táblázatokat stb.

5. Válassza a Módosítás –> Oldal tulajdonságai menüpontot a háttér, a szöveg és a hivatkozás színének megadásához.

Ezután helyezzen el néhány szöveget vagy képet az oldalon olyan információk helyőrzőjeként, amelyeket a jövőben módosítani szeretne.

6. Egy kép vagy szövegterület szerkeszthetővé tételéhez jelölje ki a képet vagy szöveget, majd válassza a Módosítás –> Sablonok –> Új szerkeszthető terület menüpontot. (A szerkeszthetőként kiválasztott kép vagy szöveg olyan területté válik, amely a sablonnal létrehozott bármely oldalon módosítható. Azok a területek, amelyeket nem jelöl meg szerkeszthetőként, rögzítésre kerülnek, és csak akkor módosíthatók, ha magát a sablont módosítja.)

Megnyílik az Új szerkeszthető régió párbeszédpanel.

7. A Név mezőbe írja be a szerkeszthető régió nevét.

A szöveg vagy kép kiemelve van a sablonban, jelezve, hogy szerkeszthető. Bármilyen nevet megadhat a régiónak, de ha olyat választ, amely megfelel az adott területen elhelyezni kívánt információ típusának, akkor könnyebben megjegyezheti.

8. Ha további képeket vagy szöveges területeket szeretne szerkeszteni, ismételje meg a 6. és 7. lépést.

9. Mentse el a sablont, és zárja be a fájlt, ha végzett.

Szerkeszthetővé tehet egy egész táblázatot vagy az egyes táblázatcellákat, de nem teheti egyszerre több cellát szerkeszthetővé, hacsak nem egyesítette őket először. Egyenként kell kijelölnie az egyes cellákat, ha a táblázat egyes celláit szerkeszthetővé szeretné tenni, másokat nem. A rétegek és a rétegtartalom szintén különálló elemként kezelendő, de bármelyik megjelölhető szerkeszthetőként. Ha egy réteget szerkeszthetővé tesz, akkor módosíthatja a réteg helyzetét. A rétegtartalom szerkeszthetővé tétele azt jelenti, hogy módosíthatja a réteg tartalmát, például a rétegben lévő szöveget vagy képet.