Dreamweaver Hogyan hozhat létre sablont HTML oldalakról. Az Adobe Dreamweaver MX illusztrált bemutatója

A mappa legördülő listája és a fájllista lehetővé teszi számunkra, hogy kiválasszuk a kívánt mappát és fájlt.
A beviteli mezőben Fájl névmegjelenik a kiválasztott fájl neve (vagy megadhatjuk magunkat). És legördülő listát Fájltípusválasszuk ki, hogy milyen típusú fájlok találhatók. Mindez ismeri számunkra a szabványos párbeszédablakok szerint a Windows fájlok megnyitását és mentését. Az egyetlen különbség az előnézeti panel jobb oldalán. És ha el akarjuk távolítani, hogy kikapcsolja a jelölőnégyzetet ELŐNÉZET. képek.Tehát választottuk a fájlt. Továbbra is kattintson az OK gombra. De a Dreamweaver további információt igényel tőlünk, visszavonva a párbeszédpanel " Képcímke Accessibility attribútumok(A képcímke hozzáférhetőségének tulajdonságai) " .

Kombinált lista " Alternatív szöveg.(Alternatív szöveg) "Ez az ablak az úgynevezett feladathoz szolgál a csere szövegét.A lassú kommunikációs csatornák felhasználóinak találhatók. Miután a webböngésző betölti a HTML fájlt egy weboldalon, ahelyett, hogy egy behelyezett kép helyett egy üres méretű képet jelenít meg. Amikor a felhasználó az egeret az üres képkeret fölé helyezi, a webböngésző egy kis tippet jelenít meg, amely tartalmazza ezt a helyettesítőt. Ezért ajánlott mindig ezt a lehetőséget használni.

Valójában a listában Alternatív szöveg.bemutatott rövid helyettesítő szöveg.A korlátozása legfeljebb 50 karakter. Ha részletesebb csere szöveget kell megjelenítenünk, mentheti egy külön weblapfájlba, majd adja meg az internetes címét a beviteli mezőbe Hosszú leírás.A gombbal is megismételte a mezőt, amely közvetlenül a mezőn található, és válassza ki a kívánt fájlt a párbeszédpanelen Válaszd ki a fájlt. Miután befejezte az adatok beírását, kattintson az OK gombra. A Dreamweaver grafikus képet helyez el arra a helyre, ahol a szöveges kurzor jelenleg van.

A grafikus kép paraméterei

Most mentse el a kapott oldalt, válassza ki a képet, ha nincs kiemelve, és nézze meg a Tulajdonságok szerkesztőt. Mit fogunk látni a bemeneti mezőket W. és N. Állítsa be a kép méretét úgy, hogy beírja, a szélesség és a magasság manuálisan. Hasznos lehet, ha a kiválasztott kép része a webhelytervezésnek; Más esetekben kényelmesebb a képméretek beállításával a méretjelölők egérrel történő húzásával.

Valójában, Dreamweaver, amikor helyezni egy grafikus oldal, a grafikus kép maga helyezi az eredeti szélesség és magasság ezeken a területeken. Mint már tudjuk, a webböngésző azonnal letöltötte az oldalt
Megjeleníti, hogy még nincs betöltve képeket üres keret formájában. Ha a képek méretei egyértelműen beállítottak, akkor azonnal alkalmazzák a keretekre, és az oldal tervezés nem fog megtörni. Ellenkező esetben a böngésző megjeleníti az alapértelmezett keretében valamilyen alapértelmezett és az ezt követő kép betöltése, méretük változik, amelynek hatására újrarajzoláskor magán az oldalon. És ez nagyon kellemetlen.

Bemeneti mezők V tér.és H tér.meghatározzák, hogy a függőleges és vízszintes távolság a kép szélétől a folyó szövegéig. Alapértelmezés szerint mindkettő nulla.

Belépési mező Srcmegadja a fájl internetes címét, ahol a grafikus kép tárolódik. A jobb oldalán látható két gomb. A jobb oldali jobbra kattintva (a mappa képével) megnyitjuk a párbeszédpanelt Válassza a Képforrás lehetőséget..

A képfájl nevét is megváltoztathatjuk a jobb egérgombbal a képre kattintva, és kiválaszthatja az elemet. Forrás fájl.a helyi menüben, vagy csak kattintson duplán a képre. Ezután megjelenik egy párbeszédpanel a képernyőn. Válassza a Képforrás lehetőséget.

