الصفحة الرئيسية>دروس تصميم الويب>البرنامج التعليمي لبرنامج دريمويفر

برنامج Dreamweaver 4 التعليمي الموجز (6. إنشاء الارتباطات التشعبية)

الكاتب：Eve Cole وقت التحديث：2009-05-30 18:35:55
6. إنشاء الارتباطات التشعبية

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


1. رابط النص


حدد النص الموجود في الصفحة التي تريد ربطها، كما هو موضح أدناه:



في عنصر الرابط بلوحة الخصائص، قم بملء عنوان الرابط عندما ينقر العارض على الرابط، سيعود المتصفح إلى الصفحة على سبيل المثال، ما تم ملؤه هنا هو: http://www.goeway.com



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



في الصورة أعلاه، نقوم بربط النص بالملف Index2.htm. انتبه بشكل خاص إلى خيار Relative To الموجود في الأسفل، مما يعني اختيار نموذج المسار النسبي الافتراضي هو Document، ويمكنك أيضًا اختيار Site Root. الفرق هو أن المستند يعني أنه يتم حساب المسار النسبي من هذه الصفحة، بينما يتم حساب جذر الموقع من الدليل الجذر (أي "/")، كما هو موضح أدناه:



بالإضافة إلى ذلك، إذا استخدمت الارتباط الذي تم إنشاؤه في وضع Site Root، فسيكون هناك عادةً خطأ عند فتح الصفحة مباشرة على القرص الثابت المحلي للتصفح، ولكن لن تكون هناك مشكلة في وضع التصفح المسبق الخاص بـ Dreamweaver وبعد التحميل إلى الخادم.
2. رابط الصورة


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


3. رابط المنطقة الساخنة


بالنسبة لرابط الصورة الذي تم تقديمه سابقًا، يمكن لصورة واحدة أن تتوافق مع رابط واحد فقط، هل يمكن لصورة واحدة أن تتوافق مع روابط متعددة؟ الإجابة هي نعم، بعد تحديد الصورة، يمكنك رؤية خيار الخريطة في لوحة الخصائص:



في: إنشاء منطقة ساخنة مستطيلة، إنشاء مناطق ساخنة نموذجية، إنشاء مناطق ساخنة متعددة الأضلاع. على سبيل المثال، إذا نقرنا الآن، يتغير شكل المؤشر إلى علامة متقاطعة، ويمكن رسم منطقة ساخنة مستطيلة زرقاء على الصورة:



لوحة الخصائص المقابلة في هذا الوقت هي:



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


1. إذا كنت تريد الارتباط بعنوان بريد إلكتروني، فاملأ الرابط: "mailto: عنوان"، على سبيل المثال mailto:[email protected]، ثم عند النقر على الرابط، سيكون برنامج البريد الإلكتروني الافتراضي هو فتحه على سبيل المثال، Outlook، أرسل بريدًا إلكترونيًا إلى العنوان [email protected].

2. إذا كان الرابط لملف لا يمكن فتحه بواسطة المتصفح، مثل exe وZip وما إلى ذلك، فعندما ينقر العارض على الرابط، سينبثق مربع حوار يسأل عن مكان حفظ الملف على القرص الصلب يتم تحقيق ذلك.
مقالات ذات صلة