هنا

[Hazim]

السلام عليكم
اليوم درسنا هو كيف وضع او اضافه روابط في الهيدر (الرئيسيه _التسجيل_مكتبي ..الخ )

اول شيء وبعد تصميم الهيدر وتقطيعه بالفوتوشوب
الان نتوجه الى الفرونت بيج

وبعد اكمال التوزيع الهيدر في الفرونت بيج

نضغط على الصوره التي بها المواقع التي تضيف اضافه الروابط الها

هسه نجي من اعلى البرنامج اختار القائمه عرض view وبعدين نروح على شريط الاداوت Toolbars وبعدين على كلمه صور Pictures

هسه راح تطلع النه نافذه صغيره شوف الصوره توضح اكثر




هسه نضغط على الصوره الي بيها الكلمات ( الرئيسيه - التسجيل -مكتبي ..الخ )

هسه اختار المستطيل الموضح بالصوره وارسم مربع حلو الكلمه
شوف هاي الصوره




بعد ما تسوي المربع او المستطيل حول الكلمه المراد ربطها ., راح تطلع لك تلقائيا هذي اللوحه .,





أكتب عند Address أو( العنوان بالعربي ) أكتب كود الرئيسيه ., والاكواد كالتالي .,


للصفحة الرئيسية للمنتدى

index.php

التسجيل

register.php

البحث

search.php

لوحة تحكم العضو او مكتبي

usercp.php


نكتب كود الرئيسيه اللي هو index.php
في فراغ العنوان
ولكيفيه النسخ واللصق

انسخ الكود الذي تريده وعند الفرونت بيج
في الفراغ (العنوان)اضغط على
ctrl+v

بالتوفيق

اي سؤال اتفضلوا بطرحه

[Samer]

بسم الله نبدأ

هذا نموذج للكود الذي استخدمته انت

<p><map name="FPMap0">
<area href="http://www.dorar-aliraq.net/forum.php" shape="rect" coords="603, 190, 700, 226">
<area href="http://www.dorar-aliraq.net/register.php" shape="rect" coords="502, 196, 597, 219">
</map>
<img border="0" src="http://imup.dorar-aliraq.net/img1/1287404503fd.jpg" width="725" height="317" usemap="#FPMap0"></p>

حازم .. انت استخدمت الـ map tag لعمل عدة روابط أو (Hotspots) على نفس الصورة

الـ <map> tag يستخدم لتعريف خريطة صورة على متصفح المستخدم، خريطة الصورة (image map) هي صورة ذاات مناطق قابلة للضغط (اي روابط)

السمة name مطلوبة في عنصر الخريطة ، هذه السمة (attribute) متعلقة مع كود الـ <img> و تعمل على خلق علاقة بين الصورة و الخريطة

عنصر الخريطة ممكن ان يحتوي على عدة عناصر area (يعني عدة روابط) التي تعرف المناطق القابلة للضغط ( Clickable area) على خريطة الصورة

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

الخاصية هذه (اقصد الـ map) مدعومة من قبل كل المتصفحات الرئيسية في العالم ، و لا مشكلة في استخدامها في اي حال من الاحوال .. و هذا ما كنت خائف منه انا .. ان تعمل مثلا على الاكسبلورير دون الفايرفوكس ... و هلم جرا)

أعترف بإنني كنت اجهل مثل هذه الامكانية .. و منكم نستفيد

فقط ملاحظات لدي على موضوعك

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

يجب .. عليك ان تضع نموذج للكود المستخدم .. لكي تكون الصورة واضحة للجميع .. لاحظ إن الناس لاتستخدم الفرونت بيج دائما لعمل الاكواد .. البعض يكتب يدويا .. و البعض الاخر يولدها باستخدام برامج اخرى متخصصة مثلا , و BestAddress HTML Editor و اخرون ربما يستخدمون الـ Word!! مثل صفحات مواقع وزارة التعليم العالي (من العجز) ... المهم في جميع الاحوال الكود هو الشيء المشترك بين الجميع و يجب تبيانه

كذلك يجب عند شرح اكواد الـ HTML ان تستخدم المصطلحات و معلومات اخرى (مثل كون الكود مدعوم من قبل بقية المتصفحات) مثلما فعلت أنا ..و هذه تحصل عليهاتحصل عليها من موقع www.w3schools.com بمجرد كتابتك (اسم الايعاز HTML) في بحث الجوجل .. سوف يذهب بك مباشرة إلى هذا الموقع الذي هو المقياس الاساسي لكل المتصفحات .. مثلا .. كود الـ Map المستخدم في طريقتك مشروح على هذا الرابط: http://www.w3schools.com/tags/tag_map.asp

ارجو ان تكون هذه الملاحظات تكون مفيدة لك في مواضيعك القادمة

تحياتي & و تقييمي

[Hazim]

تحياتي الك ياارواكل على الاضافه الرائعه
وشكرا للتقييم

[سراج]

موضوع جميل ومهم شكرا لكم