Sayt linklərinin düzəldilməsi üçün rəsmin xəritəsi (isti sahələr) koordinatlarının təyin edilməsi

Sahələrin işarələnməsi üçün bir mənada Fotoşop da istifadə edilə bilər, ancaq vizual redaktordan yaxşısı yoxdur. Mən bunun DreamWeaver-də necə həyata keçirilməsindən bəhs edəcəyəm, çünki o bu məqsəd üçün ideal bir vasitədir. Əvvəlcə biz misal şəklimiz içində olan div teqi yaradaq:
<img src="images/stories/si-1.gif" alt="Picture" usemap="#rabmap" />
</div;>
Rəsmimizdə "isti sahələrin" yerləşdirilməsi üçün redaktorun idarəetmə panelinin nizamlı vəsaitlərdən istifadə edək. İdarəetmə panelinin "isti sahələrə" aid olan qismi redaktorun aşağı sol küncündə, xüsusiyyətlər (Properties) sahəsində yerləşir və görünüşü aşağıdakı şəkildəki kimidir:
Ancaq idarəetmə paneli rəsmimizə usemap xüsusiyyəti əlavə edilməyənə qədər görünməyəcək. İdarəetmə panelində redaktorun xüsusiyyətlər pəncərəsinin alt tərəfi boyunca yerləşdirilmış dörd düymə vardır. Onlar görünüşünə görə iki qrupa bölünmüşdür. Sağ qrup, üzərlərində düzbucaqlı, dairə və çoxbucaqlı işarələri göstərilmiş, eyni adlı müvafiq "isti sahələrə" uyğun olan üç düymədən ibarətdir. Solda yeganə düymədən ibarət olan ikinci qrup vardır (ox işarəli). Bu düymə əvvəl şətrlə aktivdir və artıq yaradılmış olan sahələri dəyişdirməyə imkan verir (aktivləşdirmə, başqa yerə daşıma, ölçünün və konturun dəyişdirilməsi). Bu düymələrin vasitəsi ilə "isti sahələrin" yaradılması çox asandır. Əvvəlcə düzbucaqlı sahə yaradaq. Düzbucaqlı işarəli düyməni bir dəfə basırıq, sonra kursoru şəkilin üzərində, yaradılacaq olan düzbucaqlının sol yuxarı küncünün başlayacağı yerə gətiririk, siçanın sol düyməsini (SSD) basırıq və onu buraxmadan siçanı aşağıya və sağa çəkirik. Düyməni ancaq dördbucaqlı yarandıqdan sonra buraxırıq (Siz görəcəksiniz ki, siçanın ardınca açıq mavi dördbucaqlı sahəni qucaqlayan kontur "gəlir"). Dreamweaver özü Map xanəsində "Map" adı yazacaqdır. Bu bizim rəsmin xəritəsinin təkrarsız adıdır. İstəsəniz bu adı hər hansı bir başqa ada dəyişdirə bilərsiniz. Yeni ad verilməsi, xüsusən saytda bir neçə xəritə-rəsim yarıdılacağı halda çox mühümdür. Adda yalnız latın hərfləri, alt cızıq və rəqəmlər yer ala bilər, birinci simvolun hərf olacağı şərti ilə. "İsti sahənin" işarələnməsi, Dreamweaver tərəfindən avtomatik olaraq map teqi yardılması (teqi açır və qapadır, onu rəsmin xəritəsinin adı ilə əlaqələndirir) və içində bizim düzbucaqlı sahəmizə uyğun olan area teqinin yaradılması ilə nəticələnir.
Nəticədə biz redaktorun Design bölümündə belə bir şəkil alırıq (rəs. 2-yə bax). Redaktorda Bölünmüş (Split) rejimində çalışmaq daha uyğundur. Amma bəzi hallarda müvəqqəti olaraq Design rejiminə keçərək, şəkilə tam baxmaq da faydalıdır. Bənzər üsulla dairə "isti sahəsi" yaradırıq. Çoxbucaqlı "isti sahə" yaradmaq bir qədər çətindir. Çoxbucaqlı düyməsini bir dəfə basraq, kursoru şəklin üzərinə gətiririk və çoxbucaqlının birinci düyün nöqtəsi yerində SSD qısa basırıq. Sonra kursoru ikinci düyünün yerinə gətirərək, yenə SSD basırıq. Daha sonra şəkilin üzərində kursoru saat əqrəbinin istənilən istiqamətində gəzdirərək, üçüncü düyünün üstündə SSD basırıq və s. Əgər Siz təsadüfən kursorun istiqamətini qarışdirsanız, qorxulu bir şey yoxdur. Bu halda kəsişən xəttli kontur meydana gələ bilər, ancaq onu "isti sahənin" yardılması bitdikdən sonra düzəltmək olar. "isti sahənin" yaradılması ya ESC düyməsini basmaqla, ya da sinanın düyməsinə başqa yerdə basmaqla. Hər hansı bir "isti sahənin" üstündə siçanın düyməsini basmaqla biz onu aktiv edirik və istədiyimiz digər yerə daşıya bilərik. "İsti sahənin" düyün nöqtələrində SSD basaraq, çəkməklə biz sahənin ölçüsünü lazımi qədər böyüdürük (kiçildirik). Hər dəfə DreamWeaver, lazım gəldikcə, yeni area teqləri yaradır və ya mövcud olan "isti sahələrin" koordinatlarına düzəlişlər edir. Bu üsulla biz ev rəsmi, avto noutbuk və günəş üçün, "isti sahələr" yartdıq. Bizim xəritə-rəsmimiz hazırdır. Nəticə rəs.3-də göstərilmişdir. Maşının düyün nöqtələri əyanilik üçün nömrələnmişdir.

Məqalənin sonu.