احصائيات سريعة
البحث

اكثر المحتويات زيارة
الدوال في الاكسل (6,205 مشاهده)
ربط قاعدة بيانات أكسس (MS Access) مع برنامج الفيجوال بيسك بطريقة(ODBC) (4,031 مشاهده)
الدرس الثالث : بعض تطبيقات الدوال في اكسل (3,002 مشاهده)
تعريف الاستعلام وطريقة عرضه في آكسس، أنواع الاستعلامات، نافذة تحديد الاستعلام! (2,323 مشاهده)
الدرس الثاني: بعض الحيل لتسهيل برنامج اكسل (2,247 مشاهده)
شرح طريقة استعمال الأوتلوك مع بريد الهوتميل (2,080 مشاهده)
تغيير لغة واجهة التطبيق من عربي الى انجليزي وبالعكس لـ Windows-based applications (2,050 مشاهده)
أنواع العلاقات وطريقة الربط بين الجداول. (1,871 مشاهده)
مقدمة عامة حول الاكسل وحيل خاصة بالاكسل (1,705 مشاهده)
أنشئ قاعدة بياناتك التي ستستند إليها في تعلم طريقة ربط الجداول والاستعلامات. (1,672 مشاهده)
الدرس الأول : عمل شريحة في البوربوينت (1,533 مشاهده)
دورة الأكسس: الدرس السادس : منوعات في أكسيس . (1,446 مشاهده)
كيفية حل مشاكل الانترنت اكسبلور Internet Explorer (1,402 مشاهده)
دروس في الأوفيس الأكسس - Access0- (1,382 مشاهده)
اضافه صوت ونص لخلفيه في باور بوينت (1,310 مشاهده)
شرح طريقة التجميع Grouping في برنامج الاكسل (1,283 مشاهده)
التعرف على مكونات الكمبيوتر (1,246 مشاهده)
برنامج Windows Movie Maker لتكوين أفلام (1,225 مشاهده)
درس تعريب المجلة (1,209 مشاهده)
مقدمة في ربط قواعد البيانات داخل بيئة الـ .NET باستخدام الـ VB.NET (1,180 مشاهده)
دورة الأكسس: الدرس السادس : منوعات في أكسيس .0--- (1,148 مشاهده)
كيف تجعل برنامجك أكثر تألقا وجمالا باستخدام أداة Active Skin (1,137 مشاهده)
ما هو المات لاب MATLAB؟ (1,089 مشاهده)
مقدمة عن لغة البيسك (1,064 مشاهده)
الفيجوال بيسك - مقدمة (1,039 مشاهده)
جديد مواد
التحويل التلقائي للحروف ل- ل- ه إلى اسم الجلالة0---- (743 مشاهده)
النسبة المئوية لا تظهر بالخط العربي & الشدة وألف المد في لفظ الجلالة0---النسبة المئوية لا تظهر بالخط العربي & الشدة وألف المد في لفظ الجلالة0--- (440 مشاهده)
ضبط خيارات اللغة فى الـ Microsoft Word0--- (487 مشاهده)
استخدام لوحة المفاتيح في الـ Word0---- (649 مشاهده)
إضافة كلمة سر إلي ملفات الورد دون استخدام برامج0--- (672 مشاهده)
دمج المراسلات0-- (361 مشاهده)
وضع صورة كخلفية للنص0-- (486 مشاهده)
السماح للمستخدمين بتعديل أجزاء من ملف وورد محمي (Word2003)0--- (341 مشاهده)
كتابة الأرقام الكسرية ورموز المعادلات0-- (567 مشاهده)
درس كامل عن الدمج السهل من لوحة المفاتيح ف0-ي برنامج الـ Word (378 مشاهده)
دورة الأكسس: الدرس السادس : منوعات في أكسيس .0--- (1,148 مشاهده)
دورة الأكسيس : الدرس الرابع : العلاقات0---- (640 مشاهده)
أساسيات في Access0--0 (437 مشاهده)
تصميم تقرير لطباعة البيانات0---- (476 مشاهده)
تصميم نموذج استعراض البيانات‏0--تصميم نموذج استعراض البيانات‏0-- (457 مشاهده)
تصميم نموذج إدخال‎ ‎البيانات0--- (533 مشاهده)
إنشاء قوائم خاصة باستخدام الماكرو(1)0-- (411 مشاهده)
خطوات إنشاء الماكرو في تذييل النموذج (2)0-- (359 مشاهده)
خطوات إنشاء الماكرو في تذييل النموذج (1)0- (314 مشاهده)
استعلامات SQL في Access - تعديل الجداول وإضافة الحقول0- (428 مشاهده)
استعلامات SQL في Access - تحديث البيانات الجدولية0-- (396 مشاهده)
الاستعلامات الإجرائية -4 (استعلام الحذف)0--- (209 مشاهده)
الاستعلامات الإجرائية -2 (استعلام الإلحاق)0--- (289 مشاهده)
تصميم تقرير لطباعة الإجمالي0--- (307 مشاهده)
استعلامات التحديد Select Query مع أمثله (1)0--- (411 مشاهده)
روابط ذات صلة
قريبا ان شاء الله
كلمات البحث
ابحث ايضا عن
الدرس الثالث عش




