تعلم حول عمل الارتباطات والتنقل في Dreamweaver علاوة على المسارات المطلقة، والنسبية للمستندات، والنسبية لجذر الموقع.
بعد أن تقوم بإعداد موقع Dreamweaver لحفظ مستندات موقعك الإلكتروني وإنشاء صفحات HTML، ستحتاج إلى إنشاء اتصالات من مستنداتك إلى مستندات أخرى.
يوفر Dreamweaver عدة طرق لإنشاء روابط إلى المستندات والصور وملفات الوسائط المتعددة أو البرامج القابلة للتنزيل. يمكنك إنشاء روابط إلى أي نص أو صورة في أي مكان داخل المستند، بما في ذلك النص أو الصور في العنوان أو القائمة أو الجدول أو العنصر الموضوع بشكل مطلق (عنصر AP) أو الإطار.
هناك وسائل عديدة ومتنوعة لإنشاء الارتباطات وإدارتها. يفضل بعض مصممي الويب إنشاء روابط إلى صفحات أو ملفات غير موجودة أثناء العمل، بينما يفضل آخرون إنشاء جميع الملفات والصفحات أولاً ثم إضافة الروابط.طريقة أخرى لإدارة الروابط هي إنشاء صفحات مؤقتة، حيث تضيف وتختبر الروابط قبل إكمال جميع صفحات موقعك.
المسارات المطلقة والنسبية للمستند ونسبية لجذر الموقع
إن فهم مسار الملف بين المستند الذي تربط منه والمستند أو الأصل الذي تربط إليه أمر ضروري لإنشاء الروابط.
لكل صفحة ويب عنوان فريد، يُسمى محدد موقع الموارد الموحد (URL).ومع ذلك، عندما تُنشئ رابطاً محلياً (رابط من مستند إلى آخر في نفس الموقع)، لا تحدد عادةً عنوان URL الكامل للمستند الذي تربط إليه؛ بدلاً من ذلك، تحدد مساراً نسبياً من المستند الحالي أو من مجلد جذر الموقع.
هناك ثلاثة أنواع من مسارات الارتباطات:
المسارات المطلقة (مثل http://www.adobe.com/ae/support/dreamweaver/contents.html).
المسارات النسبية للمستند (مثل dreamweaver/contents.html).
المسارات النسبية لجذر الموقع (مثل /support/dreamweaver/contents.html).
باستخدام Dreamweaver، يمكنك بسهولة تحديد نوع مسار المستند الذي تريد إنشاءه للارتباطات الخاصة بك.
يفضّل استخدام نوع الربط الذي تفضله وترتاح لاستخدامه، سواء النسبي لجذر الموقع، أو النسبي للمستند. يضمن الاستعراض إلى الارتباطات، على العكس من إدخال المسارات، إدخال المسار الصحيح دومًا.
المسارات المطلقة
المسارات المطلقة توفر عنوان URL الكامل للمستند المرتبط، بما في ذلك البروتوكول المستخدم (عادة http:// لصفحات الويب)، على سبيل المثال، http://www.adobe.com/support/dreamweaver/contents.html. بالنسبة لأصول الصور، قد يكون محدد URL الكامل مثل http://www.adobe.com/ae/support/dreamweaver/images/image1.jpg.
يجب استخدام مسار مطلق للربط إلى مستند أو أصل على خادم آخر.يمكنك أيضاً استخدام المسارات المطلقة للروابط المحلية (إلى المستندات في نفس الموقع)، لكن هذا النهج غير مُستحسن—إذا نقلت الموقع إلى نطاق آخر، فستنكسر جميع روابطك المحلية ذات المسار المطلق.استخدام المسارات النسبية للروابط المحلية يوفر أيضاً مرونة أكبر إذا كنت بحاجة إلى نقل الملفات داخل موقعك.
عند إدراج الصور (وليس الروابط)، يمكنك استخدام مسار مطلق إلى صورة على خادم بعيد (أي صورة غير متوفرة على القرص الصلب المحلي).
المسارات النسبية للمستندات
المسارات النسبية للمستند هي عادة الأفضل للروابط المحلية في معظم المواقع.وهي مفيدة بشكل خاص عندما يكون المستند الحالي والمستند أو الأصل المرتبط في نفس المجلد ومن المحتمل أن يبقيا معاً.يمكنك أيضاً استخدام مسار نسبي للمستند للربط إلى مستند أو أصل في مجلد آخر عن طريق تحديد المسار عبر التسلسل الهرمي للمجلد من المستند الحالي إلى المستند المرتبط.
الفكرة الأساسية للمسارات النسبية للمستند هي حذف جزء المسار المطلق الذي هو نفسه لكل من المستند الحالي والمستند أو الأصل المرتبط، وتوفير الجزء من المسار الذي يختلف فقط.
على سبيل المثال، بافتراض وجود موقع بالبنية التالية:
للربط من contents.html إلى hours.html (كلاهما في نفس المجلد)، استخدم المسار النسبي hours.html.
للربط من contents.html إلى tips.html (في مجلد resources الفرعي)، استخدم المسار النسبي resources/tips.html.عند كل شرطة مائلة (/)، تنتقل لأسفل مستوى واحد في التسلسل الهرمي للمجلد.
للربط من contents.html إلى index.html (في المجلد الأصل، مستوى واحد فوق contents.html)، استخدم المسار النسبي ../index.html. نقطتان وشرطة مائلة (../) تنقلك لأعلى مستوى واحد في التسلسل الهرمي للمجلد.
للربط من contents.html إلى catalog.html (في مجلد فرعي مختلف للمجلد الأصل)، استخدم المسار النسبي ../products/catalog.html. هنا، ../ ينقلك لأعلى إلى المجلد الأصل، وproducts/ ينقلك لأسفل إلى المجلد الفرعي products.
عندما تنقل الملفات كمجموعة— على سبيل المثال، عندما تنقل مجلدًا بالكامل، بحيث تحتفظ جميع الملفات داخل ذلك المجلد بنفس المسارات النسبية لبعضها البعض— لا تحتاج إلى تحديث الروابط النسبية للمستند بين تلك الملفات. ومع ذلك، عندما تنقل ملفًا فرديًا يحتوي على روابط نسبية للمستند، أو ملفًا فرديًا مستهدفًا بواسطة رابط نسبي للمستند، فأنت بحاجة إلى تحديث تلك الروابط. (إذا قمت بنقل الملفات أو إعادة تسميتها باستخدام لوحة الملفات، يقوم Dreamweaver بتحديث جميع الروابط ذات الصلة تلقائيًا.)
المسارات النسبية لجذر الموقع
المسارات النسبية لجذر الموقع تصف المسار من المجلد الجذر للموقع إلى مستند. قد تريد استخدام هذه المسارات إذا كنت تعمل على موقع كبير يستخدم عدة خوادم، أو خادمًا واحدًا يستضيف عدة مواقع. ومع ذلك، إذا لم تكن معتادًا على هذا النوع من المسارات، فقد تريد الالتزام بالمسارات النسبية للمستند.
يبدأ المسار النسبي لجذر الموقع بشرطة مائلة للأمام في المقدمة، والتي تمثل المجلد الجذر للموقع. على سبيل المثال، /support/tips.html هو مسار نسبي لجذر الموقع إلى ملف (tips.html) في المجلد الفرعي للدعم في المجلد الجذر للموقع.
المسار النسبي لجذر الموقع غالبًا ما يكون أفضل طريقة لتحديد الروابط إذا كنت تنقل ملفات HTML بشكل متكرر من مجلد إلى آخر في موقعك. عندما تنقل مستندًا يحتوي على روابط نسبية لجذر الموقع، لا تحتاج إلى تغيير الروابط نظرًا لأن الروابط نسبية إلى جذر الموقع، وليس إلى المستند نفسه؛ على سبيل المثال، إذا كانت ملفات HTML تستخدم روابط نسبية لجذر الموقع للملفات التابعة (مثل الصور)، فعند نقل ملف HTML، تظل روابط الملفات التابعة صالحة.
ومع ذلك، عندما تنقل المستندات المستهدفة بواسطة الروابط النسبية لجذر الموقع أو تعيد تسميتها، يجب تحديث تلك الروابط، حتى لو لم تتغير مسارات المستندات نسبة لبعضها البعض. على سبيل المثال، إذا قمت بنقل مجلد، يجب تحديث جميع الروابط النسبية لجذر الموقع إلى الملفات الموجودة في ذلك المجلد. في حالة نقل ملفات أو إعادة تسميتها باستخدام اللوحة Files، يقوم Dreamweaver بتحديث جميع الارتباطات ذات الصلة تلقائيًا).
قم بإنشاء مواقع ويب جميلة في Dreamweaver
قم بتصميم مواقع الويب الديناميكية وبرمجتها وإدارتها في أداة قوية متكاملة.
