A főoldalon

dinamikus sablonok

Dinamikus web - sablonok

Egy tipikus honlapján áll az oldalakon, amelyek néhány közös elemeket az összes oldalt. Ilyen elem lehet a fejléc és a lábléc, transzparensek, navigációs panel, fej-, és így tovább.

Dinamikus Web Template lehetővé teszi, hogy mester oldalak (master oldal).

Néha szükség van, hogy frissítse a tervezés az Ön honlapján. Használata mester oldalak lehetővé teszi, hogy nem ez a legegyszerűbb módja - frissíteni kell a design a honlapon, csak így változik az oldalakon létrehozott alapján a honlapon.

A főoldalon olyan területek, amelyeket nem lehet változtatni, és a szerkeszthető területen.

Websablonok nem kell összekeverni a ASP.NET mester oldalak.


Olyan dinamikus sablon

Ahhoz, hogy hozzon létre egy dinamikus Web sablon, a Fájl menüben válassza az Új - Oldal - Dinamikus WebTemplate.
Menteni a oldalt master.dwt.
Import Style fájl (styles.css) abban a mappában, például \ Ch19 \ Files \ weboldal, és csatolja az új dinamikus sablonok Web.

Meg kell határozni néhány szerkeszthető régióban a sablon (anélkül, hogy a mezők a sablon nem fog működni). Szerkeszthető mező hozható létre a felső banner terület és a fő tartalmi terület.

Vigyük a kurzort az oldalon, a Formátum menü Dinamikus Web Template - kezelése szerkeszthető régiók.

Az oldalon azt be kell illeszteni a keretet, amelyen belül fog elhelyezkedni szerkeszthető területen. Állítsa be a keret méretű (például, egy vizsgálati anyag a keret lehet elfoglalni a legtöbb oldal).


Hozzon létre egy sablon oldal

Ahhoz, hogy a dinamikus sablon Network, meg kell, hogy csatolja az oldalt.
Hozzon létre egy oldalt, mentse el.
A Formátum menü Dinamikus Web Template - Dinamikus websablon csatolása. A listából válassza master.dwt.

Megnyitás gombra. Expression Web megjelenít egy párbeszédablakot, és közli, hogy a fájl frissült. Bezárás gombra.

Nyissa meg a létrehozott sablon (nálunk van master.dwt). Változás a sablont. Mentse el a módosításokat.
Expression Web megnyílik egy ablak a következő üzenettel, hogy az oldal frissítésre kerülnek ezzel a sablonnal. Kattintson az Igen - az oldal frissítésre kerül. Ez jelenik meg a számát frissített oldalakat. Bezárás gombra.

Másik lehetőség, hogy nyissa ki a Dynamic Template Web és válassza a Formátum - Dinamikus Web Template - Frissítés Csatolt oldalak frissítéséhez minden oldalon.

Ha frissíteni csak bizonyos oldalakat, használja a Format - Dinamikus Web Template - frissítve Kiválasztott oldalak.

Meg lehet változtatni az oldalon, nem csak a szerkeszthető mezők, de minden területen, ha perklyuchites kód módban, és módosíthatja a kódot közvetlenül.
Ebben az esetben két lehetőség áll rendelkezésre:
Mindig visszaállítása Nem szerkeszthető tartalom az oldal szerkesztése - visszaállítja az eredeti kódot
Minden módosítás megtartása - menteni a módosításokat a kódon.


Elérhetőség Management szerkesztési terület

Ha újra megjelenik a szerkeszthető területen jelöljön ki egy szerkeszthető régiót egy ablak egy listát domain, és kattintson a Módosítás parancsot.
Ha azt szeretné, hogy megjelenjen egy szerkeszthető régiót az aktuális oldalt később, kattintson a Skip Aktuális oldal.

Szerkeszthető területeket lehet hozzáadni, átnevezni vagy törölni.

Új szerkeszthető régiót, helyezze a kurzort oda, ahová az új szerkeszthető régió és válasszuk a Formátum - Dinamikus Web Template - kezelése szerkeszthető régiók.

Átnevezése mezőben a Formátum menü - Dinamikus Web Template - kezelése szerkeszthető Régiók.


Kód dinamikus sablonok

Míg dolgozik sablonok dinamicheskmi műszeres tervezési mód, de meg kell, hogy legyen világos, hogy ebben az időben van egy kódlapot.

Miután létrehozott egy új, dinamikus sablon kódját az alábbiak lesznek:

Alapértelmezésben minden Dynamic Template Hálózat két szerkeszthető régiók úgynevezett doctitle (fejléc) és a test ( „test” az oldal alján).

Kód #BeginEditable #EndEditable és meghatározza az elején és a végén a szerkeszthető területen.












   
   


Ez a kód azt jelzi, hogy a szerkeszthető terület be van dugva a fejléc területe. A terület tartalmaz egy táblázatot (mainTable).

Tegyük fel, hogy szeretnénk, hogy szerkeszthető nem az egész táblát, csak az alsó sorban. A tervezési módban nem lehet csinálni, és a kódot mód - ez lehetséges.

A korrigált kód így fog kinézni:













   
   

Így szerkeszthető csak tette a második sorban az asztalra, minden mást - nem áll rendelkezésre szerkesztésre.

Kapcsolódó cikkek