image hivatkozás

Az előző fejezetben megtudtuk, hogyan kell átalakítani szövegtömböt egy hivatkozást. De eltekintve a szöveget, hivatkozásokat lehet tenni, és egy grafikus kép. Az ilyen képek, hivatkozások gyakran megtalálható a web-oldalak.

De mindenek felett, hogy előkészítse a képet. Ez lesz az ikon „kereskedelmi padlón”, gyakran használják az e-mail szimbólum.

Ábra. 4.8.Znachok „kereskedelmi padlón” - szimbóluma az e-mail

Ha a Border kép hivatkozásokat értéke nullától a keret a kép körül rajzolt, ugyanaz lesz a szín, ami be van állítva a linkeket az általános tulajdonságait az oldalt. Esetünkben ez a keret lesz egy világoskék színű nem látogatott, sötétkék meglátogatott és élénkvörös aktív hivatkozásokat. Ez a hatás lehet konkrétan használni, hogy az eredeti Design Web-oldalak, de általában nem használják.

HTML-kód, mellyel képet beszúrni hivatkozás a következő:

Kiderült, hogy ez lehet tenni. Az ilyen képek reagáló felhasználói műveleteket úgynevezett aktív. És Dreamweaver elvégzését teszi lehetővé számukra néhány kattintással. Az egyetlen dolog, amit meg kell törődnünk a második kép, ami megjelenik az eredeti helyett, amikor a felhasználó lebeg a kurzort (az úgynevezett átfedő képek).

Active Image beillesztett megnyomásával kurzorkép (ábra. 4.9) Közös lap panelobjektumokat vagy pontokat kurzorkép Interaktív Kép almenü menü Insert. Ebben az esetben megjelenik a képernyőn beszúrása kurzorkép párbeszédablakban ábrán látható. 4.10.

Ábra. 4.9.Knopka kurzorkép panelobjektumokat

Ábra. 4.10.Dialogovoe ablak Insert kurzorkép

A beviteli mezőbe kép címe Adjon meg egy egyedi nevet kent aktív képet. Név csak betűket, számokat és aláhúzás, és meg kell kezdeni írni. Ellenőrizze, ha a név egyedi, valóban.

A beviteli mező eredeti képtípus a fájl nevét az eredeti kép. Ha nem szeretnénk, hogy írja be manuálisan, a Tallózás gombra kattintva a jogot a beviteli mezőbe. Ezt követően, a képernyőn megjelenik a Select Image Source párbeszédablak (lásd. Ábra. 4.3), ahol kiválaszthatja a kívánt fájlt.

A mezőbe írja be a nevét kurzorkép átfedő képfájl. Továbbá, ha úgy érzed, hogy vezetni kézzel segíteni mindig jön Tallózás gombra.

Négyzetet Előretöltés kurzorkép okoz Dreamweaver generálni, és illessze be HTML-kódot az oldal egy kis programot, egy script, hogy a pre-terhelés az átfedő képeket. A jelölőnégyzet alapértelmezés szerint, valamint tiltsa nem kellene. Ha kapcsolja ki, az egymást átfedő képeket letölti, ha felmerül az igény, t. E. Amikor a felhasználó hozza a képre az egér kurzor.

Az Alternatív szöveg szövegmezőbe írja „alternatív szöveget.” Sokkal jobb, hogy adja meg azt.

Ábra. 4.10 a megfelelő beviteli mezők helyébe az összes szükséges értéket. Meg kell adni, és kattintson az OK gombra, majd az aktív kép jön létre. Átméretezése, ha akarja.

Abban a pillanatban, ne használja a Web oldalaikon, képtérképek. Azonban a példát: létrehozunk egy vezető van szükség, így hozunk létre egy külön web-oldal és egy speciális kép oktatási célokra. A képfájl nevű Map.gif és lapozófájl - 4.2.htm. Ez az oldal nem tartalmaz mást, mint a kép (4.11 ábra).

Ábra. 4.11.Uchebnaya Web-site képtérképek

Ezt követően, ahogy említettük, Dreamweaver kitölti a beviteli mező vonal térkép „Térkép”. Mit jelent ez? Ez egy egyedi nevet a kép, hiper-linkek, amelyek által használt web-alapú. Ha a terv csak egy kártyát képet, akkor hagyja meg az alapértelmezett név az oldalán, különben hogy ez egy egyedi nevet, bár „Mar1. Megjegyzendő, hogy ezek a nevek csak akkor engedélyezett, betűket, számokat és aláhúzás, a start nevet kell írni.

Miután foglalkozott, hogy a paraméterek „forró terület”, ismét figyelni, hogy a kép és a nagyon „forró terület”. Akkor valószínűleg észrevette, hogy a sarkokban a téglalap, ami a leginkább „forró terület”, a kis kék négyzetek - a méretező fogantyúk. „Rögzítése” az egér ilyen token, meg lehet változtatni a méret a „forró terület”. És annak érdekében, hogy helyezze át másik helyre, egyszerűen húzza az egeret. Mielőtt azonban az összes műveletet, ellenőrizze, hogy a gombok ábrán látható. 4,12, préselt, amelyiken egy nyilat, és ha nem, kattintson rá.

Sokszög „forró terület” létrehoz egy kicsit bonyolultabb. A gombra kattintva a kép egy sokszög, először kattintson egy olyan helyen, ahol kell elhelyezni először a sarokpontok a sokszög területe. Ezután lesz egy kék pont - az elején a sokszög. Ezután kattintson ahol kell egy második sarokpont, és a Dreamweaver tart e két pont között sor. Most meg, kattintson a helyét a többi sarokpontjait a sokszög, a Dreamweaver maga tart a sorok között, amelyek a kívánt sokszög nekünk egy „forró” területen. Akkor majd húzza az egeret bárhol ezen a területen. Ez csak beszúrni egy új, vagy távolítsa el a régi sarokpont nem lesz képes - el kell távolítani a létrehozott egy „forró” területen, és hozzon létre egy újat.

Jelölje ki sokszög „forró terület”, ha nincs kiválasztva, akkor adja meg a beviteli mezőben Src név 3.1.htm fájl - a honlapunkon, és nyomja . A térkép-image befejeződött. Mi történt ez ábrán látható. 4.14.

Továbbra is leírni egy kicsit a további funkciók által kínált Dreamweaver dolgozni képtérképek.

Ábra. 4.14.Gotovaya térkép kép

Link a helyi menüben megjelenik a Fájl kiválasztása párbeszédpanel, ahol kiválaszthatja a fájlt, hogy meghívja a „forró terület”.

Alt helyi menüpont lehetővé teszi, hogy a Change Képesség párbeszédablakban állítsa be az „alternatív” szöveget.

Ábra. 4.15. A párbeszédablak Change Képesség

És pont Előrehozás és Hátrakülde- azonos kimeríthetetlen helyi menü fog beszélni részletesebben.

Néha előfordul, hogy a két „forró terület” átfedik egymást, azaz. E. Van egy közös töredék. Ebben az esetben, ha rákattint egy „vitatott terület” aktivált „forró terület” található a tetején, és a tetején mindig van olyan terület, amit azért hoztak létre a múlt. De ez nem mindig működik helye „forró terület”, ahogy azt a tervet. Tehát, hogy tudják kezelni a átfedések használt elemeket Előrehozás és Hátra küldés menüben. Az első hordoz egy dedikált „forró terület” emeletre, és a második - „tolja” a földre.

Az utóbbi esetben akkor is használható pontokat Előrehozás és Hátra küldés almenü gondoskodjon menü Módosítás parancsára.

Kapcsolódó cikkek