انت هنا الان : شبكة جامعة بابل > موقع الكلية > نظام التعليم الالكتروني > مشاهدة المحاضرة

Dynamic HTML: Image Map

الكلية كلية تكنولوجيا المعلومات     القسم قسم شبكات المعلومات     المرحلة 2
أستاذ المادة حيدر محمد حبيب الخميس       22/10/2012 20:40:10
Image Map
Have you ever visited a Web page and found that whenever you clicked on a different part of the image it took you to a different page. You were navigating by means of an image map. Image mapping is another Web design technique that looks difficult but is really easy once you know how to do it.

Understand Image Maps
Image map is a single image or graphic that has had portions mapped out and identified in the HTML code. The mapped portions, sometimes called as hot spots, are linked to other Web pages. When visitors click on different parts of the graphic, they will be taken to different places depending on where they clicked. With careful planning, an image map can add a professional look to your Web site.

Image Mapping Terms
• Server-side image maps: A server-side image map resides and operates on the Web host. You create the map, but it is processed by the Web server. This kind of image map is somewhat complicated to create. Also, because the work is done on the server, it can be slower to respond.
• Client-side image maps: A client-side image map resides and operates on the visitor’s computer. You write the code for the map and include it in the HTML for your page. Client-side image maps are faster, reduce the load on the server, and are easier to create.
• Hot spots: A hot spot is a portion of an image that has been mapped and linked to another page. When visitors click on a hot spot they will be taken to the new page.
• Coordinates: use coordinates to map out the portions of the image that you want to turn into hot spots. The coordinates are simply numbers that are associated with the pixels used to create the image. Coordinates always begin at 0,0 at the upper-left corner of an image and increase in number toward the lower-right corner. (The horizontal coordinate comes first; vertical comes second.)
• Shapes: You can map coordinates in three basic shapes: circles, rectangles, and polygons. Circles and rectangles are self-explanatory while polygons include complex shapes.


المادة المعروضة اعلاه هي مدخل الى المحاضرة المرفوعة بواسطة استاذ(ة) المادة . وقد تبدو لك غير متكاملة . حيث يضع استاذ المادة في بعض الاحيان فقط الجزء الاول من المحاضرة من اجل الاطلاع على ما ستقوم بتحميله لاحقا . في نظام التعليم الالكتروني نوفر هذه الخدمة لكي نبقيك على اطلاع حول محتوى الملف الذي ستقوم بتحميله .