20 نصيحة لإنشاء صفحات الويب باستخدام Dreamweaver
الكاتب:Eve Cole
وقت التحديث:2009-06-01 01:02:13
1) كيفية دمج Dreamweaver في متصفح IE؟
سيقوم برنامج تثبيت Dreamweaver بإضافة أمر "Edit with Dreamweaver" إلى قائمة السياق، ويمكننا أيضًا تعديل سجل Windows لدمجه مع IE. تمامًا مثل MS Word وFrontpage وNotepad، يتم استدعاء Dreamweaver لفتح صفحة الويب الحالية من خلال زر التحرير الموجود على شريط أدوات IE.
قم بتغيير السطر الأخير من النص التالي إلى مسار تثبيت Dreamweaver الخاص بك، واحفظه كملف *.reg، وانقر فوقه نقرًا مزدوجًا لإضافة المعلومات إلى السجل.
رجديت4
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]
@="C:ملفات البرنامجMacromediaDreamweaver 3dreamweaver.exe %1"
إذا كنت تريد تعيينه كمحرر افتراضي لـ IE، فافتح "خيارات الإنترنت" الخاصة بـ IE وحدده في علامة التبويب "البرنامج".
2) من أجل استخدام نصوص برمجية معينة، غالبًا ما يكون من الضروري إضافة روابط فارغة إلى الرسومات أو النص، ومع ذلك، عند النقر فوق كائن به رابط فارغ أثناء التصفح، فإنه سينتقل إلى أعلى الصفحة هذا؟
لأن المتصفح يعتقد أن الرابط هو لنفس الصفحة، لكنه لا يستطيع العثور على الإشارة المرجعية المحددة (المرسى)، لذلك يبقى في أعلى الصفحة. استبدل "#" الروابط الفارغة بـ "javascript:void(null)" لحل هذه المشكلة.
3) عند استخدام CSS والطبقات، تختلف التأثيرات في المتصفحات المختلفة، وأحيانًا يحدث اختلال في المحاذاة. كيفية حل هذه المشكلة؟
فيما يتعلق بالتوافق مع المتصفحات المختلفة، يقوم Dreamweaver بعمل جيد، ولكن هذا لا يعني أن صفحات الويب التي تم إنشاؤها باستخدام Dreamweaver ستكون هي نفسها تمامًا في IE وNetscape. في الظروف العادية، لا يمكن أن يكون مظهر صفحة الويب نفسها التي تتصفحها متصفحات مختلفة هو نفسه تمامًا، ويتم تحديد ذلك بواسطة متصفحات الشركات المصنعة المختلفة.
بشكل عام، حاول الانتباه إلى المشكلات التالية:
لا تخلط بين تخطيط الطبقة والجدول. إذا كانت هناك علاقة بين الأصل والفرع، مثل جدول في الطبقة، فهذا ليس ضمن نطاق هذا المبدأ؛
غالبًا ما يسبب CSS المضمن مشكلات في Netscape Navigator، استخدم التسلسل أو المضمن؛
في بعض الأحيان يكون من الضروري إدراج جداول أو صور شفافة في طبقة فارغة لضمان التأثير في Netscape Navigator. بالنسبة للطبقات التي يبلغ عرضها أو طولها بضعة بكسلات فقط، استخدم الصور بدلاً من ذلك؛
تجنب استخدام الخصائص المطبعية التي لا توصي بها منظمة W3C واستخدم CSS بدلاً من ذلك.
4) لماذا عند نسخ نص من مستندات أخرى إلى Dreamweaver، تتجمع جميع الفقرات معًا، وتوجد رموز تنسيق داخل Dreamweaver؟
هناك فئتان لنسخ النص ولصقه في Dreamweaver. الطريقة القياسية هي نسخ الكائن مع خصائصه واستخدام محتويات الحافظة كرمز HTML؛ والطريقة الأخرى هي نسخ النص أو لصقه فقط، وتجاهل تنسيق html عند النسخ و لصق ثم قم بلصق كود HTML كنص. اضغط على مفتاح "Shift" آخر (Ctrl+Shift+C/Ctrl+Shift+V) للعمل بالطريقة الأخيرة.
5) لماذا يمكن تصفح صفحة الويب بشكل طبيعي باستخدام IE، ولكنها لا تلبي المتطلبات أو حتى تحدث أخطاء عند استخدام Netscape Navigator، ولماذا لا يمكن تعديلها جيدًا في نافذة مستند Dreamweaver؟
يرجى التحقق من الرمز. نظرًا لأنك تستخدم محرر WYSIWYG لتعديل أجزاء معينة من الصفحة بشكل متكرر، فسيتم أحيانًا ترك بعض التعليمات البرمجية الزائدة، مثل الروابط المتكررة، ولا يمكن رؤية هذه الرموز في نافذة مستند Dreamweaver، وسيتجاهلها IE. ومع ذلك، فإن Netscape Navigator لديه متطلبات تعليمات برمجية أكثر صرامة، وتحدث ظواهر مذهلة أثناء المعاينة.
6) في Netscape Navigator، بعض الإشارات المرجعية (المثبتات) لا تعمل، ويبدو أن بعضها قد اختفى؟
الإشارات المرجعية لـ Netscape Navigator حساسة لحالة الأحرف. في Navigator، سيتم فقدان الإشارات المرجعية الموجودة في الجداول المتداخلة متعددة الطبقات. ضع الإشارات المرجعية خارج الجدول.
7) نافذة مستند Dreamweaver مليئة باللوحات المتنوعة، لكي أتمكن من تحرير المستند، يجب أن أفتح كل فجوة، وهذا أمر مرهق للغاية. ماذا علي أن أفعل؟
تعد الشاشة ذات الدقة 800X600 صغيرة جدًا بالفعل بالنسبة لـ Dreamweaver، ولكن حتى 1024X768 لا يمكن أن تناسب جميع اللوحات. والمفتاح هو أن تكون منظمة تنظيما جيدا.
إغلاق اللوحات التي لم يتم استخدامها بشكل مؤقت في التحرير، وقم بتجميع اللوحات شائعة الاستخدام معًا لتوفير مساحة الشاشة؛
ما لم تكن بحاجة إلى استخدامه الآن، قم بإغلاق "HTML Source Inspector". بالإضافة إلى أنه يشغل مساحة على الشاشة، فإنه يستهلك أيضًا موارد كبيرة للنظام؛
اضغط على F4 لإخفاء جميع اللوحات المفتوحة ورؤية المستند بأكمله، ثم اضغط عليه مرة أخرى لعرض اللوحات؛
يوجد أمر "ترتيب اللوحات العائمة" في قائمة "Windows". استخدم هذا الأمر لوضع كافة اللوحات المفتوحة حول النافذة دون تداخل بعضها مع بعض.
يعد استخدام مفاتيح الاختصار بشكل متكرر وإتقانها بكفاءة طريقة جيدة لتحسين كفاءة العمل.
عند إضافة كائنات غير مرئية، سيقوم Dreamweaver بإضافة الرمز المقابل في أعلى الصفحة في نافذة المستند، إذا كان هناك عدد كبير جدًا من الرموز، فقد يعيق التحرير. يمكنك إخفائها وإظهارها بالضغط على "Ctrl+Shift+I" (القائمة الرئيسية عرض|العناصر غير المرئية). يمكنك أيضًا ضبط هذه الرموز بحيث لا تظهر، لكن هذا غير مستحسن لأنها تساعد في تحديد الكائنات لتحريرها.
8) يمكن للوحة كائن الرأس إضافة محتوى فقط. هل يمكن تعديل محتوى علامة <head> في نافذة المستند؟
يستطيع. هناك طريقة بديهية للغاية، اضغط على "Ctrl+Shift+W" (عرض القائمة الرئيسية|محتوى الرأس)، وسيظهر صف من الرموز أسفل شريط القائمة الرئيسية لنافذة المستند، انقر فوق هذه الرموز لتعديلها.
9) كيف يتم تحديد صور صغيرة جدًا في الجداول والطبقات، مثل 1X1px؟
انقر داخل خلية جدول، ثم اضغط باستمرار على مفتاح "Shift" وحرك باستخدام مفاتيح الأسهم للتحديد.
يمكنك أيضًا تحديد خلية الجدول (اضغط على المفتاح Ctrl وانقر فوق الخلية المقابلة بالماوس) أو الطبقة أولاً، ثم حدد <img src="..."> في الكود المميز في لوحة "HTML Source Inspector" للعودة إلى نافذة المستند ويتم تحديد الصورة.
10) كيفية تعديل اسم (عنوان) نظام الإطار؟
اضغط على "Ctrl+F10" لفتح لوحة "الإطارات"، وانقر على الإطار الخارجي، ثم اضغط على "Ctrl+J" (القائمة الرئيسية تعديل|خصائص الصفحة).
11) كيفية تغيير الحدث الافتراضي "للسلوكيات"؟
يتم وضع ملف إعداد الحدث في المجلد "ConfigurationBehaviorsEvents" في دليل تثبيت Dreamweaver. على سبيل المثال، بالنسبة للمتصفحات ذات الإصدار 4.0 أو أعلى، افتح الملف "4.0 and Later Browsers.htm".
< A onClick = "*" onDblClick = "" onKeyDown = "" onKeyPress = "" onKeyUp = "" onMouseDown = "" onMouseOut = "" onMouseOver = "" onMouseUp = "">
انقل "*" في " onClick = "*" " إلى " onMouseOver = "" " وقم بتغييره إلى: < A onClick = "" onDblClick = "" onKeyDown = "" onKeyPress = "" onKeyUp = "" onMouseDown = " " onMouseOut = "" onMouseOver = "*" onMouseUp = "">
أعد تشغيل Dreamweaver، ويصبح الحدث الافتراضي من هذا النوع هو "onMouseOver". تشبيهات أخرى.
12) عند فتح صفحة، هل يمكن فتح نافذة صغيرة في نفس الوقت باستخدام Dreamweaver؟
نعم، دون كتابة سطر واحد من التعليمات البرمجية. استخدم البرنامج النصي "فتح نافذة المتصفح" المدمج في لوحة "السلوكيات" لتعيين الصفحة وحجم النافذة والخصائص. كما هو موضح في الصورة:
13) عند إدراج جدول، توجد دائمًا مسافة (< td> </td>) في خلية الجدول كيف يمكنني منع حدوث ذلك؟
يتم إنشاء هذا تلقائيًا بواسطة Dreamweaver، فلا تقم بحذفه. إذا لم يكن هناك أي شيء في خلية الجدول، فلن يقوم Netscape Navigator بعرض الخلية.
14) لا يمكن تحرير علامة <head> الخاصة بمستند القالب باستثناء موضوع صفحة الويب. كيف يمكنني إضافة سلوكيات إلى صفحة ويب بناءً على هذا القالب؟
استخدم لوحة "HTML Source Inspector" لإضافة علامة قابلة للتحرير قبل "</head>" لمستند القالب، كما يلي:
< !-- #BeginEditable "Javascript" -->
<لغة البرمجة = "جافا سكريبت">
</script>
< !-- #EndEditable -->
15) عند التعاون لتطوير موقع ويب وإدارته، باستخدام نظام التسجيل/الفحص الخاص بـ Dreamweaver، هل تتم إضافة أذونات وصول مختلفة إلى الملفات ذات الصلة بموقع الويب الموجودة على الخادم البعيد؟
يُعد تسجيل الوصول/المغادرة آلية إدارة يتم استخدامها داخليًا بواسطة Dreamweaver ولا علاقة لها بسمات الملف. "السحب" يعني أن الملف قيد الاستخدام بواسطتي ولا يمكن للآخرين تحريره؛ "التسجيل" يعني أنه يمكن للزملاء الآخرين سحب الملف وتحريره، وسيصبح الملف المحلي للقراءة فقط لمنعني من ذلك. تغييره.
يقوم Dreamweaver بتنفيذ وظيفة تسجيل الوصول/المغادرة عن طريق إنشاء ملفات ".lck" المقابلة على الخوادم المحلية والبعيدة. ولا يتم عرض هذه الملفات في نافذة "الموقع". ويمكن لبرنامج Dreamweaver قراءة هذه الملفات. لا تتم إضافة أي سمات إلى الملف. إذا كنت تستخدم أدوات ومحررات Ftp أخرى، فلا يزال بإمكانك فتحها.
16) عند إنشاء صفحة ويب، يطير الماوس، وغالبًا ما يغير حجم مجموعة الصور. هل يمكن تصحيح ذلك دون إعادة مشاهدة الصورة؟
إذا كان حجم الصورة غير متطابق، فستصبح قيمتها غامقة في لوحة الخصائص. اضغط على زر "تحديث" الموجود على اللوحة لاستعادتها إلى حجمها الحقيقي.
17) كيف يمكنني النقر فوق رابط وتغيير إطارات متعددة في نفس الوقت؟
الطريقة الأكثر مباشرة هي إنشاء نظام إطار للارتباط.
من الأسهل استخدام سلوك Dreamweaver "Go to URL". يعرض مربع الحوار جميع الإطارات، ما عليك سوى ملء الصفحة المقابلة في عمود "عنوان URL" أدناه.
18) أريد إضافة سلوك إلى النص، لكن العناصر الموجودة في لوحة السلوك كلها باهتة وغير قابلة للتحديد. ماذا علي أن أفعل؟
عندما واجهت هذا الموقف من قبل، عادةً ما أقوم بإدراج صورة بجوار النص وإضافة السلوك المطلوب إلى الصورة. ثم قم بتحرير الكود، وحركه فوق النص، وقم بإزالة الصورة.
الطريقة المذكورة أعلاه أكثر تعقيدًا والطريقة الملائمة هي ربط النص بـ "javascript:void(null)"، وسيتم الكشف عن هذه السلوكيات بأمانة.
19) عند وضع طبقة تستخدم السلوكيات في المكتبة، لا يسمح Dreamweaver بتتبع سلوكيات الطبقة، فماذا علي أن أفعل؟
استخدم القوالب.
20) يكون البرنامج النصي الذي يتحقق من مكون Flash الإضافي ويعيد التوجيه غير طبيعي في بعض الأحيان. هل هناك أي طريقة أخرى؟
عند إنشاء صفحات ويب Flash، اعتاد الأشخاص على استخدام سلوك "التحقق من المكون الإضافي" الخاص بـ Dreamweaver لإعادة التوجيه. ولكن في بعض الأحيان سيتم الإبلاغ بشكل غير صحيح، قائلًا إنه من الواضح أنه تم تثبيت المكون الإضافي، لكنه يقول أنه ليس كذلك. إليك طريقة قوية لإعادة التوجيه.
قم بإنشاء صفحة رئيسية جديدة كصفحة إعادة التوجيه. استخدم "إدراج تحديث" في لوحة كائن "الرأس" للتوجيه إلى صفحة ويب لا تستخدم تقنية Flash، كما هو موضح في الشكل. سيضيف الكود التالي إلى رأس الصفحة: < meta http-equiv="refresh" content="4;URL=noflash.htm">
قم بإنشاء فيديو Flash صغير آخر وأضف سلوك "Get url" في الإطار الأول للإشارة إلى صفحة تستخدم تقنية Flash. قم بتضمين هذا الفيديو القصير في صفحتك الرئيسية لأغراض الاستهداف.
ومن الواضح أن هذه الصفحة المعاد توجيهها موثوقة للغاية.