Belépési mező Alacsony SRC.hasonló a mezőhöz Srckivéve, hogy a fájlnevet az úgynevezett megmentették "Chernovoy" kép.A "tervezet" kép kisebb méretű, szabályként alacsonyabb minőségű, és feltalálta, újra, az alacsony sebességű kommunikációs csatornák tulajdonosai számára. Web böngésző először letölti a "Chernovik", mivel sokkal kisebb méretű, és vezeti az oldalra. És akkor, míg a felhasználó böngészi a kész oldalt, a fő kép fokozatosan betöltődik és felváltja a "tervezet".

Javasoljuk, hogy "vázlat" csak akkor, ha az eredeti kép túl nagy ahhoz, hogy gyorsan indítsa el. Különösen alkalmas lesz, ha összegyűlünk, hogy egy webhelyet művészi grafikával.

Belépési mező Határ.lehetővé teszi, hogy beállíthassa a képpont körüli képkocka vastagságát. Alapértelmezés szerint nulla lehet, azaz a keretek nem.

Kombinált lista Alt.megadja a már ismerős csere rövid szövegét.

Most forduljunk a legördülő listához. Igazítsa.Lehetővé teszi, hogy beállítsa a kép igazítását, valójában - a relatív helyét és a szöveget, amelyben található.
Lista Igazítsa.tartalmazza a következő elemeket:

• Alapértelmezett.- alapértelmezett hely, amely általában hasonló az elemhez Alapvonal;
• Alapvonal- A kép alja egybeesik a kiindulási szöveg(képzeletbeli vonal, amelyen a szövegsor található) a karakterlánc, amelyben van;
• Torok- A kép teteje egybeesik a vonal szövegének tetején, amelyben található;
• Középső- a kép közepe egybeesik a kiindulási szöveggel;
• Alsó- A kép alja egybeesik a szöveg aljával (általában nem ugyanaz, mint a Alapvonal);
• TEXTOP.- A kép teteje egybeesik a legmagasabb szövegszimbólum tetejével (általában nem ugyanaz, mint a Torusz);
• Abszolút középső- A kép közepe pontosan egybeesik központi szöveg(a középvonalon áthaladó vonal);
• Abszolút alsó- A kép alja egybeesik a legalacsonyabb szövegszimbólum alján;
• Bal.- a "prések" az oldal bal szélére, és a "Streams" szöveg jobbra;
• Jobb- A "megnyomja" az oldal jobb szélére, és a "Streams" szöveg balra.

Az utolsó két esetben a kép lesz Úszó.Web böngésző balra vagy jobbra, míg a beillesztett szöveg, azt állítja. És azon a ponton, ahol a lebegő képet behelyezték, a Dreamweaver különleges lebegő képjelző. Ez a jelölő csak egy webdesigner kényelmére és csak a Dreamweaverben van; A webböngésző nem jeleníti meg.

Tehát az általunk kitűnő tulajdonságok szerkesztőjével. Most állítsuk be a képünk tulajdonságait. Távolság a szövegtől, akkor 5 képpontot vízszintesen és függőleges, igazítunk - a bal szélen, "alternatív" szöveg - "pop-up felirat". És mentse az oldalt.

Ahhoz, hogy visszatérjen az eredeti kép méretét, fel tudjuk használni a törlés gombot) között helyezkedik el a W és H és az ingatlan-szerkesztő és a jobb közülük, valamint a helyi menüben. Állítsa vissza a méretet.Hasznos, ha nagyon sokáig torzítjuk őket, és újra el akarunk kezdeni.

Különleges képek

A HTML és a Dreamweaver nyelv lehetővé teszi, hogy ne csak a szokásos képeket hozzon létre, hanem különleges tulajdonságokkal is rendelkezik. azt kép-hiperhivatkozások, aktív képek és kártya képek. Gyakran használják őket az internetes oldalakon, ezért meg kell fontolnunk őket.

Bármely kép használható hiperhivatkozásként, csak írja be az internetes címet a mezőben. " LINK."Panelek" Tulajdonságok.".
És megadhatja a linket mind az e-mail címre, mind a másik weboldalra. A második esetben rendelkezésre álló listája lesz. " Cél."

A kép aktív lehet, hogy reagáljon az egér kurzorra - Rollover. Ehhez két olyan képet kell készítenie, amelyek cserélik egymást, és a lapon " GYAKORI."Nyomja meg a megfelelő gombot.
A megnyíló ablakban meg kell töltenie a szükséges mezőket.