ضافةً إلى الوسوم الجديدة الخاصة بالخرائط والتي سنتعرف عليها من خلال هذا الموضوع سوف نعود أيضاً للتعامل مع وسوم الصور (بما أننا نتحدث عن خرائط صورية) كذلك سنتعامل مع الوصلات التشعبية (كون الخرائط الصورية هي تطبيق آخر للوصلات).. وستحتاج أيضاً إلى القليل من الهندسة (نعم .. الهندسة. ذلك العلم الذي يجبرك المعلم فيه على حمل البيكار لترسم به دائرة.. فتكون النتيجة شكلاً عجائبياً قد يكون أي شيء .. إلا أن يكون دائرة). وأخيراً نحتاج إلى أحد برامج تحرير الصور مثل Paint Shop Pro لمساعدتنا في معرفة بعض التفاصيل الخاصة بالصور.

هل أنت مستعد؟ لننطلق إذن.


هذه هي خريطتنا أو بالأحرى ما سوف تصبح بعد قليل خريطتنا .. مجرد صورة عادية سنقوم بإدراجها في الصفحة.


Our Map

وهذه هي الشيفرة الخاصة بإدراجها


‎‎<IMG SRC="flowers.jpg" WIDTH="320" HEIGHT="310" BORDER="0"‎>‎


والآن سوف نضيف لهذه الشيفرة خاصية جديدة من خصائص الوسم <IMG> هي ‎USEMAP="#map_name"‎ والتي تخبر المتصفح أن يستخدم هذه الصورة كخريطة وذلك حسب التحديدات الموجودة في تعريف هذه الخريطة (وسنتحدث عن هذه التحديدات لاحقاً إن شاء الله). أما القيمة map_name فهي تمثل الاسم الذي نريد أن نعيّنه للخريطة (أي اسم نريده). وكما ترى فإن هذا الاسم مسبوق بإشارة #.


ما رأيك أن نسمي الخريطة باسم ourmap. عندها سوف تصبح الشيفرة كما يلي:


‎‎<IMG SRC="flowers.jpg" WIDTH="320" HEIGHT="310" BORDER="0" USEMAP="#ourmap"‎>‎


وكانت هذه هي الخطوة الأولى في تعريف الخريطة. والخطوة الثانية هي تحديد التفاصيل.






لنقم بإخبار المتصفح أننا نريد خريطة تحمل الإسم ourmap


‎<MAP NAME="ourmap">‎
...
<‎/MAP>


ولاحظ أننا لا نستخدم إشارة # مع التسمية هنا
بعد ذلك نحتاج أن نحدد المناطق الساخنة للوصلات التشعبية، ولنفترض أننا نريدها بالشكل التالي:


