راست - نشان می دهد که منطقه به شکل مستطیل خواهد بود.
چند ضلعی دلخواه.
دایره - ناحیه به شکل دایره خواهد بود.
این قطعه کد در یک فایل HTML قرار می گیرد. اغلب تمام توضیحات نقشه تصویری یک سند با هم جمع می شوند و در ابتدای بخش قرار می گیرند
سند این رویکرد به برنامه نویسان نزدیک است که معمولاً هنگام نوشتن برنامه، قسمت توصیفی برنامه را از قسمت اجرایی جدا می کنند که درک کد نوشته شده را ساده می کند و گاهی اوقات با الزامات کامپایلر تعیین می شود.
ترکیبی از گزینه های مشتری و سرور
استفاده از یک گزینه ترکیبی قابل قبول است که در آن هر دو پارامتر - USEMAP و ISMAP - برای یک تصویر تعریف شده اند، که به معنای استفاده از این تصویر به عنوان مرجع برای هر دو گزینه مشتری و سرور است. USEMAP پارامتر غالب است. این بدان معنی است که مرورگری که از گزینه مشتری پشتیبانی می کند از USEMAP استفاده می کند و دستورالعمل های پارامتر ISMAP را نادیده می گیرد. آن دسته از مرورگرهایی که از گزینه مشتری پشتیبانی نمی کنند و هدف پارامتر USEMAP را درک نمی کنند، طبق قوانین کلی HTML، وجود آن را نادیده می گیرند و با تشخیص وجود پارامتر ISMAP، گزینه سرور را پیاده سازی می کنند. گزینه ترکیبی قابل اعتمادتر است، اما برای پیکربندی مناطق برای هر دو گزینه به داده نیاز دارد. امروزه، نیاز به استفاده از گزینه ترکیبی به طور فزاینده ای کاهش می یابد، زیرا همه مرورگرهای پیشرو از گزینه مشتری پشتیبانی می کنند. با این حال، صفحات اصلی نت اسکیپ، که هر کاربر مرورگر نت اسکیپ احتمالا با آن مواجه شده است، در نسخه ترکیبی ساخته شده است.
در اینجا یک مثال از یک گزینه ترکیبی آورده شده است:
<А HREF="http://www.anywhere.com/testmap/logo.map">
توجه داشته باشید
پارامتر USEMAP نیز بر پیوند تعریف شده توسط تگ غالب است<А>. بنابراین، اگر تصویر مورد استفاده برای پیاده سازی مفهوم تصویر-نقشه در نسخه مشتری، در محدوده تگ نوشته شود.<А HREF>، سپس پیوندی که توسط آخرین تگ شناسایی شده است توسط مرورگرهایی که از گزینه سمت مشتری پشتیبانی می کنند نادیده گرفته می شود. به عنوان مثال، قطعه زیر را داشته باشیم:
<А HREF=NoMaps.htm> .
از یک طرف، کل تصویر پیوندی به سندی به نام NoMaps.htm است. از طرف دیگر، وجود پارامتر USEMAP این تصویر را به عنوان تصویر مرجع برای نقشه تصویر مربوطه تعریف می کند. ارجاع به سند NoMaps.htm به دلیل وجود پارامتر USEMAP و بدون توجه به سایر عوامل نادیده گرفته می شود.
ویژگی های استفاده از نقشه های تصویری
اجازه دهید به برخی از ویژگی های استفاده از نقشه های تصویری در نسخه مشتری توجه کنیم. هنگامی که کاربر ماوس را در تصویری که گزینه سمت مشتری را پیاده سازی می کند حرکت می دهد، URL مربوطه در نوار وضعیت در پایین مرورگر Netscape نمایش داده می شود. در گزینه سمت سرور، URL نمایش داده نمی شود زیرا اطلاعات بر روی سروری میزبانی می شود که تا زمانی که کاربر روی تصویر کلیک نکند، قابل دسترسی نیست. گزینه اول آموزنده تر است، زیرا کاربر آدرس لینک ها را می بیند و همچنین می تواند مکان تصویر را بدون لینک تعیین کند. نسخه سرور اعدادی را نمایش می دهد که مختصات نسبی ماوس روی تصویر هستند و هیچ اطلاعاتی در مورد لینک ها و وجود آنها ارائه نمی دهند.
ابزار جایگزین برای ناوبری
استفاده از نقشه های تصویری رایج شده است، اما نباید فراموش کنیم که همه کاربران وب نمی توانند از گرافیک استفاده کنند یا بخواهند با بارگذاری تصویر غیرفعال شده کار کنند تا زمان انتقال فایل را کاهش دهند. بنابراین، شما باید ابزارهای جایگزین دیگری برای پیمایش در صفحه برای آنها فراهم کنید. در غیر این صورت ، کاربران به هیچ وجه نمی توانند در صفحه پیدا کنند و بر این اساس پیوندهایی را که فقط با نقشه تصویر تعریف شده اند پیاده سازی کنند.
به عنوان جایگزین، می توانید یک بخش جداگانه با توضیحات متنی پیوندها و URL های مربوطه ایجاد کنید. شما همچنین می توانید یک پیوند ایجاد کنید منوی متنی، که دارای اتصالات مشابه نقشه تصویر است. هر رویکردی که انتخاب می کنید، باید مطمئن شوید که همه پیوندها برای حالت متنی مرورگر در دسترس هستند.
اجازه دهید مثالی از یک سند واقعی ارائه دهیم که در آن این مسائل حل شده است. در یکی از صفحات شرکت معروف Hewlett-Packard قطعه ای نشان داده شده است که حاوی یک نقشه تصویری است. در وسط صفحه لیستی از ده نوع تجهیزات مختلف وجود دارد که هر کدام دارای پیوندی به سند مربوطه هستند. در واقع یک تصویر در صفحه وجود دارد که تصویر مرجع نقشه است. در این تصویر ده ناحیه مستطیلی برجسته شده است که مناطق فعال هستند.
اگر این صفحه را با غیرفعال بودن حالت بارگذاری تصویر بارگذاری کنید، تصویری را مشاهده خواهید کرد که به جای نقشه تصویر، تنها یک نماد کوچک وجود دارد که موقعیت تصویر را نشان می دهد و. متنی که به عنوان متن جایگزین برای کل تصویر داده شده تنظیم شده است. بدیهی است که شما نمی توانید از لینک های اینجا استفاده کنید. برای حل این مشکل، در زیر تصویر یک منوی متنی معمولی وجود دارد که لیست نشان داده شده در تصویر را به طور کامل با لینک های مربوطه تکرار می کند. بنابراین، اگر بارگذاری تصویر غیرفعال باشد، کاربر همچنان می‌تواند با استفاده از منوی متن تکراری، انتقال پیوندهای لازم را اجرا کند. هنگام بارگذاری یک تصویر، منوی متن تنها گزینه های انتخاب پیوندها را کپی می کند.
ابزارهای نقشه برداری تصویر
ایجاد نقشه های تصویری به دو مرحله نیاز دارد: تهیه یک تصویر مرجع که بعداً مناطق فعال بر روی آن تعریف می شوند، و توسعه یک فایل پیکربندی که پارامترهای هندسی مناطق فعال را توصیف می کند. تهیه تصویری که به عنوان مبنای نقشه تصویر عمل می کند با تهیه تصاویر معمولی تعبیه شده در صفحات وب تفاوتی ندارد. برای این کار می توانید از هر ویرایشگر گرافیکی استفاده کنید یا از یک تصویر آماده استفاده کنید.
در مرحله دوم باید قسمت های فعال در تصویر را علامت گذاری کرده و با آدرس های لینک مربوطه مطابقت دهید. آماده سازی فایل پیکربندی سخت ترین مرحله در ایجاد نقشه های تصویری است. در اصل، یک روش دستی برای تعیین مرزهای مناطق فعال در تصویر امکان پذیر است. به عنوان مثال، هنگام کار در یک ویرایشگر گرافیکی، می توانید نقاط جداگانه را علامت گذاری کنید، مختصات آنها را ثبت کنید، و سپس فایلی ایجاد کنید که پارامترهای هندسی مناطق انتخاب شده را توصیف کند. با این حال، این رویکرد بسیار ناخوشایند و دست و پا گیر است.
برای خودکار کردن فرآیند علامت گذاری مناطق در یک تصویر، تعدادی برنامه وجود دارد که اکثر آنها بسیار شبیه به یکدیگر هستند. آنها به شما اجازه می دهند با کار مستقیم با تصویر روی صفحه، فایل های پیکربندی را ایجاد و تغییر دهید. اکثر برنامه ها ابزارهای مستقلی هستند که به طور مستقل عمل می کنند و اساساً افزونه هایی برای ویرایشگرهای HTML هستند. این برنامه ها به شما این امکان را می دهند که فایل پیکربندی تولید شده را در کلیپ بورد ویندوز یا در فایلی روی دیسک ذخیره کنید. در حالت اول، یک گزینه معمولی عملیات مشترک یک برنامه ویرایش نقشه تصویر و نوعی ویرایشگر HTML یا ویرایشگر متن معمولی است. اگر برنامه به شما امکان می دهد فایل پیکربندی را روی دیسک ذخیره کنید، می توان از آن به طور کاملا مستقل استفاده کرد. همه برنامه ها به شما امکان می دهند مناطقی از سه نوع اصلی را روی یک تصویر علامت گذاری کنید - راست، دایره و پلی. برخی از ویرایشگرها از نوع پیش فرض پشتیبانی می کنند. شاید تنها معیار برای انتخاب یک برنامه ویرایش نقشه تصویر، سهولت استفاده از آن باشد، زیرا همه برنامه ها از نظر ویژگی های عملکردی بسیار مشابه هستند. اگر رابط برنامه برای شما ناخوشایند به نظر می رسد، می توانید استفاده از آن را متوقف کرده و یکی دیگر را انتخاب کنید.
بیایید به برخی از برنامه های موجود نگاه کنیم.
برنامه MapEdit
یکی از ساده‌ترین و معروف‌ترین برنامه‌ها برای ویرایش فایل‌های پیکربندی، ابزار MapEdit است که توسط Thomas Boutell توسعه یافته است. این برنامه چندین سال است که وجود دارد و برای پلتفرم های مختلف اجرا شده است. به طور خاص، نسخه هایی برای Windows 3.x و Windows 95/98/NT وجود دارد. مانند اکثر برنامه ها، تعدادی نسخه از این ابزار وجود داشت. در حال حاضر آخرین نسخه موجود برای ویندوز 95/98/NT نسخه 2.6 (سپتامبر 1999) است. اطلاعات مربوط به برنامه را می توان در آدرس زیر بدست آورد:
http://www.boutell.cora/mapedit/
MapEdit یک نرم افزار اشتراکی است و یک دوره ارزیابی 30 روزه دارد که پس از آن ثبت نام الزامی است. این برنامه از نظر اندازه کوچک است - توزیع حدود 300 کیلوبایت طول می کشد و در عین حال تقریباً تمام قابلیت های لازم را دارد.
این برنامه به شما امکان می دهد فایل های پیکربندی را برای نسخه سرور (در فرمت های NCSA و CERN) و نسخه مشتری ویرایش کنید. امکان ایجاد بصری مناطق فعال به شکل مستطیل، دایره و چندضلعی و همچنین تعریف آدرس پیوند برای ناحیه پیش فرض وجود دارد.
بیایید نگاهی کوتاه به ویژگی های اصلی این برنامه بیندازیم. پس از شروع MapEdit، پنجره اصلی ظاهر می شود که حاوی یک صفحه نمایش (شکل 6.3) و یک منو است. امکان ویرایش فایل های موجود برای هر دو نسخه سرور و کلاینت نقشه های تصویری وجود دارد. همچنین امکان ایجاد یک فایل پیکربندی جدید وجود دارد، اما این فقط برای نسخه سرور اعمال می شود. نسخه مشتری به یک فایل HTML منبع با پیوندهایی به تصاویر جاسازی شده نیاز دارد که به عنوان مرجع برای نقشه های تصویر استفاده می شود.
توجه داشته باشید
ناتوانی در ایجاد یک فایل HTML جدید با استفاده از MapEdit را می توان به راحتی دور زد. برای این کار باید برنامه را در حالت ایجاد فایل در یکی از فرمت های سمت سرور (NCSA و CERN) اجرا کنید و تمام اقدامات لازم را انجام دهید و سپس نتایج را در حالت Save as ذخیره کنید و فرمت Client Side Map را مشخص کنید. یک فایل HTML ایجاد می شود که بعداً می تواند به عنوان یک قطعه آماده از یک سند HTML استفاده شود.
فرض کنید باید یک فایل پیکربندی جدید برای نسخه سرور نقشه های تصویری ایجاد کنیم. Open/Create Map را از منو انتخاب کنید
فایل. یک کادر محاوره ای ظاهر می شود (شکل 6.4)، که در آن باید نام فایل پیکربندی ایجاد شده را مشخص کنید (به عنوان مثال Blazons.map)، یک فایل تصویری موجود و فرمت فایل ایجاد شده (NCSA یا CERN) را مشخص کنید. ). فایل تصویری می تواند با فرمت GIF، JPG یا PNG باشد.
برنج. 6. 3
.
MapEdit splash screen
برنج. 6. 4
.
باز کردن/ایجاد کادر محاوره ای نقشه برای ایجاد یک فایل پیکربندی
توجه داشته باشید
بسیاری از برنامه های تفسیر فایل پیکربندی سمت سرور نیاز دارند که فایل دارای پسوند MAP باشد. توصیه می شود همیشه این قانون را رعایت کنید.
برنامه فایل تصویری انتخاب شده را بارگذاری می کند، که در آن امکان علامت گذاری مناطق فعال وجود خواهد داشت (شکل 6.5).
برای انجام این کار، باید شکل ناحیه فعال - مستطیل، دایره یا مستطیل را با کلیک بر روی نماد مربوطه یا انتخاب مورد مورد نظر از منوی ابزار (شکل 6.6) انتخاب کنید.
اقدامات بعدی مستقیماً روی تصویر با علامت گذاری نقاط با ماوس انجام می شود. برای یک ناحیه مستطیلی، گوشه سمت چپ بالا و پایین سمت راست مشخص شده است، برای یک ناحیه دایره ای - مرکز و یکی از نقاط روی دایره، برای یک چند ضلعی رئوس آن مشخص شده است. به عنوان مثال در شکل. شکل 6.5 حالتی را نشان می دهد که سه ناحیه فعال با اشکال مختلف از قبل روی تصویر مشخص شده اند. توجه داشته باشید که خطوط محدود کننده نواحی فعال فقط برای تجسم آنها در هنگام کار در ویرایشگر کار می کنند و به هیچ وجه فایل تصویر را تغییر نمی دهند. تصویر در این مثال اساسا شامل سه تصویر مجزا است (نشان های شهرهای سن پترزبورگ، تومسک و یاکوتسک به تصویر کشیده شده است) که معمولاً برای تصاویر واقعی معمول نیست. با این حال، برای تصاویر حاوی، به عنوان مثال، مجموعه ای از دکمه های کنترل، این وضعیت کاملا معمولی است.
برنج. 6. 5
.
تصویری با انواع مختلف نقاط مهم برچسب گذاری شده
برنج. 6. 6
.
منوی ابزار
برنج. 6. 7
.
کادر محاوره ای URL شیء برای تعیین یک URL و یک نظر اختیاری
پس از علامت گذاری هر یک از مناطق، باید آدرس لینک مربوط به این ناحیه و همچنین اطلاعات تفسیری را مشخص کنید (شکل 6.7). شما می توانید یک آدرس پیوند پیش فرض برای ناحیه تنظیم کنید، که برای بخشی از ناحیه تصویر که در هیچ یک از مناطق فعال گنجانده نشده است، اجرا می شود (شکل 6.8).
پس از علامت گذاری نواحی، می توانید با استفاده از آیتم تست منوی ویرایش، نواحی فعال ایجاد شده را به صورت بصری بررسی یا تغییر دهید. آخرین مرحله ذخیره نتایج به عنوان یک فایل پیکربندی (ذخیره مورد در منوی File) است. همچنین می توانید از آیتم Save As استفاده کنید که در آن فرمت مورد نیاز برای ذخیره فایل را مشخص می کنید (شکل 6.9).
برنج. 6. 8
.
کادر محاوره ای URL پیش فرض برای تنظیم URL پیش فرض برای محدوده
برنج. 6. 9
.
ذخیره به عنوان کادر گفتگوی فرمان
توجه داشته باشید
نسخه های قدیمی MapEdit حاوی یک اشکال کوچک مربوط به تنظیم فرمت فایل پیکربندی ذخیره شده بود. اگر فرمت CERN هنگام ایجاد فایل مشخص شده بود، پس هنگام ذخیره داده ها در حالت ذخیره، فایل همچنان در قالب NCSA ذخیره می شود. ایجاد فایل با فرمت CERN فقط در صورت استفاده از حالت Save as و مشخص کردن فرمت مورد نیاز امکان پذیر است.
برای این مثال، فایلی به نام Blazons.map ایجاد می شود که حاوی اطلاعات زیر است (فرمت NCSA):
# نشان شهر تومسک
rect www.ifmo.ru/sergeev/tomsk.htm 35.58 187.244
# نشان شهر یاکوتسک
حلقه www.ifmo.ru/sergeev/jakutsk.htm 364.150 468.150
# نشان شهر سن پترزبورگ
پلی www.ifmo.ru/sergeev/Spb.htm 537.61 700.61 700.230 618.256 537.231
همان داده‌هایی که توسط ویرایشگر در فرمت CERN ذخیره شده است به صورت زیر خواهد بود:
rect (35.58) (187.244) www.ifmo.ru/sergeev/tomsk.htm circle (364.150) 104 www.ifmo.ru/sergeev/jakutsk.htm poly (537.61) (700.61) (700.230) (700.230) (630.230) (61) www.ifmo.ru/sergeev/Spb.htm
لطفاً توجه داشته باشید که نظرات در این قالب مجاز نیستند، بنابراین این اطلاعات در هنگام ذخیره فایل از بین خواهند رفت.
بیایید وظیفه ایجاد یک نسخه مشتری از نقشه تصویر را در نظر بگیریم. برای حل این مشکل، باید یک فایل منبع HTML حاوی حداقل یک تصویر جاسازی شده داشته باشید. این فایل منبع را می توان از قبل با هر ویرایشگر متن یا ویرایشگر خاص HTML ایجاد کرد. فرض کنید فایلی به نام CSIM.HTM وجود دارد که حاوی کد زیر است:
این فایل باید در ویرایشگر MapEdit باز شود (شکل 6.10). برخلاف گزینه ای که فایل پیکربندی در آن ایجاد شده است، در اینجا نیازی به تعیین نام فایل تصویری در آیتم منوی Open/Create Map نیست.
برنج. 6.1 0
.
باز کردن/ایجاد کادر محاوره ای نقشه برای باز کردن یک فایل HTML موجود
برنج. 6.1 1
.
کادر گفتگوی تصویر درون خطی را انتخاب کنید
پس از باز کردن فایل HTML منبع، ویرایشگر کادر محاوره‌ای را با لیستی از تمام تصاویر داخلی نمایش می‌دهد که باید از میان آن تصویر مورد نیاز خود را انتخاب کنید (شکل 6.11). البته فایل با تصویر انتخاب شده باید وجود داشته باشد.
کار بیشتر در مورد علامت گذاری مناطق فعال کاملاً مشابه مورد قبلی است. پس از ذخیره نتایج نشانه گذاری، فایل منبع تغییر می کند و برای مثال داده شده به شکل زیر خواهد بود:
href="tomsk.htm">
href="jakutsk.htm">
coords="537,61,700,61, 700, 230, 618, 256, 537,231" href="Spb.htm">
لطفاً توجه داشته باشید که ویرایشگر به طور خودکار نامی را برای توصیف نقشه تصویر اختصاص می دهد که با نام فایل تصویر مرجع مطابقت دارد. برای این مثال، فایل با تصویر Blazons.gif نام داشت، بنابراین پارامتر نام تگ<тар>مقدار "Blazons" به آن اختصاص داده شد.
توجه داشته باشید
ویرایشگر MapEdit با حروف الفبای روسی کاملاً درست کار نمی کند. برخی از حروف روسی هنگامی که فایل ذخیره می شود ناپدید می شوند و به جای آنها فاصله ظاهر می شود. ساده ترین راه برای خروج از این وضعیت اضافه کردن متن روسی پس از اتمام کار در ویرایشگر است.
نقشه THIS!
یکی دیگر از ابزارهای کاربردی برای ایجاد و ویرایش فایل های پیکربندی برای نقشه های تصویری، برنامه Map THIS است که اطلاعات مربوط به آن را می توانید در آدرس زیر دریافت کنید:
http://galadriel.ecaetc.ohio-state.edu/tc/mt/.
کار با این برنامه از نظر ایدئولوژیکی شبیه به برنامه MapEdit است. اساس کار با برنامه طراحی بصری مناطق فعال با ذخیره بیشتر نتایج در یک فایل در یکی از فرمت های انتخاب شده است. این ویرایشگر از هر دو فرمت نقشه تصویر سمت سرور و سمت سرویس گیرنده (NCSA و CERN) پشتیبانی می کند. تصاویر را می توان از فایل های GIF و JPG بارگذاری کرد.
در اینجا نمونه هایی از فایل های پیکربندی ایجاد شده توسط این برنامه آورده شده است. برای مثال ارائه شده در بخش قبل، فایل ذخیره شده با فرمت NCSA به شکل زیر است:
#$MTIMFH
#$-:فایل نقشه تصویر ایجاد شده توسط Map THIS!
#$-:این را نقشه بردارید! ویرایشگر نقشه تصویر رایگان توسط تاد سی ویلسون
#$-:لطفاً خطوطی که با "#$" شروع می شوند را ویرایش نکنید
#$VERSION:1.30
#$TITLE: Blazons
#$DESCRIPTION:نسخه سرور نقشه تصویر
#$DATE: سه شنبه 14 سپتامبر 12:10:42 1999
#$PATH:C:\Program Files\Mapthis\
#$GIF:Blazons.gif
#$FORMAT:ncsa
#$EOH
پیش فرض default.htm
# نشان شهر تومسک
rect Tomsk.htm 33.60 191.246
# نشان شهر یاکوتسک
حلقه Jakutsk.htm 366,147 366,256
# نشان شهر سن پترزبورگ
poly Spb.htm 534.62 699.62 698.236 626.261 534.235 534.62
برخلاف برنامه MapEdit، این ویرایشگر اطلاعات تفسیری بسیار زیادی را در فایل خروجی می نویسد، از جمله اطلاعات مختصری در مورد خود برنامه، تاریخ ایجاد فایل و غیره. علاوه بر این، پس از علامت # که به معنای شروع نظر است. خط، ویرایشگر یک نماد $ برای خطوط نظر اضافه می کند که توسط خود ویرایشگر ایجاد شده است. به خط چهارم کد بالا توجه کنید که از شما می خواهد نظرات درج شده توسط ویرایشگر را ویرایش نکنید.
همان مثال ذخیره شده در فرمت CERN به شکل زیر است:
راست (40964096) (40964096) mt:#$MTIMFH
rect (40964096) (40964096) mt:#$-:فایل نقشه تصویر ایجاد شده توسط Map THIS!
rect (4096,4096) (4096,4096) mt:#$-: Map THIS! ویرایشگر نقشه تصویر رایگان
توسط تاد سی ویلسون
rect (4096,4096) (4096,4096) mt:#$-:لطفاً خطوط شروع را ویرایش نکنید
با "#$"
rect (4096,4096) (4096,4096) mt:#$VERSION:1.30
rect (40964096) (40964096) mt:#$TITLE: Blazons
rect (4096,4096) (4096,4096) mt:#$DESCRIPTION: نسخه سرور
نقشه های تصویری
rect (4096.4096) (4096.4096) mt:#$
rect (4096,4096) (4096,4096) mt:#$DATE: سه شنبه 14 سپتامبر 1999 12:10:42
rect (4096,4096) (4096,4096) mt:#$PATH:C:\Program Files\Mapthis\
rect (40964096) (40964096) mt:#$GIF:Blazons.gif
rect (40964096) (40964096) mt:#$FORMAT:cern
rect (40964096) (40964096) mt:#$EOH
پیش فرض default.htm
rect (4096,4096) (4096,4096) mt:# نشان شهر تومسک
مستطیل (33.60) (191246) Tomsk.htm
rect (4096,4096) (4096,4096) mt:# نشان شهر یاکوتسک
circ (366,147) 109 Jakutsk.htm
rect (4096,4096) (4096,4096) mt:# نشان رسمی شهر سن پترزبورگ
چند ضلعی (534.62) (699.62) (698.236) (626.261) (534.235) (534.62) Spb.htm
همانطور که از کد بالا می بینید، ویرایشگر از یک تکنیک تا حدی مصنوعی برای ذخیره نظرات استفاده می کند که هم توسط کاربر وارد شده و هم توسط خود برنامه تولید شده است. به شما یادآوری می کنیم که فرمت CERN به شما اجازه نمی دهد خطوط نظر را مشخص کنید، بنابراین ویرایشگر خطی مانند ایجاد می کند.
راست (4096,4096) (4096,4096)
که در انتهای آن می توانید هر متنی را قرار دهید. در اصل، چنین خطی یک مستطیل را توصیف می کند که به وضوح در خارج از صفحه قرار دارد، بنابراین حضور آن مهم نیست. البته، در این حالت، متن فایل پیکربندی برای خواندن بسیار دست و پاگیرتر و ناخوشایندتر می شود، که با این حال، در عملکرد برنامه ها اختلال ایجاد نمی کند. این تکنیک ذخیره نظرات را می توان اتخاذ کرد.
مثال مشابه، ذخیره شده به عنوان یک فایل HTML (برای نسخه مشتری نقشه های تصویری) به شکل زیر خواهد بود:
<МАР NAME="Blazons">
ALT=" نشان شهر تومسک">
!}
ALT=" نشان شهر یاکوتسک">
!}
HREF="Spb.htm" ALT=" نشان شهر سن پترزبورگ">
!}
در اینجا، بر خلاف برنامه MapEdit، نام نقشه تصویر باید به صورت دستی مشخص شود، بنابراین ممکن است با نام فایل با تصویر مرجع مطابقت نداشته باشد.
برنامه CrossEye
برنامه ویرایشگر فایل پیکربندی CrossEye که توسط شرکت معروف استرالیایی Sausage Software ایجاد شده است. این برنامه مورد استقبال طرفداران ویرایشگر محبوب HTML HotDog قرار خواهد گرفت، زیرا توسط همین شرکت ساخته شده و دارای رابط کاربری بسیار جذاب و طنز است.
اطلاعات مربوط به پکیج CrossEye را می توان از این آدرس دریافت کرد:
http://www.sausage.com.au.
ویژگی های متمایز این برنامه اندازه نسبتاً بزرگ کیت توزیع (حدود 2.5 مگابایت) و همچنین مدت زمان کوتاه (14 روز) است که در طی آن می توان از آن در حالت ارزیابی استفاده کرد. سایز بزرگبرنامه ها برای همه چیز معمولی است نرم افزار، ایجاد شده توسط Sausage Software که ظاهراً به دلیل انتخاب ابزارهای مورد استفاده برای توسعه (Visual Basic) است.
متأسفانه، برنامه تعدادی ویژگی لازم را ندارد. به عنوان مثال، هیچ توانایی برای خواندن یک فایل HTML موجود وجود ندارد، بنابراین امکان ویرایش نقشه تصویر موجود که قبلا ایجاد شده است، وجود ندارد. همچنین امکان ذخیره مستقیم کار خود در یک فایل HTML وجود ندارد. ذخیره نتایج فقط در فایلی با پسوند ویژه EYE امکان پذیر است که فرم باینری دارد و در آینده فقط در این ویرایشگر قابل استفاده است. کد HTML تولید شده در کلیپ بورد ویندوز نوشته می شود و از آنجا می توان آن را در هر ویرایشگر متنی کپی کرد.
همانطور که در تمام ویرایشگرهایی که در بالا توضیح داده شد، ایجاد و ویرایش مناطق فعال مستقیماً روی تصویر انجام می شود، اما تصویر در پنجره ای بارگذاری می شود که اندازه آن به دلایل نامعلومی قابل تغییر نیست. اگر تصویر بزرگتر از پنجره است، می‌توانید برای مشاهده تصویر پیمایش کنید، اما نمی‌توانید ناحیه فعالی را تنظیم کنید که فراتر از پنجره مشاهده باشد.
برای نقشه تصویر سمت سرویس گیرنده، ویرایشگر به هیچ وجه پیشنهاد نمی کند که یک URL پیش فرض برای منطقه تنظیم کند. این ممکن است به عمد انجام شود، زیرا همه مرورگرها از نوع منطقه پیش فرض پشتیبانی نمی کنند. با این حال، ویرایشگرهایی که در بالا توضیح داده شد، این مشکل را با جایگزینی خودکار ناحیه پیش فرض با یک ناحیه مستطیلی با ابعاد برابر با ابعاد تصویر، بسیار زیبا حل می کنند.
کاستی ها به نوعی با برخی ویژگی های اضافی ویرایشگر جبران می شود. به طور خاص، می توانید متوجه شوید که طوطی که در گوشه سمت راست بالای تصویر بالا قابل مشاهده است، پولی نام دارد. او کاملاً پرحرف است و کاربرانی که روی رایانه مجهز به کار می کنند کارت صدا، هر از گاهی صدای تعجب طوطی را می شنوند که البته ربطی به اعمال انجام شده ندارد. و در یکی از جعبه های محاوره ایتنظیمات ویرایشگر حتی یک آیتم خاص دارد که به شما اجازه می دهد دهان طوطی بیچاره را ببندید. در اینجا یک نمونه از خدمات درجه یک است. ظاهراً به لطف ویژگی های ذکر شده، امتیاز این ویرایشگر تخمین زده می شود http://www.tucows.com، بسیار بالا است که در مورد دو برنامه ای که در بالا توضیح داده شد نمی توان گفت.
در نهایت، انتخاب ویرایشگر برای ایجاد نقشه های تصویری به عهده کاربر است.
جوانب مثبت
- نقشه های تصویری به شما این امکان را می دهند که هر شکلی را برای منطقه مرجع تعریف کنید، که به ویژه برای نشان دادن یک منطقه جغرافیایی مفید است. بنابراین نقشه های تصویری بیشتر در مناطق جغرافیایی مورد استفاده قرار می گیرند.
- کار با یک تصویر راحت تر است - در هنگام برش نیازی به نگرانی در مورد پیوستن تکه های جداگانه ندارید و تصویر را می توان به راحتی در مکان مناسب قرار داد.
منفی
- وقتی ناحیه پیوند شکل پیچیده ای داشته باشد، مقدار کد HTML افزایش می یابد. کانتور با مجموعه ای از بخش های مستقیم تقریب زده می شود، برای هر نقطه از یک قطعه، دو مختصات باید مشخص شود، و تعداد کل چنین نقاطی می تواند بسیار زیاد باشد.
- بر این اساس، پیچیدگی تعیین مختصات افزایش می یابد. تعیین دستی آنها راحت نیست، بنابراین باید استفاده کنید برنامه های ویژه، که به صورت بصری مناطق را نشان می دهد و به شما امکان ویرایش آنها را می دهد.
- هنگام تغییر تصویر، به عنوان مثال، هنگام افزایش مقیاس، باید مختصات همه مناطق مرجع را دوباره تنظیم کنید.
- افکت‌های مختلفی که هنگام برش یک عکس به قطعات در دسترس هستند را نمی‌توان روی کارت‌های تصویر اعمال کرد: جلوه چرخشی، انیمیشن جزئی، بهینه‌سازی فردی تصاویر برای بارگذاری سریع.
- هیچ مرز پیوند به وضوح مشخصی وجود ندارد. بنابراین، این مرزها باید با استفاده از ابزارهای مختلف به طور مستقیم در تصویر برجسته شوند. اگر تصویر به دلایلی بارگذاری نشود، درک مجموعه پیوندها بسیار مشکل ساز می شود.
از نقطه نظر راحتی کاربر، نقشه های تصویر تنها یک مزیت دارند - گنجاندن پیوندهایی با اشکال مختلف. این به ارائه اطلاعات شفافیت می بخشد - ما محدود به شکل مستطیلی پیوند نیستیم و می توانیم از پیوندهایی با پیکربندی پیچیده برای اهداف خود استفاده کنیم.
کارت های تصویری به دو صورت پیاده سازی شده اند گزینه های مختلف- سرور و مشتری هنگام استفاده از گزینه سرور، مرورگر درخواستی را برای به دست آوردن آدرس لینک انتخاب شده به سرور ارسال می کند و منتظر پاسخ با اطلاعات لازم است. این رویکرد مستلزم زمان بیشتری برای انتظار برای نتیجه و فایل های جداگانهبرای هر کارت تصویر
در نسخه مشتری، نقشه در همان سند HTML به عنوان پیوند به تصویر قرار دارد. برای نشان دادن اینکه یک تصویر یک نقشه است، از ویژگی usemap عنصر استفاده کنید ![]()
. مقدار یک اشاره گر به شرح پیکربندی کارت است که با استفاده از عنصر تنظیم می شود
مثال 1: ایجاد نقشه تصویر
نقشه تصویری
داخل ظرف
عنصر دارای ویژگی های زیر است.
- شکل - شکل ناحیه فعال را مشخص می کند. شکل می تواند به صورت دایره (دایره)، مستطیل (راست)، چند ضلعی (پلی) باشد.
- alt - متن جایگزین را برای هر منطقه اضافه می کند. فقط به عنوان یک نظر برای پیوند عمل می کند، زیرا روی صفحه نمایش داده نمی شود. ویژگی مورد نیاز در صورت وجود href.
- عنوان - هنگامی که ماوس را بر روی یک منطقه نگه می دارید، یک راهنمای ابزار را نمایش می دهد.
- href - آدرس سندی را که باید به آن بروید را مشخص می کند
.
- coords - مختصات ناحیه فعال را تنظیم می کند. مختصات بر حسب پیکسل از گوشه سمت چپ بالای تصویر اندازه گیری می شود که با مقدار 0، 0 مطابقت دارد. عدد اول مختصات افقی است، عدد دوم مختصات عمودی است. لیست مختصات به شکل ناحیه بستگی دارد.
برای یک دایره، سه عدد مشخص می شود - مختصات مرکز دایره و شعاع.
