Hogyan hozzunk létre egy sablont az Adobe Dreamweaver

Dreamweaver sablon oldja meg a problémát, amellyel számos vállalat - hogyan lehet fenntartani a helyszínen, és tartsa a standard részei a szabvány. A szokásos megoldás az, hogy az SSI (szerver oldali), de nem minden web szerver támogatja ezt a technológiát. Vannak más módon, amely akkor kapcsolja be a html-fájlt egy másik, de mindannyian használja a programot, vagy a szerver oldalon, vagy a java-script a felhasználói oldalon.

Dreamweaver sablonok lehetővé teszik, hogy egy sablont, hogy lakik egy területen a webhely, és ezt követően hozzon létre más oldalak a sablon alapján. Aztán, ha módosítja a sablont, és változtatni az oldalt a sablon.

1. Kezdjük egy elrendezés

A legegyszerűbb módja annak, hogy hozzon létre egy sablont Dreamweaver - kezdeni az elrendezés, amelyen szeretnénk létrehozni egy sablont. ÉN használ egy továbbfejlesztett változata ingyenes sablonokat a bal oldalon - navigáció, a felső - kalap, valamint a képek és a színek.

Mivel fennáll a lehetősége, hogy létrehozza a Dreamweaver sablon a semmiből, sokan azt hiszik, hogy könnyebb, hogy nem a design, és úgy dönt, hogy meg fog változni, és ez része lesz a sablon.

2. A "Save as Template ..." - a Fájl menü

A Fájl menüben van egy opció „Save as Template ...”. Jelölje ki a menteni a design, mint a Dreamweaver sablon.

Megjegyzés. Dreamweaver sablon részeként létrehozott egy Dreamweaver oldalon. Ha nem határozott meg az oldalon, akkor létre kell hozni egy helyet Dreamweaver létrehozása előtt a sablont.

3. Készíts egy sablon leírását

Válasszon ki egy oldal, amelyen a használni kívánt sablont. Fogom használni az oldalon «Dreamweaver példák». Nevét a webhely más lesz.

Írja le a mintát. A leírás lehet olyan rövid, vagy amíg szükség van rá. Azonban nem fukarkodik a részleteket, viszont fontosak lehetnek a jövőben.

4. Hozzon létre egy mappát sablonok

Oldalamon van egy mappa sablonokat. De ha mégsem, Dreamweaver automatikusan létrehozza ezt.

Minden Dreamweaver sablonok vannak tárolva «sablonok» mappát a weboldalt, és a kiterjesztése * .dwt (rövid Dreamweaver sablon).

5. Kezdje hozzátéve szerkeszthető területek

  • Válassza része a szöveget, amit szeretne változtatni.
  • Sablon Objects - Insert, menj a menüpontot.
  • Válassza ki a „szerkeszthető régióban.”

Vannak más sablon tárgyakat, de ezek kívül esnek a bemutató.

6. Adja meg a nevét, szerkeszthető régió

Akkor hagyja el a nevét, hogy a Dreamweaver alapértelmezett beállítás, de azt javasoljuk, hogy adjon meg egy leíró nevet, amely emlékeztetni fogja később, hogy milyen információkat kell tartalmaznia ezen a területen.

7. szerkeszthető mezőt blokkhoz

Használom, amikor azt szeretnénk, hogy győződjön meg arról, hogy a cím lesz a címe, vagy szüksége van egy meghatározott számú ítélet vagy más elemek egy sablont.

Ha úgy dönt, hogy elhagyja a lehetőségét, hogy további blokk szintű elemek belsejében ez az elem, akkor meg kell mozgatni a határokat a szerkeszthető terület az elem címkéket. Meg tudod csinálni egy mód kijelző HTML-kódot vagy újrabekerülését terület eltávolítása után.

8. Kérjük, értékelje a sablon kész

A kész sablon szerkeszthető régiókban jelennek kereteket, amelyek felett lesz a neve a területen.

9. Készítsen oldal sablon alapján

Miután elmentette a sablont, akkor tudja használni a helyszínen: A Fájl menüben válasszuk a „New”;

  • Menj a lap „oldalt a sablon”;
  • Válassza ki az új sablont;
  • Győződjön meg róla, válassza az „Update oldalt, amikor sablon változások”;
  • Kattintson a "Create".

Most lehet változtatni, de csak a szerkeszthető régiókban. Dreamweaver nem teszi lehetővé, hogy módosítsa más a sablon.

10. Változás sablon - Frissítve fájlok

Ha később meg kell, hogy bármilyen változás a sablon, szerkeszteni a fájlt DWT «sablonok» mappát. Ha elmentette a változások a sablont, a Dreamweaver megkérdezi, hogy szeretnénk-e frissíteni az oldalt létre egy sablont. Azt is megmondja, mik a fájlokat.

Ha rákattint a „Frissítés”, az összes fájlt ebből a sablonból létrehozott frissítésre kerül. Csak akkor kell menteni, és feltölteni a web szerver.

Kapcsolódó cikkek