السبت، 8 مارس 2014

الدرس الرابع من دورة HTML

كثيرا ما لاحظنا في مواقع النت وخاصة في لوجو الموقع وجود عدة نقاط او روابط او اشكال بمجرد الضغط عليها تقودنا الى رابط معين ويمكننا طرح عليها اسم خريطة ونتسائل كيف بامكاننا ان نفعل مثل هذا في تصميمنا المبتديء.تقسيم الصورة الى عدة وصلات *الخارطة*:  لادخال هذه التقسيمات يجب ان تكون ضمن الوسم mapعلى الشكل التالي 

<img src="images/exe2.png" usemap="#mymap" border="4">
<map name="mymap">
<area shape="rect" href="http://geophetgeol.blogspot.com/" coords="20,20,107,52">
<area shape="circle" href="http://geophetgeol.blogspot.com/" coords="1010,269,51">
<area shape="rect" href="http://geophetgeol.blogspot.com/" coords="465,99,600,181">
</map>
يمكننا تقسيم الصورة باستعمال ثلاث اشكال:
1-الدائرة :circle
2-المستطيل : rect
3-المضلع: poly
1-------------- الدائرة: ذات الاحداثيات  (x, y, radius)
2-------------- المستطيل: الاحداثيات (x1, y1, x2, y2)
3-------------- المضلع : الاحداثيات  (x1, y1, x2, y2, .. xn, yn)   
                                                n: عدد اضلاع المضلع
نشير ان الاحداثيات في المتصفح تبتديء من اعلى اليسار(0،0) لذا اعتمد دائما على هذا المرجع

بمجرد الضغط يضهر الشكل كانه زر خفي











هناك ملحق للدرس انتضرونا 




0 التعليقات: