إنشاء أوامر مخصصة
إحدى الميزات الأكثر فائدة في Dreamweaver هي لوحة المحفوظات. استنادًا إلى لوحة المحفوظات، يستطيع Dreamweaver إنشاء تسلسلات أوامر جديدة. لإنشاء أمر، ما عليك سوى تنفيذ الخطوات التي تريد تسجيلها. بعد ذلك، في لوحة السجل، حدد الخطوة التي تريد حفظها، وانقر فوق أيقونة "حفظ باسم" في الزاوية اليمنى السفلية، وقم بتسميتها، ثم انقر فوق "موافق". عند هذه النقطة، سيظهر الأمر المخصص الخاص بك في قائمة "الأوامر" ويمكن استخدامه حسب الرغبة.
يعدإنشاء كائنات مخصصة
"لوحة الكائنات" مفيدًا جدًا لإدراج العناصر بسرعة في الصفحة، مثل النماذج والإطارات وما إلى ذلك. لإنشاء كائن مخصص، قم أولاً بإنشاء ملف يحتوي على الكود الذي تريد إدراجه في المستند. على سبيل المثال، لإنشاء مربع أخبار لـ "CNET Builder.com"، قم أولاً بتنزيل هذا الرمز وحفظه باسم "newsletters.htm". وبعد ذلك، لإنشاء لوحة جديدة في نافذة الكائن، انتقل إلى "ConfigurationObjects" في Dreamweaver. دليل التثبيت. أنشئ مجلدًا ضمن المجلد، ويمكن تعيين الاسم كما تريد، على سبيل المثال، أطلق عليه "كائناتي". ضع الملف "newsletters.htm" في هذا الدليل. وفي الوقت نفسه، يلزم وجود ملف رمز لتمثيل الكائن الجديد. يمكنك إنشاء ملف رمز بنفسك، أو السماح لبرنامج Dreamweaver بإدراج رمز عادي. إذا قمت بإنشاء الأيقونة بنفسك، فيرجى التأكد من إنشاء ملف GIF مقاس 18 × 18 بكسل. احفظ ملف الرسومات في نفس الدليل بنفس اسم الكائن الجديد.
الآن، أعد تشغيل Dreamweaver أو اختر إعادة التحميل إلى الملحقات (اضغط على المفتاح Ctrl وانقر فوق القائمة المنبثقة لنافذة الكائن)، ويمكنك رؤية صفحة وظيفة جديدة في نافذة الكائن، ويكون الرمز هو الذي قمت بتعيينه. يمكنك سحب هذا الكائن الجديد إلى الصفحة تمامًا مثل أي كائن آخر.
إذا كنت معتادًا على Javascript، فيمكنك إنشاء كائنات أكثر تعقيدًا وامتدادات أخرى، مثل اللوحات العائمة والسلوكيات والمزيد. وبدلاً من ذلك، يمكنك ببساطة تنزيل الكائنات الجاهزة من Macromedia Exchange.
يتمتغيير حالة الماوس الخاصة بالعارض
عن طريق تحرير ورقة أنماط CSS. الطريقة المحددة هي: حدد "Text > CSS Style > Edit Style Sheet"، ستظهر نافذة تحرير ورقة الأنماط، وانقر فوق الزر "New" بداخلها. ثم حدد "إنشاء نمط مخصص"، وقم بتسمية ورقة الأنماط، ثم انقر فوق "موافق". قم بتحرير ورقة الأنماط، وحدد عنصر "التوسيع" الموجود على اليسار، ثم حدد تأثير المؤشر ليظهر في عنصر "المؤشر" الموجود على اليمين.
استخدم علامة ربط Dreamweaver لإنشاء رابط انتقال في الصفحة.
باستخدام "علامة الربط" الخاصة بـ Dreamweaver، يمكننا تحقيق هذه الوظيفة. الطريقة المحددة هي: حرك المؤشر إلى المكان الذي تريد الانتقال إليه، وحدد "Insert > Named Anchor" في القائمة، ثم أدخل اسم المرساة. بعد ذلك، أدخل "#bookmark name" في المربع المستهدف للارتباط حيث تريد استدعاء الارتباط، بحيث يكون رابط الانتقال داخل الصفحة جاهزًا. هنا، إذا قمنا بملء اسم صفحة الويب قبل اسم الرابط، فسوف ينتقل إلى الإشارات المرجعية في الصفحات الأخرى. على سبيل المثال، إذا أدخلنا "index.htm#top" في الرابط، فعندما ينقر المشاهد على هذا الرابط، فإنه سينتقل إلى نقطة الارتساء "العلوية" في صفحة الفهرس.
قم بإزالة الفجوة بين الصورة والجدول
للتأكد من عدم وجود فجوة بين الصورة والجدول، لا يكفي تعيين الحد إلى "0" في لوحة خصائص الجدول، بل تحتاج أيضًا إلى تعيين الاثنين يتم تعيين خصائص جوانب الخلية في لوحة خصائص الجدول على "0" (أي تباعد الخلايا = "0" وحشو الخلايا = "0").
استخدم صور التتبع للمساعدة في تحديد موضع كل عنصر في صفحة الويب.
يعد "تتبع الصور" ميزة فعالة للغاية في Dreamweaver، والتي تتيح للمستخدمين استخدام مسودة التصميم الرسومي الأصلي كخلفية مساعدة في صفحة الويب. وبهذه الطريقة، يمكن للمستخدمين بسهولة تحديد موقع النص والصور والجداول والطبقات وعناصر صفحة الويب الأخرى على الصفحة. الاستخدام المحدد لصور التتبع هو كما يلي: استخدم أولاً برامج رسم مختلفة لإنشاء مخطط تخطيطي لصفحة ويب خيالية، ثم احفظ هذا المخطط كتنسيق صورة شبكة (بما في ذلك gif وjpg وjpeg وpng). استخدم Dreamweaver لفتح صفحة الويب التي تقوم بتحريرها، وحدد "تعديل > خصائص الصفحة" في القائمة، ثم أدخل موقع نمط تخطيط صفحة الويب الذي قمت بإنشائه للتو في العنصر "تتبع الصورة" في مربع الحوار المنبثق . ثم قم بتعيين شفافية صورة التتبع في Image Transparency، حسنًا. وبهذه الطريقة، يمكنك بسهولة تحديد موضع كل عنصر من عناصر صفحة الويب في صفحة الويب الحالية. لن تعرض صفحات الويب التي تستخدم صور التتبع نمط الخلفية عند تحريرها باستخدام Dreamweaver، ولكن العكس هو الصحيح عند التصفح باستخدام المستعرض، تختفي صورة التتبع وما تراه هو صفحة الويب المعدلة (بالطبع يمكن أن يكون نمط الخلفية كذلك معروض).
حول "تحويل عرض الجدول إلى وحدات بكسل" و"تحويل عرض الجدول إلى نسبة مئوية"
يعد "تحويل عرض الجدول إلى وحدات بكسل" و"تحويل عرض الجدول إلى نسبة مئوية" وظيفتين مهمتين في Dreamweaver لتعيين عرض الجدول. عندما تفتح صفحة ويب تحتوي على جدول، حدد جدولاً، وسترى هذين الزرين في لوحة أدوات خصائص الجدول التي يتم عرضها لاحقًا. كما يوحي الاسم، فإن "تحويل عرض الجدول إلى وحدات البكسل" هو للتعبير عن عرض جميع الخلايا في الجدول بالبكسل، بينما "تحويل عرض الجدول إلى نسبة مئوية" هو للتعبير عن عرض جميع الخلايا في الجدول إلى نسب مئوية. فكر جيدًا في دورها. إذا تم التعبير عن عرض الجدول بالبكسل، فعند تكبير نافذة التصفح، لن يقوم الجدول بتكبير عرض الخلايا وفقًا لذلك. يسمح استخدام "تحويل عرض الجدول إلى وحدات البكسل" بجدول عريض بنسبة 100% تقوم بإنشائه بدقة "640×480" للاحتفاظ بعرض 100% بدقة أعلى. ولذلك، فإن الاستفادة الكاملة من هاتين الوظيفتين يمكن أن تجعل تخطيط صفحة الويب أكثر كفاءة.