انطلاقًا من الوضع الحالي، يمكن القول أن الوظائف المضمنة في Dreamweaver أصبحت أكثر وفرة وغنية واكتمالًا. هنا أود أن أقدم لكم بعض النصائح التطبيقية في الإصدار 4.0.
1. جعل صفحات الويب أكثر مرونة
يسمي بعض مطوري الويب التقنية المقدمة أدناه سائلة، لكنني أسمي هذه التقنية هنا قابلة للتمدد (تقنية الامتداد المرن). هذه تقنية يمكنها ضبط حجم صفحة الويب عندما يتغير حجم نافذة متصفح الزائر، لذلك، إذا كانت النافذة كبيرة جدًا، فلن تكون هناك مساحة فارغة، وإذا كانت النافذة صغيرة جدًا، فسيتم تغيير حجمها لأعلى و لن يظهر الشريط المتحرك لأسفل على الحافة. في الواقع، ستقوم معظم صفحات الويب البسيطة بضبط حجم الصفحة تلقائيًا وفقًا لحجم نافذة المتصفح، ومع ذلك، إذا تم استخدام العديد من الإطارات والجداول المختلفة في صفحة الويب، فسيكون من الصعب ضبط حجم صفحة الويب تلقائيًا تعديلها بمرونة. عادةً ما يستخدم مصممو الويب مزيجًا من الإطارات ذات عرض الأعمدة الثابتة وصور GIF كفواصل زمنية لتصميم صفحات الويب، وبهذه الطريقة، سواء باستخدام Internet Explorer أو Mac، سيكون حجم الصفحة ثابتًا ولن يختفي. باستخدام Dreamweaver 4.0، يمكنك بسهولة تصميم صفحات الويب التي يتم ضبطها تلقائيًا بمرونة. كيف تفعل ذلك؟
افتح صفحة الويب باستخدام الأزرار الموجودة في لوحة الكائنات وانتقل إلى عرض التخطيط. في هذا الوقت، يمكنك رؤية عرض العمود لمربع النص. يوجد سهم منسدل صغير في منتصف المربع أعلى كل عمود، حدد السهم الصغير الموجود أعلى العمود الذي تريد تعيين العرض المرن له ثم حدد "جعل العمود مرنًا" للعرض (جعل العمود يمتد تلقائيًا). (ضبط الضبط التلقائي لعرض العمود بحيث يقتصر على عمود واحد) في هذا الوقت، سيظهر خط متموج أعلى مربع العمود بدلاً من الرقم الأصلي الذي يشير إلى عرض العمود. سيقوم Dreamweaver تلقائيًا بإنشاء ملف صورة فارغ ذي تخطيط ثابت ويتم تمثيل ملف الصورة الفارغ هذا بواسطة جدولين فارغين طويلين فوق الأعمدة. وبهذه الطريقة، سيتم ملء التخطيط تلقائيًا، وسيتم إكمال إعداد التخطيط المرن. (عند إضافة ملف صورة فارغ لأول مرة، سينبثق مربع حوار يسألك عما إذا كنت تريد استخدام ملف الصورة المضمن. للحصول على أفضل تأثير، أوصي بأن تسمح لبرنامج Dreamweaver بإنشاء ملف تلقائيًا، وإلا فلن تتمكن من ذلك لا تحتاج إلى استخدام ملف صورة فارغ لملء التخطيط.)
2. قم بإنشاء لوحة ألوان مخصصة.
تعد لوحة Assets الجديدة في Dreamweaver 4.0 أداة جديدة يمكنها إدارة الملفات وفقًا لأنواع الملفات، مثل الصور والقوالب وما إلى ذلك. .، عند تحرير موقع ويب عندما تقوم بتحديد موقع ويب جديد (حدد موقع · موقع جديد)، ستتم إضافة جميع أنواع المكونات تلقائيًا إلى المربعات المناسبة في لوحة الأصول. تحتوي لوحة الأصول الجديدة أيضًا على مربع ألوان في لوحة تحكم الخاصية، والذي يقوم بتخزين جميع الألوان المستخدمة في موقع الويب الخاص بك، بما في ذلك ألوان النص وألوان الخلفية وألوان الروابط. هذه لوحة ألوان موجهة إلى موقع الويب ومصممة خصيصًا للمستخدمين. ما عليك سوى تنشيط لوحة الأصول (حدد Window أولاً، ثم الأصول)، ثم حدد شريط التمرير الملون الصغير الموجود على اليسار، وسترى مجموعة متنوعة من خيارات الألوان لموقع الويب الخاص بك. بالطبع يمكنك سحب هذه الألوان إلى نص معين محدد. حتى عند تحديد لون، ستظهر القيمة السداسية العشرية للون والرمز المقابل ثلاثي الألوان (RGB) على الشاشة. إذا كنت ترغب في جعل شريط أدوات لوحة الألوان أصغر حجمًا، فيمكنك إضافة ألوان معينة فقط إلى المفضلة في لوحة الألوان. ما عليك سوى تحديد اللون المحدد، وتحديد زر يسمى "إضافة إلى المفضلة" في النافذة (الزر السفلي الأيمن)، وبذلك تكون قد انتهيت.
3. إنشاء
نظام التنقل بالقائمة المنبثقة في الأصل، كان إنشاء نظام التنقل بالقائمة المنبثقة يتطلب بعض مهارات بناء جملة JavaScript، ولكن إذا كان Dreamweaver/Fireworks Studio مثبتًا لديك، فيمكن القيام بذلك بسرعة. ابدأ أولاً في Fireworks، وحدد صورة، ثم حدد Insert·Pop-Up Menu في مربع الحوار Set Pop-Up Menu. يمكنك إدخال اسم العناصر وتحديد زر Plus لإضافة المشروع. يمكنك الاستمرار في إجراء الإعدادات التفصيلية في مربع الرسالة المنبثقة، مثل تعيين النص والروابط التي سيتم استخدامها للعنصر. وبالطبع، يمكنك أيضًا إضافة قوائم فرعية وإعادة ترتيب الإعدادات للمستوى التالي. عند الانتهاء، حدد التالي لمتابعة تعيين التفضيلات مثل الألوان والخطوط والمزيد. بعد اكتمال القائمة، يمكنك معاينة بناء جملة HTML ومعاينة الصورة. ثم حدد إنهاء. في هذا الوقت، عندما يتحرك الماوس إلى النمط الأصلي، ستظهر قائمة بمحتويات نظام القائمة. بعد ذلك، عندما تقوم بتصدير الملف الذي تم إنشاؤه، سيقوم Fireworks تلقائيًا بإنشاء جميع ملفات HTML وJavaScript وملفات الصور التي يحتاجها Dreamweaver.
4. اجعل ملف الصورة يتحرك!
إذا كان لديك Dreamweaver/Fireworks Studio مثبتًا في نفس الوقت، فسوف تندهش من المزيج المثالي بين هذين المنتجين. حتى لو لم تكن مصمم رسومات محترفًا، فلا تزال ترغب في تعديل بعض ملفات صور GIF لجعلها أكثر حيوية عند تصميم صفحات الويب. يسمح لك Dreamweaver بإنشاء رسوم متحركة دون سؤال أي شخص! حدد الصورة التي تريد تعديلها في النافذة القياسية، ثم حدد الزر "تحرير" في عارض الخصائص. إذا تم تضمين Fireworks مع تثبيت Dreamweaver، فإن Fireworks هو محرر الصور الافتراضي لـ Dreamweaver، وسيتم تحميل الصور تلقائيًا إلى Fireworks. (إذا نظرت بعناية، ستجد أن النص والرسومات مثل Editing From Dreamweaver ستظهر على شاشة Fireworks، مما يشير إلى أنه يمكنك تحرير الصور من Dreamweaver.) حسنًا، حدد الآن الصورة المراد تحريرها في Fireworks وحدد Modify· تحريك · تحريك التحديد. بعد ذلك، أكمل الإعدادات في مربع الحوار Animate، وحدد عدد الإطارات للرسوم المتحركة، واتجاه حركة الرسوم المتحركة، والشفافية، وما إلى ذلك. يمكنك أيضًا تحديد شريط أدوات الإطارات لتعيين سرعة الحركة، وتحديد لوحة الكائن لتغيير الإعدادات. لتصدير الملف، ما عليك سوى تحديد شريط أدوات التحسين وتحديد Animated GIF كنوع الملف. بعد الانتهاء، سيقوم Fireworks تلقائيًا بتصدير الصورة باستخدام الإعدادات المحسنة، وتحديث ملف صورة GIF تلقائيًا، وعرض ملف الصورة المحدث في Dreamweaver. حدد ملف · معاينة في المتصفح، بحيث يمكنك معاينة الصورة الجميلة التي قمت بإنشائها للتو في المتصفح!
5. اجعل الزر له تأثير وامض
في Dreamweaver، يمكنك إنشاء كائن زر Flash بتأثير وامض دون الحاجة إلى برنامج Flash. يحتوي الإصدار 4.0 على العديد من كائنات أزرار الفلاش المضمنة، والتي يمكنها إنشاء عدة أشكال مختلفة من الأزرار. حدد إدراج · صور تفاعلية · زر فلاش لمعرفة الأزرار المضمنة المتوفرة. يمكنك أيضًا استخدام الماوس للإشارة إلى نموذج الزر الذي تريد استخدامه في مربع الحوار، ثم مشاهدة كيفية عمله في المستعرض. استخدم مؤشر الماوس لتحديد نموذج الزر الذي تريد استخدامه، ثم أدخل المعلمات بالتسلسل، مثل النص والخط واللون والرابط وما إلى ذلك على الزر أو اسم ملف مخصص. اضغط موافق. بعد ذلك، سيتم إنشاء ملف SWF ووضعه تلقائيًا على صفحة الويب الخاصة بك. انقر فوق الملف المكتمل وسترى خصائص الملف معروضة في Property Inspector. عند عرض سمات الملف، إذا قمت بتوسيع قائمة سمات الملف، سيظهر زر تشغيل. بعد تحديده، يمكنك معاينة التأثير الوامض للزر دون فتح المتصفح.
6. إنشاء نص متدفق
تعد إضافة نص متدفق إلى صفحة ويب أمرًا سهلاً مثل إضافة زر Flash الذي قدمته للتو. وبالمثل، لا تحتاج إلى تثبيت Flash، ويمكنك القيام بذلك بسهولة باستخدام الميزات الجديدة التي يوفرها Dreamweaver 4.0. يمكن لمنشئي صفحات الويب الذين يستخدمون عادة بناء جملة HTML لكتابة صفحات الويب وليس لديهم خبرة في الوسائط التفاعلية، إنشاء نص متدفق مضغوط بسهولة في شكل Flash. ووفقا لماكروميديا، فإن 97% من مستخدمي الإنترنت يمكنهم عرض صفحات الويب بتأثيرات الفلاش، لذا يمكن لهذه الميزة الجديدة إضافة بعض التفاعل إلى التصفح وقراء صفحات الويب دون إضافة مشاكل التوافق. حدد إدراج · صور تفاعلية · نص فلاش، ثم املأ إعدادات التفضيل واحدًا تلو الآخر (مثل النص ونمط الخط ولون الخط وحجم الخط وما إلى ذلك الذي تريد تغيير التأثير).