كيفية استخدام القوالب في Dreamweaver
الكاتب:Eve Cole
وقت التحديث:2009-05-30 18:50:16
هناك وظيفة قوية جدًا في أداة تصميم الويب Dreamweaver (المشار إليها فيما يلي باسم DW، الإصدار الحالي الأعلى هو 4.02، والمثال في هذه المقالة هو الإصدار 4.0)، وهي القوالب!
إذن ما هو سحر القوالب؟ ما هي الخصائص التي لديها؟
باستخدام القوالب، يمكننا ترسيخ العناصر التي تظهر في كل صفحة من صفحات الموقع.
باستخدام القوالب لإنشاء صفحات الويب، يمكن أن يكون للموقع بأكمله نمط موحد.
وطالما تم تعديل القالب، يمكن تعديل كافة صفحات الويب التي تم تطبيق القالب عليها دون الحاجة إلى تعديل كل صفحة يدويًا. على سبيل المثال، عندما تحتاج إلى تغيير حقوق الطبع والنشر الخاصة بك، هل تحتاج إلى تعديل صفحة حقوق الطبع والنشر صفحة تلو الأخرى؟ ماذا لو كان هناك آلاف الصفحات؟ أعتقد أنك سوف تكون اثنين أو ثلاثة كبيرة في البداية. ولكن إذا كنت تستخدم القوالب، فلن تكون هناك مشكلة.
يوجد أدناه مثال أكثر شمولاً يمكن أن يساعدك بسرعة في إتقان استخدام القوالب.
1. تحرير الصفحة
افتح DW وأنشئ موقعًا جديدًا سنسميه "Spider Web".
قم بإنشاء صفحة فارغة جديدة كصفحة داخلية (عادةً ما يحتوي موقع الويب على صفحة رئيسية واحدة فقط، لذلك لا نحتاج إلى إنشاء قالب للصفحة الرئيسية) وقم بتسميتها body.htm.
قم بتحرير هذه الصفحة وأكملها كما هو موضح في الشكل 1.
الشكل 1، صفحة body.htm بعد اكتمال التحرير، انتبه إلى النقطة أ، والتي سيتم استخدامها كمنطقة قابلة للتحرير وسيتم ذكرها أدناه.
2. إنشاء القالب
بعد اكتمال التحرير، نحفظ هذه الصفحة كقالب (لاحظ أنه لا يتم حفظها كصفحة ويب htm عادية). يمكنك حفظه كقالب من خلال FileàSave As Template في DW. بعد تنفيذ هذا الأمر، ستظهر نافذة Save As Template، كما هو موضح في الشكل 2.
الشكل 2، نافذة حفظ كقالب.
في الشكل 2، B هو اختيار الموقع، نختار "Spider Web"، C هو اسم ملف القالب الذي نريد حفظه به، ونملأ النص. اضغط على حفظ في الزاوية اليمنى العليا للحفظ.
في هذا الوقت، نضغط على F8 لاستدعاء الموقع (مدير الموقع)، ويمكنك رؤية body.dwt في مجلد القوالب (عندما يكون هناك ملف قالب، سيقوم DW تلقائيًا بإنشاء مجلد القوالب، ويكون dwt هو نوع القالب ملف)
3. تحرير القالب
عند فتح ملف قالب body.dwt في الموقع، ستجد أنه لا يبدو مختلفًا عن صفحة body.htm، ولكنه في الواقع مختلف. لا يمكنك إضافة مناطق قابلة للتحرير في body.htm. لا يمكن إضافة المناطق القابلة للتحرير إلا في ملفات القالب.
من أجل السماح للجميع بفهم "المنطقة القابلة للتحرير" بشكل أفضل، نستخدم هذا القالب أولاً لإنشاء ملف html: انقر فوق FileàNew From Template، وستنبثق نافذة Select Template، وحدد النص في القوالب، ثم انقر فوق Select في الجزء العلوي الزاوية اليمنى لإنشاء ملف htm جديد. نقوم بإعادة تسمية هذه الصفحة الجديدة body2.htm. نستخدم الآن DW لفتح الملفين body.htm وbody2.htm ومقارنة الاختلافات. ستجد الكلمات "Template:body" مكتوبة في الزاوية اليمنى العليا من صفحة body2.htm. (يتم إنشاء هذه الصفحة من ملف قالب body.dwt) وفي الوقت نفسه، ستفاجأ عندما تجد أن ملف body2.htm لا يمكن تحريره (يمكن تحرير body.htm). بالمناسبة، هذا بسبب عدم تحديد "المنطقة القابلة للتحرير" في ملف قالب body.dwt، مما يجعل الصفحات التي تم إنشاؤها غير قابلة للتحرير. لذلك يتعين علينا إضافة منطقة قابلة للتحرير في ملف القالب. فيما يلي خطوات إضافة منطقة قابلة للتحرير:
1) افتح ملف قالب body.dwt ونأمل أن يكون من الممكن تحرير الجدول الأوسط (أي A في الشكل 1). ولكن في ملف body.dwt، وليس body.htm)، لذا أضف المنطقة القابلة للتحرير هنا.
2) ضع مؤشر الماوس في الجدول عند A، ثم انقر بزر الماوس الأيمن، وحدد منطقة جديدة قابلة للتحرير.... ستظهر نافذة منطقة جديدة قابلة للتحرير، وتطلب منك ملء اسم هذه المنطقة القابلة للتحرير (عادةً ما نقوم بذلك). أطلق عليها علامة المنطقة القابلة للتحرير). نقوم بملء المنطقة 01 وانقر فوق "موافق" لإغلاق هذه النافذة لإكمال تحرير علامة المنطقة الحالية القابلة للتحرير. في هذا الوقت، يمكنك رؤية العرض في الجدول كما هو موضح في الشكل 3.
الشكل 3، نافذة منطقة جديدة قابلة للتحرير.
لاحظ أن هناك منطقة قابلة للتحرير تحمل علامة Region01.
لقد قمنا حتى الآن بتحديد منطقة قابلة للتحرير، إذا كانت هناك مناطق تحرير متعددة، فيمكننا أن نفعل الشيء نفسه.
※يمكنك أيضًا إنشاء منطقة جديدة قابلة للتحرير من خلال ModifyàTemplatesàNew Editable Region.... إذا كنت تريد حذف المنطقة القابلة للتحرير، فيمكنك استخدام ModifyàTemplatesàRemove Editable Region...، ثم اتبع المطالبات.
4. قم بإنشاء الصفحات باستخدام القوالب
في الواقع، لقد ذكرنا من قبل أن خطوات إنشاء الصفحات باستخدام القوالب تكون من خلال FileàNew From Template. يرجى الرجوع إلى الخطوات ذات الصلة في الخطوة الثالثة. الآن نستخدم القالب لإنشاء صفحة باسم body3.htm. في هذا الوقت، ستجد أنه في صفحة body3.htm، باستثناء المنطقة القابلة للتحرير Region01، والتي يمكن تحريرها، فإن الماوس مقيد في مكان آخر. نضيف المحتوى الذي نحتاجه في هذه المنطقة القابلة للتحرير، على سبيل المثال، يمكننا كتابة مقال حسب الرغبة. بهذه الطريقة، يمكننا استخدام القوالب لإنشاء الصفحات وفقًا لاحتياجاتنا.
5. تعديل محتوى القالب وتحديث ملفات الموقع
افتح ملف قالب body.dwt وقم بتعديل المناطق التي نحتاج إلى تعديلها، على سبيل المثال، يمكننا استبدال صورة الشعار أو تعديل أي منطقة غير قابلة للتعديل، أو حتى إضافة أو حذف مناطق قابلة للتحرير، وما إلى ذلك.
يستخدم ما يلي تغيير الشعار لتوضيح كيفية تحديث القالب للملف.
نقوم بتغيير صورة الشعار إلى صورة أخرى نحبها، ونحفظ ملف body.dwt بعد الانتهاء. في هذا الوقت، ستظهر DW نافذة تسألك عما إذا كان الملف بحاجة إلى التحديث، وسيقوم DW تلقائيًا بتحديث جميع الصفحات الذي تم إنشاؤه باستخدام هذا القالب، سوف تنبثق DW نافذة تحديث الصفحات أثناء التحديث، وبعد الانتهاء، سيتم تقديم سجل التحديث في نافذة تحديث الصفحات.
※إذا لم يتم تحديد تحديث، فسوف يحتفظ DW مباشرة بملف القالب ولن يقوم بتحديث الصفحة مؤقتًا، ولكن يمكننا تحديث الصفحة يدويًا، ما عليك سوى تحديد ModifyàTemplatesàUpdate Pages....
في هذا الوقت نفتح أي صفحة تم إنشاؤها باستخدام body.dwt، مثل body3.htm. ستجد أن صورة الشعار قد تغيرت.
ليس من الصعب معرفة أنه باستخدام هذه الوظيفة، يمكننا بسهولة حل مشكلة تحديث الموقع. وظيفة القالب قوية جدًا. لا يمكن ذكر العديد من الوظائف بسبب مشكلات المساحة حاول المزيد حتى تتمكن من استخدامه بشكل كامل. تعرف على نمط قالب DW.
في DW، هناك أيضًا وظيفة تسمى المكتبة، والتي يمكن دمجها بشكل عضوي مع القوالب، مما يجعل القوالب أكثر قوة. إذا كان القراء مهتمين، فأنا على استعداد لتقديم هذه الهدية للجميع.