الخطوة 3: بعد تحديد الصورة، قم بتنشيط لوحة السلوك من خلال أمر "Windows → Behaviors"، وانقر فوق الزر "+" وحدد عنصر "إظهار إخفاء الطبقات". حدد الطبقة التي تريد عرضها في النافذة المنبثقة، ثم انقر فوق الزر "إظهار" في الأسفل. بعد التأكيد، سيظهر حدث إضافي يسمى onMouseOver في لوحة السلوك. في هذا الوقت، انقر فوق الزر "+" وانقر لتحديد عنصر "OnMouseOver"، بحيث يمكن عرض الطبقة عند وضع الماوس على الصورة، أي يمكن أن تظهر تفسيرات نصية عائمة.
الخطوة 4: اتبع الخطوة 3 لإضافة حدث "إخفاء" إلى الطبقة الآن، وقم بتعيين السلوك على "OnMouseOut" بحيث يمكن إخفاء الطبقة عند إزالة الماوس.
بعد الانتهاء من العملية المذكورة أعلاه، اضغط على الزر "F12" لفتح متصفح IE للمعاينة. عندما يتحرك الماوس فوق الصورة، ستظهر الكلمات السريعة المعدة مسبقًا، وعندما يتحرك الماوس بعيدًا عن الصورة، سيتم عرض الكلمات تلقائيًا. مختفي.
تغيير حجم النوافذ تلقائيا ستقوم بعض صفحات الويب أيضًا بضبط حجم صفحة الويب عند تغيير حجم النافذة، لذلك، إذا كانت النافذة كبيرة جدًا، فلن تكون هناك مساحة فارغة، وإذا كانت النافذة صغيرة جدًا، فلن ينفد الشريط المتحرك من الحافة. بالنسبة لوظيفة الضبط التلقائي لحجم الصفحة، في Dreamweaver MX 2004، يمكنك الرجوع إلى الخطوات التالية لتحقيق ذلك بسهولة.
الخطوة الأولى هي إنشاء صفحة جديدة، ثم إدراج جدول به صف واحد وثلاثة أعمدة من خلال أمر "Insert → Table"، في هذا الوقت، يمكنك تجاهل عرضه والسماح له بالتمدد تلقائيًا ليناسب نافذة المتصفح الإعدادات التالية.
في الخطوة الثانية، يمكنك أن ترى أن عرض كل خلية محدد ويوجد مثلث صغير في الأسفل (الشكل 3). في هذا النموذج، يمكنك تحديد الجزء الذي يحتاج إلى الإصلاح، ولكن يمكن تمديد عمود واحد فقط تلقائيًا. على سبيل المثال، قمنا هنا بتعيين العمود الأخير ليتم تمديده تلقائيًا مع تغير حجم النافذة.
الشكل 03 الخطوة الثالثة هي تحديد العمود الأخير، وتشغيل الأمر "عرض → وضع الجدول → وضع التخطيط"، وتحديد عنصر "إنشاء عمود تلقائي" في القائمة المنبثقة (الشكل 4).
الشكل 04 في الخطوة الرابعة، سيظهر مربع حوار، وسيطالبك أنه من أجل توسيع الصفوف، يحتاج Dreamweaver إلى وضع بعض الصور المباعدة في أعمدة أخرى، حدد الخيار "إنشاء ملف صورة فاصلة" هنا، بحيث تظهر الصور لن يظهر في نافذة المتصفح، ولكنه يلعب دور الجدول الثابت.
بعد التأكيد في الخطوة 5، ارجع إلى نافذة التحرير الأصلية. يمكنك أن ترى أن العمود الأخير قد امتد تلقائيًا ليملأ نافذة المتصفح بأكملها، بينما يحتفظ العمودان الآخران بعرض ثابت.
تلميح: إذا قمت بتعيين عمود بحيث يتم تمديده تلقائيًا، يمكنك رؤية خط متموج في أعلى العمود.
بعد الانتهاء من العمليات المذكورة أعلاه، عند معاينة تأثير الصفحة في متصفح IE، إذا قمت بتغيير حجم النافذة، فسيتغير عرض العمود الأخير أيضًا، بينما سيبقى عرض العمودين الأولين دون تغيير، بحيث يمكن تعديل النافذة تلقائيًا لتصبح كبيرة أو صغيرة.
يقدم ما ورد أعلاه فقط بعض أساليب وظائف السلوك في Dreamweaver MX 2004. يمكن للمزيج المرن من السلوكيات والطبقات أيضًا تحقيق وظائف مثل الصور الديناميكية والطبقات القابلة للسحب وما إلى ذلك، مما يجعل صفحتك الرئيسية تبدو أكثر ثراءً!
