فهم المسارات في قوالب Dreamweaver

قوالب Dreamweaver
عندما يتم حفظ صفحة HTML كقالب، يُنشئ Dreamweaver مجلد قوالب في المستوى الجذري لمجلد الجذر المحلي وينشئ ملف .dwt يصبح المصدر لجميع الصفحات التي يتم تطبيقها عليه.في كل مرة يتم تطبيق صفحة HTML على قالب، (ملف > جديد من القالب أو تعديل > القالب > تطبيق القالب على الصفحة) ينشئ رابطاً نسبياً إلى جذر الموقع لملف .dwt.السبب في أن هذا الرابط النسبي للموقع سيربط بشكل صحيح دائماً هو أن ملف .dwt سيكون دائماً في مجلد القوالب في المستوى الجذري لهيكل مجلد الموقع.إذا تم نقل ملف .dwt من مجلد القوالب، أو إذا تم نقل مجلد القوالب أو إعادة تسميته، فسيتعطل الرابط.من المهم جداً الاحتفاظ بملف .dwt في مجلد القوالب حيث ينشئه Dreamweaver.لتجنب الالتباس، من الممارسات الجيدة عدم حفظ عناصر أخرى من موقعك (ملفات Image Source أو مستندات HTML) داخل مجلد القوالب.

كيف ترتبط الصفحات بملفات القوالب؟
عندما يتم تطبيق ملف على صفحة موجودة أو إنشاء صفحة جديدة من قالب، يتم إدراج الكود التالي في المصدر:

<!-- #BeginTemplate "/Templates/templateName.dwt" -->

لعرض كود مصدر HTML الذي ينشئه Dreamweaver، اختر Window > HTML.

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

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

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

إذا كنت ترغب في أن تكون قادراً على معاينة صفحاتك في المتصفح محلياً، قبل تحميل الملفات إلى خادم بعيد، فيجب أن تكون الروابط نسبية للمستند.كلاً من متصفحي Internet Explorer وNetscape ليس لديهما طريقة لفهم مجلد الجذر المحلي الذي تم تعريفه (كما يفعل Dreamweaver) لذلك يمكنه فقط اتباع مسار نسبي للمستند الذي يعرضه حالياً.نظراً لأن معظم المستخدمين يفضلون عرض صفحاتهم محلياً في المتصفح قبل تحميلها، فإن Dreamweaver يستخدم بشكل افتراضي الروابط النسبية للمستند عند ربط أي ملف أو إدراج صورة.إذا لم يتم حفظ الملف قبل محاولة إدراج صورة أو رابط إلى صفحة HTML أخرى، فلن يكون لدى Dreamweaver مرجع لموقع الصفحة الحالية، وبالتالي سيُنشئ مساراً يبدو شيئاً مثل:

file:///HardDrive/Desktop Folder/localRootFolder/subfolder/subfolder/images/content.htm

أو

file:///C:/Desktop/localRootFolder/subfolder/subfolder/images/content.htm

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

يقدم الرسم البياني أدناه شرحاً مرئياً للفرق بين المسار النسبي للمستند والمسار النسبي لجذر الموقع.في المثال أدناه، تحتوي الصفحة bio.htm على رسم يسمى logo.jpg مدرج بداخلها باستخدام خيارات مسار بديلة.

المسارات النسبية للمستند في القالب

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

إليك مثال على الطريقة التي قد يعدل بها Dreamweaver مسارك النسبي للمستند:

