بعد العمليات في الأجزاء السابقة، تم توضيح صفحة الويب الخاصة بنا بالصور والنصوص، ولها تأثير كبير، لكن هذا لا يكفي لصفحة الويب لكي تصبح صفحات الويب العديدة في موقع الويب كلًا عضويًا، يجب أن تكون كل صفحة ويب تتم معالجتها من خلال روابط فائقة متصلة بحيث يتمكن المشاهدون من التنقل بين الصفحات المختلفة.
1. ربط الصور والنص
من السهل جدًا إنشاء روابط لبعض النصوص أو الصور، ما عليك سوى استخدام الماوس لتحديد الصورة أو النص الذي تريد تحويله إلى رابط، ثم أدخل عنوان الصفحة المستهدفة التي تحتاج إلى ذلك. سيتم الانتقال إليه في مربع الإدخال "Link" بلوحة الخصائص، أو اضغط على أيقونة المجلد بجوار مربع الإدخال لتحديد الملف الذي تريد الانتقال إليه. بالإضافة إلى ذلك، يوفر Dreamweaver MX 2004 أيضًا طريقة لربط الملفات بسرعة من خلال نافذة موقع الويب.
الخطوة 1: قم أولاً بتشغيل أمر "Site → Manage Sites" وحدد موقعًا تم إنشاؤه بالفعل من القائمة المنبثقة، في هذا الوقت، يمكنك رؤية نافذة إدارة الموقع المنبثقة على اليمين.
الخطوة 2: حدد النص أو الصورة في منطقة التحرير، واسحب مباشرة أيقونة الهدف الدائرية بجوار مربع الإدخال "الرابط" في لوحة الخصائص، وسيظهر سهم عندما يشير إلى ملف في مدير موقع الويب، أ سيظهر مربع حول الملف (الشكل 1).
الشكل 1
الخطوة 3: بعد تحرير الماوس، سيظهر تسطير أسفل النص المحدد، وسيتحول لون الكلمة إلى اللون الأزرق، وسيتم عرض عنوان الملف الهدف تلقائيًا في مربع الإدخال "الرابط" .
نصيحة: عند إنشاء رابط، عليك الانتباه إلى طريقتي عنوان URL. 1. العنوان المطلق: مثل www. اي بي سي. كوم/اختبار. هتم؛2. العنوان النسبي: مثل التنزيل/1. htm، صفحة الوصف 1. htm موجود في الدليل الجذر للخادم.
2. تعيين روابط متعددة على صورة واحدة.
تحتوي بعض صفحات الويب على روابط متعددة على صورة كبيرة، بحيث يمكن للزوار الدخول إلى صفحات مختلفة من خلال النقر على مواضع مختلفة من الصورة. وهذا هو تطبيق مفهوم المناطق الساخنة للصورة اتبع الخطوات أدناه لتحقيق ذلك.
الخطوة 1: في Dreamweaver MX 2004، يمكنك أولاً تحديد الصورة. في هذا الوقت، يمكنك رؤية منطقة "الخريطة" في لوحة خصائص الصورة. توجد ثلاثة أيقونات للأدوات باللون الأزرق الفاتح أسفلها، وهي المستطيل والدائرة والمضلع.
الخطوة 2: استخدم الماوس لتحديد واحدة منها حسب الحاجة، ثم حرك الماوس إلى الصورة واسحب منطقة زرقاء فاتحة للخارج.
الخطوة 3: املأ عنوان صفحة الويب المراد ربطها في مربع إدخال "الرابط" في لوحة الخصائص، وستكون المنطقة الساخنة للصورة جاهزة.
وبالمثل، من خلال تعيين مناطق فعالة متعددة للصورة لهذه الصورة، يمكنك النقر على مناطق مختلفة من الصورة للدخول إلى صفحات مختلفة.
3. قم بتخصيص روابط الانتقال داخل الصفحة
إذا كنت تشترك غالبًا في مجلات إلكترونية مجانية عبر الإنترنت، أو تتصفح صفحات طويلة جدًا، فيجب أن تكون على دراية بهذا النوع من الارتباطات ذات العلامات، وهي قائمة تشبه الدليل للانتقال بسهولة إلى الصفحة أي جزء.
الخطوة 1: في Dreamweaver MX 2004، حدد أولاً الموقع الذي يشير إليه الارتباط، وهو الموقع الذي سيبقى فيه الارتباط بعد انتقال الشاشة، ثم حدد النص المستهدف وقم بتشغيل الأمر "Insert → Named Anchor".
الخطوة 2: اكتب اسم التصنيف (مثل test3) في مربع الإدخال "اسم الربط" في هذا الوقت، ستظهر علامة الربط تلقائيًا أسفل النص لتمييزه عن محتوى النص العادي (الشكل 2).
الشكل 2
الخطوة 3: أدخل "#test3" في مربع الإدخال "Link" بلوحة الخصائص، حيث يكون test3 هو الاسم الذي تم تعيينه للتو، بحيث يمكن تحقيق وظيفة الانتقال إلى الصفحة.
نصيحة: إذا كنت تريد الإشارة إلى موقع معين في صفحة أخرى، فما عليك سوى وضع علامة الارتساء هذه هناك.
4. التحقق بسرعة من رابط الويب
عند تصفح الإنترنت، فإن الشيء الأكثر إزعاجًا هو رؤية رسائل خطأ مثل "خطأ خادم الويب 4004: لم يتم العثور على الملف". نظرًا لوجود الكثير من الروابط في موقع الويب، فإن القليل من الاهتمام سيؤدي إلى العديد من أخطاء الارتباطات، ومع ذلك، في Dreamweaver MX 2004، يمكنك التحقق من الروابط بسهولة.
الخطوة 1: قم بتشغيل الأمر "Site → Check Links SideWide" في Dreamweaver MX 2004، وسيتم تنشيط لوحة التحقق من الارتباط.
الخطوة 2: من القائمة المنسدلة "إظهار" في الجزء العلوي الأيسر من اللوحة، يمكنك تحديد الروابط المعطلة (الروابط المعطلة)، والروابط الإضافية (الروابط الخارجية)، والملفات المعزولة (الملفات المعزولة)، على سبيل المثال حدد Orphaned Files، وسيقوم Dreamweaver MX 2004 بالتحقق من حالة الارتباط الحالية ويعرض قائمة بالملفات المعزولة.
الخطوة 3: بالنسبة للملف الذي به مشكلة، انقر نقرًا مزدوجًا فوق زر الماوس الأيسر لفتحه للتعديل.
تلميح: الارتباطات الخارجية هي عناوين ارتباطات ترتبط بمواقع ويب خارجية، ولا يستطيع Dreamweaver التحقق من صحتها.
يجب أن يتم تذكيرك بتوخي المزيد من الحذر عند إنشاء روابط لصفحات الويب، لأن مواقع الويب عادةً ما تحتوي على مئات الصفحات. إذا لم تكن حذرًا، فسيؤدي ذلك إلى روابط فارغة أو روابط خاطئة، وهو ما يضر بشكل كبير بصورة موقع الويب الخاص بك تأثير جيد!