Területen A kép neve. - Adja meg az aktív kép eredeti nevét, és csak a latin betűk lehetnek a névben (minden aktív kép megkezdődik a betűvel (az arab! - :)
Területen Eredeti kép. - Adja meg az elérési utat a fő képhez, amely az első bekapcsolás lesz az oldalon.

Területen Rollover kép. - Adja meg a "Képhatás" elérési útját, - ez a kép csak akkor jelenik meg, ha az egérmutatót az aktív képre helyezi.
Jelölje be a mező mezőjét Preload Rollover. - Ebben az esetben mindkét rajzot azonnal betölti a böngésző, és a hatás azonnal elindul, ha az egeret lebeg. Ellenkező esetben (ha a jelölőnégyzetet leválasztják), amikor az egér ilyen képére lebegnének - a böngésző elkezdi betölteni a második képet ... és a lassú hatás kiderül.
Területen Altemate szöveg - Adjon meg egy szöveges megjegyzést, amely felbukkan, amikor lebegíti az egérmutatót a képen.
Nos, az URL mezőbe - az internetes címre.

Képkártyák

A térkép egyrészes "forró területekkel" kép, minden ilyen terület hiperhivatkozás és internetes címe.

A kezdethez helyezze a rajzot az oldalra, válassza ki azt, ha a bal egérgombbal és a fülön kattintson rá. Tulajdonságok."A türkizszámok segítségével (a bal alsó sarokban - a térképelemek csoportja) válasszon ki egy" forró terület "kiválasztásához szükséges módszereket. Mivel például egy" forró területet "kék piktogramok készíthetek, Minél közelebb van egy téglalap alakú. De választhat mind a kört, mind a rossz formát. Kattints a négyszögre, és válassza ki az érdeklődési területet.

Az a szám, amelyet kiemel, az űrlapot veszi:

csak be kell írnia az internetes címet a mezőbe " LINK."(Linkek lehetnek a webhely más oldalain vagy más webhelyek vagy e-mail címek), válasszon az egyik célmezőt elemet, és adja meg az alternatív szöveget az ALT mezőbe.

A kiválasztás után a kiválasztott területet a bal alsó sarokban lévő nyíllal kattintson a gombra kattintva.
És kiemelje a hibás formák számát, elegendő a bal egérgombbal kattintva a kiválasztott terület kerülete mentén. Végül hagyja, hogy a kártya eredeti nevét a térkép beviteli mezőjében, és ez az.

Asztalok

Új táblázat létrehozásához menjen a lapra " Commons."Panelek" Betét."Nyomja meg a gombot.

A megjelenő párbeszédablakban töltse ki a kívánt mezőket.
Sorok - A táblázat sorai száma
Oszlopok. - az asztali oszlopok száma
Asztalszélesség- A táblázat szélessége, és a legördülő menüben meg kell adnia a mérési egységeket - kamat vagy képpont.
Határvastagság- A táblázat keret vastagsága pixelben, és ha nullával egyenlő értéket ad, akkor a táblázat önmagában nem lesz látható az oldalon.
Sejtpadding - a nyugdíjba vonulás távolsága az asztal sejtjein belül
Sejt-spacen - az asztal tábláinak határai közötti távolság
Kapcsolókészlet Fejléc.(Felső lábléc) lehetővé teszi számunkra, hogy létrehozzunk egy "sapkát" és az asztal kiválasztott első oszlopát. Ebben a készlet, a Nincs elérhető kapcsolók (nem „sapkák”, vagy dedikált első oszlop), Bal (kiválasztott első oszlop), tórusz ( „cap”) és a két (és a „sapka”, és egy kiválasztott első oszlop).
A "CAP" -ot és a kiválasztott oszlopot alkotó sejtek fejlécsejtekként díszítik, és a beírt szöveget automatikusan beillesztik a központba, és merészek lesznek.
A beviteli mezőben Felirat (Cím) A táblázat be van írva. Ez a név a létrehozott táblázat felett lesz.
Legördülő lista Align felirat.(Igazítás) lehetővé teszi számunkra, hogy beállítsa a név helyét és összehangolását (ha természetesen bemutattuk). A következő elemek itt érhetők el:
Alapértelmezett - A webböngésző maga az igazítást hajtja végre, általában a név az asztal és a szintek felett helyezkedik el;
Top - A név az asztal és a szintek felett van a központban;
Alsó - a név az asztal és a szintek a központban van;
Bal - a név az asztal felett van, és a bal szélhez igazítja;
JOBB - A név az asztal felett van, és a jobb szélen illeszkedik.

Szerkesztési területen Összefoglaló (Teljes) A \u200b\u200btáblázat megjegyzése be van írva. Ez a jegyzet nem jelenik meg a webböngészők a képernyőn, de más célokra is használható (például a képernyőn megjelenő programokat is feldolgozhatja). Állítsa be, hogy nem feltétlenül.

Miután létrehozta az asztalt, megváltoztathatja méretét azáltal, hogy a határokat az egérrel húzza. Egér az asztal kiválasztásában három négyzet fölé.
Most tegye a szöveges kurzort az asztal bármely táblázatában, és pontszámot szerez. Ismételje meg ugyanezt az asztal többi részével.
Az asztali cellának szükségszerűen legalább néhány tartalmat kell tartania, különben a webböngésző helytelenül jelenítheti meg. Ha a cella még mindig üresnek kell lennie, helyezze be egy vitathatatlan helyet (HTML-kódja -), amint ez az ilyen esetekben álmodozik.
A táblázat tulajdonságainak meghatározásához - jelölje ki a bal egérgombra kattintva az asztal határán. Ezt követően a "Tulajdonságok" lapon.

Megváltoztathatja az asztal tulajdonságait, és beállíthatja.
Terület Táblázatazonosító. - Állítsa be az asztal nevét (attribútum nem szükséges)
Terület Sorok és Cols. - A táblázatban lévő sorok és oszlopok száma.
Terület V. és H. - Az asztal szélessége és magassága pixelben vagy százalékban.
Terület Igazítsa. - a bal oldali szélén, a központban vagy a jobb szélen lévő táblázat összehangolása
Terület Cellpad. - a sejt belsejében (a cella tartalma és határa között)
Terület Cellspase. - az asztaliejtek közötti távolság
Terület Merészebb. - A határ szélessége
BG szín- színes háttér asztal
BRDR szín - A teljes asztal határvonala.
BG kép. - Állítsa be a háttérmintát az asztalhoz.

Még mindig hat további gomb van.

• Gomb EgyértelműOszlop.Szélességek. - Az oszlop szélességének törlése
• Gomb EgyértelműSorMagasság. - Tisztítsa meg a sormagasság értékeit
• Gombok Alakítani.Szélességek.nak nek.Képpontok. és Alakítani.Szélességek.nak nek.Százalék - A sejtek szélességét képpontokban konvertálja, és konvertálja a sejtek százaléka szélességét
• Gombok Alakítani.Magasság.nak nek.Képpontok. és Alakítani.Magasság.nak nek.Százalék - Tegye át a sejtek magasságát képpontokban, és konvertálja a sejtek magasságát

A táblázat tulajdonságainak beállítása mellett a sejt tulajdonságai vagy sejtcsoport is rendelkezésre áll. A sejttulajdonságok megadásához kattintson a bal egérgombra. Ha be szeretné állítani a cells csoport tulajdonságait, akkor az első cella mezőjére kattintva, a bal egérgombbal való felszabadítása nélkül válassza ki a kívánt cellákat (így legalább az egész táblázatot eloszthat). A kiválasztáskor - az összes hozzáadott sejt határait egy másik színben festjük.
Miután a sejtek kiemelve vannak - ismét figyeljen a panelre " Tulajdonságok."

Horz. - a sejtek tartalmának vízszintes összehangolása (a bal szélen, a közepén vagy a jobb szélen)
Vert. - a sejtek tartalmának függőleges összehangolása (a tetején, középen, alján vagy az alapvonalon)
Területeken W. és H. - Adja meg a kiválasztott cellák szélességét és magasságát, ha meg kell adnia az értékeket százalékban - Adja hozzá a% szimbólumot numerikus érték után.
BG.és BRDR. - Állítsa be a sejtek hátterét, és állítsa be a sejtek határainak színét. És a BG felső mezőjével - megadhatja a sejtek háttérképét.
Zászló Nem.Betakar. - A sor átruházásának tilalma
Zászló Fejléc. - A kiválasztott cellák formázása táblázat címként.
Most kattintson a bal egérgombra bármely cellában, és nyomja meg a gombot.
Ezzel a párbeszéd segítségével a kiválasztott cellát több részre oszthatja. Kapcsolók Sorok és Oszlopok. - Oszd meg a húrokra és oszlopokra. A ... - Hány sorban vagy oszlopnak meg kell osztani a kiválasztott cellát.

Most válassza ki a két cellát, és nyomja meg a gombot.
Két kiválasztott cella, amelyet beolvasztott egy és ez az új kombinált cella újra megoszthatja, vagy fordítva, hogy egyesüljön másokkal.
Bármely táblázathoz gyorsan alkalmazhat formázást. Ehhez válassza ki a táblázatot és a menüben " Parancsok."Válasszon elemet" Formátum.asztal(Formázza az asztalt). "
És a megnyíló párbeszédablakban konfigurálhatja az asztal tervezését

Miután kiválasztotta az előre beállított sablonok egyikét, megváltoztathatja az összes attribútumát az ízlésedre.
Az asztaliejtek vágásához vághat, beillesztheti vagy másolhatja.
A cella (vagy több sejt) levágásához ki kell jelölnie, és adja meg a szerkesztési parancsot. A cellát (vagy több) eltávolítják az asztalról.
A cella (vagy több sejt) másolásához ki kell jelölnie, és adja meg a szerkesztési parancsot - Másolás. A cellát (vagy több) másolják.
A másolt vagy vágott cellák beillesztéséhez használja a Szerkesztés - Paste parancsot.
Mielőtt továbblépne, próbálja meg a kezét a legegyszerűbb asztalok létrehozásában.

Asztaltervezés

Tegyük fel, hogy online áruházat készítünk. A nevet az oldalra kell helyezni, az áruk leírása, ár és fotó. A táblákkal könnyebb, mint az egyszerű.

Egy speciálisan formázott asztal segítségével több szöveges töredéket és grafikus képet is elhelyezhetünk, amennyire szükségünk van. És ha nem tetszik valami, akkor kissé átdobhatunk ezt az asztalt, és teljesen más eredményt kaphatunk.

A webes tervezők hosszú ideig elsajátították az asztalokat. És ugyanolyan régen viselt egy egyszerű, mint minden zseniális, ötlet. És mi van, ha a weboldal összes szövegét egy nagy, összetett formázott asztalra helyezi, a "stretching" a teljes webböngésző ablakban? Végtére is, akkor gyakorlatilag korlátlan lehetőségeket kapunk, majdnem ugyanaz, mint kollégáink. Képesek leszünk létrehozni és jegyzeteket, lábjegyzeteket és betéteket és többszörös "patakokat" a szöveg megkezdése és megszakítása, ahol szükségünk van.

Tehát közel álltunk a táblázatos kialakításhoz, azaz a weboldalak építésének módjához.
A táblázat kialakításának fő elvét már megadták. Minden szöveget és az összes grafikát az asztali cellákba helyezzük, ami lehetővé teszi, hogy bármit is tegyen velük. Szabályként az ilyen táblázatok (hívjuk őket jelölési táblákat) láthatatlan határokkal rendelkeznek, és a rugalmasok nagyon vékony sejtekkel készülnek háttérrel. A jelölő táblázatok nagyon összetettek, használjon különböző formázást és többcellát kombinációt és gyakorlatilag mindig - beágyazott táblákat.
Komplex gépi jelölő asztalok létrehozása - a webes tervezés legmagasabb pilóta. Nem mindenkinek még egy tapasztalt webes tervező is vállalja, hogy összetett oldalakat készít a táblákon alapuló. És mindez az eredményül kapott HTML-kód hihetetlen összetettségének köszönhető. Ezért nagyon gyakran a webes weboldali kódban van, vannak hibák, amelyek miatt nem mindig jeleníthetnek meg egy webböngészőt. Valójában ezekben a számos kombinált sejtben és a legösszetettebb formázásban könnyen zavaros lehet.

Sablon - Ez egyfajta mintát, a „csontváz” egy weboldal, amely közös elemeket az összes oldalt: a helyszínen fejléc, egy sor hivatkozások, a szerzői jogi információkat, esetleg egy jelölő tábla, stb Ezek az elemek változatlanok maradnak minden oldalon létrehozott E sablon alapján tehát változatlan elemek is nevezik. Igen, de hogyan tartja a fő tartalmát az oldalon az oldalon?
Nagyon egyszerű. Különösen ez a sablon létrehozása változó területek . Ezek a sablon alapján egyedi oldaltartalomra szánták.

Minden egyszerű: hozzon létre egy oldalt a sablon alapján, és adja meg fő tartalmát a változó területeken. A Dreamweaver változatlan elemei ebben az esetben nem szabályozzák minket, és helyesen - változatlanok, végül. De ez nem baj - mindig megváltoztathatjuk a mintát.

Legyen például meg kell javítanunk a webhely címét. Mivel a sablon része, megnyitunk egy mintát, javítjuk, és mentjük meg. A Dreamweaver azonnal felkéri minket, hogy mozgassuk a sablonban végrehajtott változtatásokat az alapon létrehozott oldalakon. És az átutalások, igen óvatosan, ami nem befolyásolja a változó területek tartalmát! Valójában kijavítja az összes ismétlődő elemet a webhely összes weblapján. A sablonok a kiterjesztésű speciális fájlokba kerülnek mentésre dWT., a mappában Sablonok.Melyik Dreamweaver létrehozza magát a webhely helyi másolatának gyökérmappájában. A webhelyen használt sablonok száma nem korlátozott, ezért egyes sablonon alapuló oldaloldalakat hozhatunk létre, míg mások a másikon alapulnak. És általában korlátozhatjuk magunkat egyetlen sablonra, mivel valójában leggyakrabban történik.

A sablon létrehozása előtt hozzon létre egy webhelyet. Regisztrálja azt a Dreamweavernek.
Most hozzon létre egy dokumentumot, és jelölje meg a jelölést.

• Hozzon létre egy táblázatot 100% -os szélességgel, 2 sorral és 1 oszlopgal, határ 0.
• Az első sorban a háttér (fon.gif) és a magassága 100 pixel.
• Ezután írja be a címet az oldal címére és az első sorban. Állítsa be a szöveg méretét +7 és a szín sárga.
• A második sorban helyezze el a függőleges illesztést felülről.
• Helyezzen be egy másik táblázatot 100% szélességű, 1 karakterlánc és 3 oszlop, határ 0.
• Minden egyes cellában állítsa be a függőleges szintű illesztést felülről.
• Az első oszlop szélessége 20%, a második 60%, a harmadik 20%.
• Minden oszlopban helyezzen be többet a 2. táblázatra X 1 oszlop, 95% szélesség, igazítsa a táblát a központban. És az egyes sejtekben függőlegesen illeszkedjen a fentiektől.
• Ezután töltse ki a karakterláncokat a példányban.
• A navigációs oszlopban állítsa be a sejtek színét egy zölden keresztül.

Oldalunk elrendezése készen áll. Nem fogunk semmit sem csinálni. Ennek az előadásnak a részeként ez elegendő.
Itt az ideje, hogy hozzon létre egy sablont és szerkeszthető területet.

Kétféleképpen lehet létrehozni egy Dreamweaver sablon létrehozását. Először is létrehozható "a semmiből", majd töltse ki a tartalmat a szokásos weboldalként.
Másodszor, a meglévő oldal sablonként menthető, majd szerkeszthető, a hasznos tartalom törlése és csak közös elemek elhagyása. Mindkettő egyformán könnyen.
Új sablon létrehozása "A Scratch" menüből " Fájl – Új“

Hozzon létre egy új sablont a meglévő weboldalon alapulva is könnyebb. Ehhez nyissa meg a kívánt weboldalt, válassza a Menu menüben Fájl"Tétel" MENTÉS SABLONKÉNT."(Mentés sablonként). A gombra is kattinthat. Készítsen sablont. (Sablon létrehozása) Objektumpanel. Megjelenik a párbeszédpanel a képernyőn. MENTÉS SABLONKÉNT. ”.

A legördülő listában Webhely. Válassza ki azt a webhelyet, amelyben a sablon mentett. (Sablonok szerves helyszínen tulajdonság, emlékszem) alapértelmezés szerint az aktuális weboldal kiválasztott ott.

A sablon nevét a beviteli mezőbe írja be. Mentés másként.. Hívjuk az új sablont fő. ("Főnök"), mivel ez a fő sablonunk, amely alapján felépítjük webhelyünket.
Az összes szükséges adat beírása, kattintson Mentés. (Mentés) A sablon mentéséhez.
Miután létrehoztunk egy új sablont, az utóbbi megjelenik a sablonlistában. És mivel létrehoztuk ezt az új sablont egy meglévő weboldalon alapuló, azaz tartalommal rendelkezünk, megtekinthetjük az előnézeti ablaktáblán. Igaz, ez a panel nagyon kicsi, és elképzelni a sablon tartalmát, meg kell nyitnunk a dokumentumablakban.

Szerkessze sablon

Egy üres mintát kell tölteni tartalmával. A weboldal alapján létrehozott sablont szerkeszteni kell: Távolítsa el az ezen az oldalon egyedülálló tartalmat, és csak az összes ősoldal elemeit hagyja el. Ehhez meg kell nyitnunk egy sablont a dokumentumablakban, mint a szokásos weboldal.
A képernyőn megjelenő dokumentum ablak jelenik meg, amelyben az általunk kiválasztott sablon megnyílik. Külsőleg nem fog különbözni a szokásos weboldaltól.
Mit tehetünk a sablonnal? Bármi. Bizonyos funkciókkal rendelkező rendszeres weboldalt tekinthet meg. (Ezek a funkciók, amelyeket a következő leírunk.) Írhatunk szöveget, formázzuk, helyezze el a képeket, táblázatok, hiperhivatkozásokat, átkapcsolhatunk oldaljelölési módba, és hozzon létre táblázatokat és jelölőnövényeket, létrehozhat keretkészleteket, "tiszta" HTML kódot stb.
De még mindig egy sablon nem weboldal, és van néhány funkciója. Tehát meg kell tennünk a változó területeket rá, amelyben az oldalak fő tartalma később. (Ezenkívül minden bizonnyal meg kell tennie, különben miért van szükségünk erre a sablonra.) Hogyan kell csinálni, meg fogjuk tanulni egy kicsit később.
Nyissa meg a fő sablont, amelyet az alapértelmezett.htm oldal alapján hoztunk létre (ha még nincs nyitva).

Most meg kell tennünk a sablonváltozó területeket. Eddig a változó terület csak az oldal egyik fő tartalma lesz. És a markup asztal legnagyobb cellájában található. A hír oszlopot és a navigációs panelt egyedül hagyjuk.

Változó területek létrehozása

Abban az esetben, ha a sablon maga is kétféleképpen hozhatunk létre változó területeket. Először hozzon létre egy üres oldalt üres oldalra. Másodszor, konvertálja az aktuális oldal tartalmának töredékét a változó területre.

Az első út a legjobb, ha létrehoztunk egy "Scratch" mintát, és a második - ha meglévő oldalt alakítottunk át a sablonra.

Hozzon létre egy üres változó területet a sablonban nagyon egyszerű. Ehhez először helyezze el a szöveges kurzort arra a helyre, ahol üres cserélhető területet szeretne létrehozni, és eldöntheti, hogyan kell használni:

• az objektumok eszközei a gombra kattintva Sablonok.a lapon GYAKORI.és egy elem kiválasztása a megjelenő menüben Szerkeszthető régió;

• a helyi menü kiválasztásával az almenüben Sablon.bekezdés Új szerkeszthető régió;
• rendszer menü az almenü kiválasztásával Sablon objektumok.menü Betét.bekezdés Szerkeszthető régió;
• a billentyűzet, amely gyorsabb, elég kattintással ++.

A képernyőn megjelenik párbeszédpanel. Új szerkeszthető régió.
Az ebben az ablakban szereplő név egyetlen területén az újonnan létrehozott változó terület egyedi neve kerül bevezetésre. A sablonban létrehozott összes változó területnek egyedi névvel kell rendelkeznie. Ez a név tartalmazhat bármilyen karaktert, kivéve az orosz ábécé betűit, idézeteket, aposztrófát és jeleket "<", ">"És" A név beírása, kattintson az OK gombra egy változó terület létrehozásához, vagy Megszünteti Elutasítva.

Ha véletlenül elhelyeztük a változó területet, nem azon a helyen, ahol akarták, javítják. A változó területet kiemeljük az egérre kattintva a fejlécére, "rögzítjük" az egeret a tartalom felett, és a megfelelő helyet.

Dreamweaver, amikor bármilyen sablont létrehoz, automatikusan létrehoz egy kis változó doctitle területet. (Ezért nem tudunk változó domain nevet adni Doctitie - változó terület ilyen névvel már létezik). Ez a változó terület tartalmazza a címke tartalmát.