مع شهرة الإنترنت، لم يعد الكثير من الأشخاص يكتفون بتصفح الإنترنت فقط، بل يريدون المشاركة فيه بعمق. الآن، أصبح امتلاك موقع ويب خاص بك هو الاتجاه السائد. على الرغم من أنه ليس من الصعب إنشاء صفحة ويب بسيطة، إلا أنه ليس من السهل إنشاء موقع ويب استثنائي. لذلك، قمنا بإعداد سلسلة من البرامج التعليمية خصيصًا لك حول أحدث برامج تصميم مواقع الويب Dreamweaver MX 2004. ونأمل أن يكون ذلك ممكنًا. مفيدة لك.
عادةً ما يكون هناك عشرات أو حتى مئات الصفحات ذات الأنماط المتشابهة بشكل أساسي في موقع الويب، وسيكون من الصعب جدًا إعادة تعيين
بنية صفحة الويب وشريط التنقل والأيقونات المختلفة تحت نفس العمود في كل مرة
تعمل وظيفة قالب 2004 على تبسيط العمليات. في الواقع، تتمثل وظيفة القالب في فصل تخطيط صفحة الويب ومحتواها بعد تصميم التخطيط، ويتم تخزينه كقالب. وبهذه الطريقة، يمكن إنشاء صفحات بنفس التخطيط من خلال القالب يمكن أن تحسن بشكل كبير كفاءة العمل.
1. إنشاء قالب
إن إنشاء قالب هو نفسه تمامًا إنشاء صفحة عادية، باستثناء أنك لا تحتاج إلى إنشاء جميع أجزاء الصفحة، بل تحتاج فقط إلى إنشاء الأجزاء المشتركة لكل صفحة مثل شريط التنقل و شريط العنوان، واستخدم المنطقة الوسطى بالصفحة، وقم بملء المحتوى المحدد.
الخطوة 1: قم أولاً بتشغيل الأمر "File → New" في Dreamweaver MX 2004، ثم حدد خيار "Template page → HTML template" من النافذة الموضحة في الشكل 1، وانقر فوق الزر "Create" لإنشاء مستند قالب.
الخطوة 2: أدخل إطار صفحة الويب وشريط التنقل وعنوان الفلاش والعناصر الأخرى المشتركة بين جميع الصفحات في عرض تصميم الصفحة (الشكل 2)، ثم قم بتشغيل الأمر "ملف → حفظ" لحفظ القالب.
نصيحة: يمكنك أولاً تنزيل صفحة ويب تعجبك، ثم فتحها في Dreamweaver MX 2004، والاحتفاظ فقط بالإطار والعناصر الأخرى، ثم حفظها كقالب من خلال أمر "File → Save as Template"، الذي يمكنه حفظ ملف الكثير من الوقت في صنع القوالب.
لتجنب حدوث تغييرات في العناصر في القالب بسبب سوء التشغيل أثناء التحرير، لا يكون المحتوى الموجود في القالب قابلاً للتحرير بشكل افتراضي فقط بعد تعيين منطقة معينة أو نص معين على أنه قابل للتحرير، يمكن تغييره في المستند الذي تم إنشاؤه بواسطة هذا المجال. استخدم الماوس أولاً لتحديد منطقة (أي المنطقة ذات المحتوى المختلف في كل صفحة)، ثم قم بتشغيل الأمر "تعديل → قوالب → منطقة جديدة قابلة للتحرير"، وقم بتعيين اسم لهذه المنطقة في مربع الحوار المنبثق ، وبذلك تكون قد انتهيت من تحرير إعدادات المنطقة.
نصيحة: بعد تعيين منطقة التحرير، تحتاج إلى تشغيل الأمر "File → Save" لحفظ التغييرات.
2. استخدم القوالب
بعد أن يكون لديك قوالب، تحتاج إلى استخدامها عند تحرير صفحات الويب. طالما قمت بتشغيل الأمر "File → New" في النافذة الرئيسية لبرنامج Dreamweaver MX 2004، سترى النافذة الجديدة الموضحة في الشكل 1، ثم أدخل علامة التبويب "القوالب" لعرض القوالب المحفوظة، ويمكنك أيضًا التحديد واحد منهم على اليمين معاينة في منطقة المعاينة (الشكل 3)، وأخيرًا حدد القالب الذي تريده وانقر فوق الزر "إنشاء" في الأسفل لفتح هذا القالب.
في القالب المفتوح، سيتم تمييز المناطق التي لا يمكن تحريرها، ولكن بعض المواقع تكون مناطق مقفلة ولكن لا يتم تمييزها، ويرجع ذلك أساسًا إلى أن الصورة تغطي لون الخلفية فقط. في هذه الحالة، يمكنك تشغيل أمر "Edit → Preferences"، وتحديد عنصر "Highlighting" في قائمة "Category" للنافذة المنبثقة، ثم تحديد خيار "Show" بجوار "Locked المناطق" في القائمة المنطقة اليمنى (الشكل 4)، واضبط لون التمييز على اللون الأزرق، بحيث يمكنك تحديد المنطقة المقفلة في القالب بوضوح.
نصيحة: إذا كنت لا تزال غير قادر على رؤية تأثير التمييز، يمكنك أيضًا تحديد أمر "عرض → أدوات مساعدة مرئية → عناصر مرئية" بالتسلسل.
أخيرًا، نحتاج فقط إلى إضافة محتوى صفحة الويب في المنطقة القابلة للتحرير، مثل إضافة بعض الأوصاف النصية أو إدراج الصور المقابلة، وأخيرًا حفظ الصفحة من خلال أمر "File → Save".
3. تعديل واستبدال القوالب
بعد إنشاء عدة صفحات من خلال القوالب، إذا كنت بحاجة إلى تغيير الصفحات أو إضافة أعمدة، فسيكون تعديل جميع الصفحات يدويًا أمرًا مزعجًا للغاية، لذلك يمكننا حل هذه المشكلة من خلال وظيفة تعديل القالب دريمويفر ام اكس 2004. على سبيل المثال، بعد تعديل القالب، قم بتشغيل الأمر "File → Save" لحفظ القالب، في هذا الوقت، سينبثق مربع مطالبة يسألك عما إذا كان سيتم تحديث جميع الصفحات التي تستخدم القالب (الشكل 5). سيتم عرض الصفحة المحدثة العدد الإجمالي ووقت التحديث والمعلومات الأخرى.
بالإضافة إلى ذلك، يوفر Dreamweaver MX 2004 أيضًا وظيفة لتغيير قوالب صفحات الويب. إن تغيير القوالب يشبه إلى حد ما تغيير ملابس الأشخاص، ما عليك سوى إنشاء قوالب مختلفة ثم ارتداء ما تريد. ومع ذلك، لا يمكن استبدال القوالب بشكل عرضي. شروط استبدال القوالب هي أن الصفحة المراد استبدالها يجب أن يتم إنشاؤها من خلال قالب، ويجب أن يتطابق عدد واسم المناطق القابلة للتحرير في الصفحة مع عدد واسم المناطق القابلة للتحرير في الصفحة. القالب المراد استبداله متسق. على سبيل المثال، هناك ثلاث مناطق قابلة للتحرير في صفحة ويب، تسمى t1 وt2 وt3 على التوالي. يوجد أيضًا قالب بغض النظر عن بنية هذا القالب، طالما أنه يحتوي أيضًا على 3 مناطق قابلة للتحرير والأسماء هي t1 وt2 وt3، فيمكنك استخدامه لاستبدال صفحة الويب الأصلية بقالب جديد. ، ويمكن للمناطق الثلاثة القابلة للتحرير في الصفحة أن تظل محتوى منطقة التحرير وفقًا لذلك دون تغيير. الطريقة المحددة لاستبدال القوالب بسيطة جدًا أيضًا. ما عليك سوى تشغيل أمر "Windows →Templates" لفتح لوحة القالب، وفي هذا الوقت، يمكنك تحديد القالب المناسب من المنطقة العلوية، ثم النقر فوق "تطبيق على الصفحة". زر، بحيث يمكن إكمال عملية استبدال القالب بسرعة.
نصيحة: استخدم هذه الوظيفة لإنشاء إصدارات الصيف والشتاء من الصفحة الرئيسية لموقع الويب، مما يجعل تغيير القالب أمرًا سهلاً للغاية.
في الواقع، هناك الكثير من المحتوى ذي الصلة حول القوالب، ولكن نظرًا لضيق المساحة، لا يمكنني سوى اختيار بعض المقدمات، وآمل أن يتمكن الجميع من استخلاص استنتاجات من مثال واحد وفهم التفاصيل الدقيقة للقوالب بشكل كامل.