Shapes Map


 


وهنا أريد أن أؤكد عليك وبصورة مشددة أن رسم هذه الأشكال الهندسية هو فقط بغرض توضيح مبدأ المناطق الساخنة لك، وتحديد شكل وموقع كل منطقة. ولا نحتاج لها أبداً عندما نريد إنشاء خريطة صورية كذلك فقد قمت باختيارها ورسمها بصورة عشوائية، بمعنى أنك تستطيع إختيار أي مناطق أخرى مغايرة كما تستطيع إختيار أي أشكال تريدها. وذلك بالطبع وفقاً لرغبتك كمصمم صفحات ويب.


والسؤال الآن هو، كيف نحدد هذه المناطق باستخدام HTML وكيف يمكن للمتصفح أن يميزها دون غيرها؟ والجواب هو استخدام الوسم <AREA> والذي يدرج ضمن الوسم السابق وبنفس عدد المناطق الساخنة التي نريدها.


‎<MAP NAME="ourmap">‎



<AREA>
<AREA>
<AREA>
<AREA>


<‎/MAP>


ومع ذلك فهذا ليس كل شيء لأننا نحتاج أولاً لتحديد شكل كل منطقة ونستخدم لهذا الغرض الخاصية SHAPE ومن ثم نحتاج لتحديد موقع كل منطقة وهذا يتم بالخاصية COORDS وأخيراً بما أن كل منطقة تمثل وصلة تشعبية وتشير إلى عنوان موقع ما فمن البديهي أن نستخدم خاصية تحديد المواقع وهي HREF والتي مرت معنا في الدرس السادس


إلى التفاصيل...


تأخذ الخاصية SH‎APE ثلاثة قيم لتحديد شكل المنطقة الساخنة وهي:


RECT
      للأشكال المربعة والمستطيلة المنتظمة


CIRCLE
      للدوائر


POLY
      للأشكال العشوائية والمضلعة


ولدينا دائرة ومستطيل وشكلين عشوائيين، إذن تصبح الشيفرة كما يلي (دون أهمية لترتيبها):


‎<MAP NAME="ourmap">‎



‎<AREA SHAPE="poly">‎
‎<AREA SHAPE="rect">‎
‎<AREA SHAPE="circle">‎
‎<AREA SHAPE="poly">‎


<‎/MAP>






نأتي الآن إلى تحديد موقع كل شكل من الخريطة، والذي يتم باستخدام الخاصية COORDS. تأخذ هذه الخاصية قيماً رقمية تمثل إحداثيات الشكل الهندسي بالبيكسل على الخريطة (ألم أقل لك أنك ستحتاج إلى القليل من الهندسة) ومن البديهي أن تختلف دلالة كل قيمة بإختلاف الشكل المقصود. أنظر إلى الأشكال التوضيحية التالية:


Rectangle


في الشكل الرباعي المنتظم نحتاج لمعرفة إحداثيي الزاوية اليسرى العليا وإحداثيي الزاوية اليمنى السفلى. (أربعة أرقام)


Circle


أما في الدائرة فكل ما نحتاجه هو إحداثيي نقطة المركز لهذه الدائرة بالإضافة إلى معرفة نصف قطرها. (ثلاثة أرقام فقط)


Poly


وأخيراً في الأشكال المضلعة العشوائية نحتاج لمعرفة إحداثيي كل نقطة من النقاط التي تمثل زوايا هذا الشكل مهما كان عددها. (عدد الأرقام غير محدد ويختلف بإختلاف الشكل المقصود)