لا يقوم Dreamweaver بتعديل المسارات النسبية لجذر الموقع أو المطلقة (http://) من القالب إلى الصفحات المطبقة على القالب، لأنه ليس من الضروري مراجعتها.

مسارات نسبية للمستند في الصفحات المُطبقة على القالب

إدراج الصور والروابط داخل المنطقة القابلة للتحرير في صفحة مرفقة بقالب يعمل بنفس الطريقة تماماً كإدراج الصور أو الروابط في صفحة غير مرفقة بقالب. إذا اتبعت إجراء تحديد File > New from Template، ثم File > Save (اختيار موقع داخل مجلد الجذر المحلي) قبل إنشاء أي روابط لصفحات أو صور أخرى، فسيقوم Dreamweaver افتراضياً بتعيين المسار نسبياً للمستند في مربعي حوار Select HTML Page أو Select Image Source. طالما لم يتم تغيير القائمة المنبثقة "Relative To" يدوياً لتحديد Site Root، فستكون الصور والروابط متاحة عند معاينة عملك في المتصفح محلياً.

مسارات نسبية لجذر الموقع في القالب

عند العمل على ملف قالب لإنشاء روابط لصفحات أخرى أو للرجوع إلى مصدر صورة للرسومات، تتيح لك القائمة المنبثقة في مربعي حوار Select HTML File و Select Image Source الاختيار بين المسار النسبي للمستند والمسار النسبي لجذر الموقع.كما هو موضح في المخطط أعلاه، يؤدي تحديد Site Root إلى إنشاء مسار من مجلد الجذر المحلي مباشرة إلى الملف المحدد، بشكل مستقل عن ملف .dwt المفتوح حالياً في Dreamweaver. قد يكون استخدام الروابط النسبية لجذر الموقع مفيداً عندما يكون المحتوى في بنية دليل الموقع عرضة للانتقال داخل مجلد الجذر المحلي، لأن الرابط سيبقى سليماً حتى لو تم نقل الملفات من موقعها الأصلي.

لا يقوم Dreamweaver بتعديل المسارات النسبية لجذر الموقع أو المطلقة (http://) من القالب إلى الصفحات المُطبقة على القالب، لأنه ليس من الضروري مراجعتها. موقع المستند (سواء كان ملف .dwt أو ملف HTML مرفق بالقالب) غير مهم للمسار النسبي لجذر الموقع.

مسارات نسبية لجذر الموقع في الصفحات المُطبقة على القالب
يمكن أن يكون استخدام روابط نسبية لجذر الموقع مفيداً إذا كان الموقع معقداً، أو يتضمن فريقاً من المطورين يعملون معاً، أو له بنية دليل موقع ستخضع للمراجعة بانتظام.لإنشاء رابط نسبي للموقع، قم بتحديد Site Root من القائمة المنبثقة بجوار الكلمات "Relative To" الموجودة في مربعي الحوار Select Image Source و Select HTML File.

نظراً لأن المسار المُنشأ سيبدأ من مجلد الجذر المحلي، عبر أي عدد من المجلدات الفرعية، وينتهي في النهاية عند الصفحة أو الصورة المرتبطة بها، يُمنح المطورون مرونة نقل الصفحات أو الأصول مجلداً فرعياً واحداً أو أكثر لأعلى في بنية دليل الموقع دون كسر الروابط.على سبيل المثال، في المخطط أعلاه، إذا تم نقل ملف logo.jpg من مجلد images إلى مجلد features وكان الرابط رابطاً نسبياً لجذر الموقع، فلن يواجه المتصفح أي مشكلة في تحديد موقع الرسم.إذا كان المسار رابطاً نسبياً للمستند، يجب أن يبقى كل من ملفي logo.jpg و bio.htm في بنية المجلد التي كانا فيها عندما تم إنشاء المسار النسبي للمستند.نقل أي من الملفين بعد إنشاء المسار سيؤدي إلى مسار مكسور.

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

الأولى هي رفع (Put) الملفات على الخادم البعيد، ثم استخدام متصفحك للانتقال إلى الصفحة عن طريق كتابة المسار المطلق في حقل محدد موقع URL. باستخدام هذه الطريقة، سيتم عرض الصفحات تماماً كما سيراها الآخرون على الويب.لإجراء مراجعات على الصفحات، افتح النسخة المحلية من الملفات، وأجرِ التغييرات، واحفظ صفحات HTML، واتصل بخادم FTP و"ضع" الملفات الجديدة على الخادم البعيد.ستقوم الملفات التي تحمل نفس الاسم في نفس المجلد بالكتابة فوق الإصدارات الأقدم من الملف الموجود على الخادم البعيد.

الطريقة الثانية لمعاينة الروابط النسبية للموقع في المتصفح هي باستخدام خادم ويب شخصي.في نظام Windows فقط، يمكن ضبط هذا الخيار عبر الانتقال إلى Dreamweaver باستخدام File > Preview in Browser > Edit Browser List وتحديد Preview Using Local Server.سيسمح ضبط هذا الخيار لـ Dreamweaver بمعاينة المستندات باستخدام خادم ويب شخصي.

ملاحظة: بالنسبة لـ Macintosh، يتم ضبط خادم الويب الشخصي على مستوى النظام.اطلع على وثائق النظام للحصول على مساعدة إضافية.