وقد تسأل الآن، كيف نستطيع إيجاد هذه الإحداثيات؟ ما من مشكلة! هنا يأتي دور برنامج الجرافيكس، فكل ما عليك هو تحميل الصور في هذا البرنامج ثم وضع المؤشر في المكان المطلوب وسوف تشاهد إحداثيات النقطة التي يقع عليها المؤشر على الشريط الموجود أسفل نافذة البرنامج. وبالإضافة لذلك تستطيع معرفة أبعاد الصورة ككل. وعلى أية حال كل ما عليك فعله هو تسجيل إحداثيات جميع النقاط المطلوبة من أجل استخدامها في تعريف الخريطة.


Curser Location

ولنعد الآن إلى خريطتنا:
بالنسبة للشكل المستطيل كانت إحداثيات النقطة العليا هي:(28,255) وإحداثيات النقطة السفلى هي (310,300).


أما الدائرة فكانت إحداثيات نقطة مركزها هي (140,160) ونصف قطرها 175 بيكسل.


أما الشكل المضلع الأيمن (المثلث) فأن إحداثيات زواياه هي (150,10), (300,20), (315,230) وتذكر هنا أن لا أهمية للترتيب في ذكر هذه النقاط. المهم فقط أن تكون الإحداثيات دقيقة إلى حد ما.


وأخيراً فإن إحداثيات النقاط في الشكل المضلع الأيسر (الرباعي) هي: (10,10), (130,10), (110,65), (10,140)


لنقم الآن بكتابة هذه البيانات ضمن الشيفرة السابقة والتي ستصبح كما يلي:


‎<MAP NAME="ourmap">‎



‎<AREA SHAPE="poly" COORDS="10,10,130,10,110,65,10,140">‎
‎<AREA SHAPE="rect" COORDS="28,255,310,300">‎
‎<AREA SHAPE="circle" COORDS="140,160,175">‎
‎<AREA SHAPE="poly" COORDS="150,10,300,20,315,230">‎


<‎/MAP>






ماذا بقي الآن؟ بقي تعيين العناوين التي ستشير إليها الوصلات التشعبية والتي سنستخدم لها الخاصية HREF. إليك عناوين أربعة من المواقع العربية الممتازة


‎<MAP NAME="ourmap">‎



‎<AREA SHAPE="poly" COORDS="10,10,130,10,110,65,10,140"‎
HREF="http://www.sakhr.com">‎
‎<AREA SHAPE="rect" COORDS="28,255,310,300"‎
HREF="http://www.ayna.com">‎
‎<AREA SHAPE="circle" COORDS="140,160,175"‎
HREF="http://www.pcmag-arabic.com">‎
‎<AREA SHAPE="poly" COORDS="150,10,300,20,315,230"‎
HREF="http://www.asp.com.lb">‎


<‎/MAP>






وأخيراً بعد تجميع الشيفرة الخاصة بإدراج الصورة مع هذه الشيفرة بالشكل التالي. (وبالمناسبة فقد قمت بالتجميع من أجل توضيح النتيجة النهائية لشيفرة الخريطة ككل. وفي الواقع أننا نستطيع وضع تعريف الخريطة في أي مكان نريده داخل الملف وليس شرطاً أن يكون قريباً من شيفرة إدراج الصورة)


‎‎<IMG SRC="flowers.jpg" WIDTH="320" HEIGHT="310" BORDER="0" USEMAP="#ourmap"‎>‎


‎<MAP NAME="ourmap">‎



‎<AREA SHAPE="poly" COORDS="10,10,130,10,110,65,10,140"‎
HREF="http://www.sakhr.com">‎
‎<AREA SHAPE="rect" COORDS="28,255,310,300"‎
HREF="http://www.ayna.com">‎
‎<AREA SHAPE="circle" COORDS="140,160,175"‎
HREF="http://www.pcmag-arabic.com">‎
‎<AREA SHAPE="poly" COORDS="150,10,300,20,315,230"‎
HREF="http://www.asp.com.lb">‎


<‎/MAP>


سوف نحصل على النتيجة التالية وحاول أن تجربها:







والآن أريد أن أثير مسألتين مهمتين في هذا السياق:
الأولى: ماذا لو أردنا إدراج هذه الخريطة أكثر من مرة في الصفحة، فهل نحتاج إلى تكرار كتابة الشيفرة <MAP> ... <‎/MAP> مع كل مرة ندرج فيها الصورة؟ الجواب قطعاً لا.!!
فطالما أننا نكتب الخاصية USEMAP فإن المتصفح يقوم بالبحث عن شيفرة الخريطة التي حددنا اسمها مع هذه الخاصية، ومن ثم يطبقها على الصورة المعطاة مهما كان عدد مرات إدراجها.


الثانية: ماذا لو قررنا إلغاء هذه الصورة ووضع صورة أخرى مكانها. هل من مشكلة؟ أيضاً لا يوجد هنا أي مشكلة. لأن تعريف الخريطة بطبيعته غير مرتبط بصورة محددة بعينها. هو فقط يعرف مناطق محددة بالشكل والموقع. ولو دققت النظر في هذا التعريف فلن تجد ما يشير إلى أنها مرتبطة بصورة بعينها، أليس كذلك؟ بل إنك لو أدرجت صورة أكبر مما يجب أو حتى صورة أصغر مما يجب واستخدمت خاصية USEMAP معهما لتشير إلى الخريطة، فلن تواجه أي مشكلة في ذلك. (وأعني هنا مشكلة للمتصفح) لكن بالطبع فالصورة الكبيرة ستحتوي على مناطق دون وصلات تشعبية، والصورة الصغيرة سوف لن تحتوي على بعض الوصلات المعرفة في الخريطة


One Map, Many Pictures

والخلاصة أن تعريف الخريطة هو تعريف مشاع يوضع مرة واحدة فقط وفي أي مكان داخل الصفحة، وبشرط أن يكون ضمن <BODY> ... <‎/BODY> وبالمقابل نستطيع إدراج عشرات الصور مهما كانت طبيعتها داخل الصفحة لتكون خرائط صورية تستخدم نفس تعريف هذه الخريطة طالما أننا وضعنا الخاصية ‎USEMAP="#map_name"‎ مع هذه الصور.


الدرس الثالث عش

أضف هذه المادة في موقعك:
مواد مشابهة:
 الدرس الثالث الدرس الثالث
الدرس الثالث
(مرات المشاهدة: 111 مرات)
الجداول (2) الجداول (2)
الجداول (2)
(مرات المشاهدة: 59 مرات)
 الخطوط الخطوط
الخطوط
(مرات المشاهدة: 107 مرات)
الدرس الثاني: ما هي HTML؟ الدرس الثاني: ما هي HTML؟
الدرس الثاني: ما هي HTML؟
(مرات المشاهدة: 76 مرات)
الدرس الثامن: الروابط الدرس الثامن: الروابط
الدرس الثامن: الروابط
(مرات المشاهدة: 45 مرات)
الخطوط الخطوط
الخطوط
(مرات المشاهدة: 60 مرات)
الخلية الفارغة، إضافة الصور والألوان، وإتجاه النص الخلية الفارغة، إضافة الصور والألوان، وإتجاه النص
vالخلية الفارغة، إضافة الصور والألوان، وإتجاه النص
(مرات المشاهدة: 108 مرات)
 للقوائم للقوائم
للقوائم
(مرات المشاهدة: 116 مرات)
 الخطــوط وكيفية تنسيقها الخطــوط وكيفية تنسيقها
الخطــوط وكيفية تنسيقها
(مرات المشاهدة: 93 مرات)
الخرائط الصورية الخرائط الصورية
الخرائط الصورية
(مرات المشاهدة: 344 مرات)
منتديات مدرسة المشاغبين - افلام مقاطع يوتيوب - بروكسي proxy - ماسنجر مسنجر - العاب فلاش - اغاني اناشيد - مسجات رسائل sms - جوال موبايل بلوتوث - صور جديدة سنوات الضياع
جميع الحقوق محفوظة :Copyright © All rights reserved