10 نصائح وحيل بسيطة ومفيدة لبرنامج Dreamweaver للمبتدئين

يعد Adobe Dreamweaver أداة قوية لمصممي الويب. يوفر Dreamweaver سطح تصميم مرئي ومحرر تعليمات برمجية لتطوير مواقع الويب. على الرغم من أنه يحتوي على إيجابيات وسلبيات ، إلا أن نطاقه الواسع من الميزات يسمح لك بإنشاء مواقع ويب بشكل فعال.

فيما يلي 10 نصائح وحيل بسيطة ولكنها مفيدة لبرنامج Dreamweaver للمبتدئين.

1. احذف فواصل الأسطر:

أثناء نسخ نص من مستند أو بريد إلكتروني أو ملف Word إلى Dreamweaver ، ينتهي بك الأمر بفواصل أسطر في نهاية الفقرات أو السطور. يشير حرف فصل الرابط <br> إلى نهاية السطور ، لذا فإن أي نص بعده سيتم عرضه على السطر الموجود أسفله. هذه الشخصيات غير مرئية ومن ثم يصعب إزالتها. على الرغم من أن Dreamweaver لا يميز عادةً هذه الأحرف ، إلا أنه يمكنك تغيير الإعدادات في قائمة التفضيلات لجعل البرنامج يعرض رمزًا أصفر صغيرًا يشير إلى فواصل الأسطر. بمجرد ظهور فواصل الأسطر ، يمكنك حذفها بسهولة.

2. تذكر تحديد موقع:

غالبًا ما يخلط الأشخاص بين العمل على Dreamweaver وبين العمل باستخدام مستند Word. ومع ذلك ، فإن تصميم موقع لا يتعلق ببناء ملف واحد ، بل يتعلق ببناء موقع به مجموعة من الملفات المترابطة مثل الصور وملفات JavaScript وصفحات الويب وملفات CSS. غالبًا ما ينسى المستخدمون الذين لا يفهمون هذا أهمية إنشاء موقع. يوفر Dreamweaver عملية إعداد موقع سهلة. يوفر معلومات حول موقع ملفات موقعك ويتيح لك تحديد إحدى أدوات إدارة Dreamweaver العديدة. تقوم هذه الأدوات بنقل ملفك إلى خادم الويب الخاص بك ، والتحقق من الروابط المعطلة ، وإنشاء موقع باستخدام القوالب.

3. قم بزيادة حجم خط التعليمات البرمجية الخاصة بك:

باستخدام ميزة Dreamweaver لضبط حجم الخط الخاص بك ، يمكنك زيادة حجم التعليمات البرمجية في بضع خطوات سهلة. لزيادة أحجام الخطوط الخاصة بك أولاً اختر Dreamweaver> Preferences ثم انقر فوق فئة Fonts بعد ذلك حدد الحجم الجديد وانقر فوق OK. سيساعدك هذا في جعل الشفرة سهلة القراءة ويمكنك العمل على تطوير موقع الويب الخاص بك لفترة طويلة من الوقت دون إجهاد عينيك.

4. أوقف تشغيل اختصار خلفية CSS:

إحدى ميزات CSS هي خاصية الخلفية. تتيح لك هذه الميزة إضافة لون أو صور إلى خلفيتك. تعمل خاصية اختزال الخلفية في Dreamweaver على تقصير الكود المكون من 3 أسطر إلى سطر واحد فقط يحدد خاصية الصورة واللون والتكرار. يمكن أن يسهل هذا بالتأكيد تحديد خصائص الخلفية ولكن إذا تركت خاصية واحدة في النسخة المختصرة ، فسيعامل متصفح الويب على أنه "لا شيء". على سبيل المثال ، أثناء تغيير الخلفيات إذا قمت بتحديد خاصية الصورة فقط ، سيقوم مستعرض الويب بإزالة اللون الموجود من الخلفية السابقة. وبالتالي ، من الأفضل إيقاف تشغيل اختصار خلفية CSS لتجنب هذه المشكلة.

5. نسخ الأنماط باستخدام CSS Designer:

باستخدام CSS Designer ، يمكنك تحسين الأنماط على صفحة الويب الخاصة بك بشكل مرئي. إذا كنت ترغب في استخدام المزيد من ميزات مصمم CSS ، فانقر بزر الماوس الأيمن فوق أي محدد لاستخدام عمليات النسخ أو التكرار. تتيح لك هذه الخيارات نسخ الأنماط من محدد إلى آخر. تتضمن هذه الأنماط الخلفية أو النص أو الرسوم المتحركة أو الحدود. إذا كنت ترغب في نسخ محدد بالكامل ، فاستخدم التكرار القياسي أو المكرر في أمر استعلام الوسائط لمنهج مستهدف. ستوفر لك هذه الاختصارات الكثير من الوقت وتحافظ أيضًا على التصميم المتسق.

6. إزالة شريط التنقل:

يأتي Adobe Dreamweaver CS5 مع شريط أدوات التنقل بالمستعرض. تم إنشاء شريط الأدوات هذا لاستخدامه مع خيار العرض المباشر لبرنامج Dreamweaver. يمكنك العثور على كلا الخيارين في نافذة المستند. يتم استخدام طريقة العرض Live لمشاهدة معاينة لصفحة الويب الخاصة بك. من خلال العرض المباشر ، يمكنك النقر فوق الارتباط والانتقال إلى صفحة معينة. يعرض شريط أدوات التنقل موقع الصفحة الجديدة ويسمح لك بالتنقل بين الصفحات بسهولة. يمكنك إخفاء شريط الأدوات هذا عندما لا يكون قيد الاستخدام عن طريق إلغاء تحديد خيار تنقل المتصفح في قسم العرض> أشرطة الأدوات.

7. إدارة ملفاتك:

توجد جميع الملفات في اللوحة Files عندما تقوم بإعداد موقع باستخدام Dreamweaver. يمكنك استخدام لوحة الملفات هذه للعديد من الوظائف مثل إعادة تسمية اسم الملف ونقله وتمييزه. ربما يكون هذا شائعًا وقد تعرف كل هذا ولكن صفحات الويب تختلف عن الملفات العادية. تحتوي صفحات الويب على صور وروابط لصفحات ويب أخرى وأنماط CSS من ملف ورقة أنماط خارجي. يمكن أن تؤدي إعادة تسمية صورة أو صفحة ويب أو ملف CSS بشكل طبيعي من خلال مستكشف Windows إلى روابط معطلة. بينما يسمح لك Dreamweaver بتحديث الروابط تلقائيًا إذا قمت بنقل ملف أو إعادة تسميته باستخدام لوحة الملفات. بهذه الطريقة لا توجد روابط معطلة.

8. اختيار محدد العلامات:

أثناء تطبيق نمط فئة CSS ، قد يكون من الصعب إضافة العلامة أو إزالتها بدقة. لتحديد خطوط دقيقة ، يكون محدد علامات Dreamweaver هو الأفضل. يتم وضع محدد العلامات في الجزء السفلي الأيسر من نافذة المستند. يعرض هذا المحدد جميع HTML والعلامات الأخرى الموجودة حول النص. يمكنك تحديد علامات محددة عن طريق النقر فوق علامة متوفرة في شريط محدد العلامات. تمثل العلامة المميزة أنه تم تحديد العلامة.

9. استخدم المقتطفات:

يوفر Dreamweaver المقتطفات التي تعتبر أجزاء أساسية من التعليمات البرمجية التي يمكن أن توفر الكثير من الوقت. تتم مزامنة المقتطفات عبر Creative Cloud مما يضمن توفرها على كل نظام. يمكنك تعيين الأكثر استخدامًا كاختصار لوحة المفاتيح. إذا كنت تريد تحرير الاختصارات ، فافتح تصميم اختصارات لوحة المفاتيح ونسخ المجموعة القياسية. بعد ذلك ، حدد فئة المقتطف أسفل قسم الأوامر لتحديد مفضلاتك. ستجد بعد ذلك قائمة بجميع المقتطفات المتاحة بما في ذلك المقتطفات التي تقوم بإنشائها. أصعب جزء هو معرفة مجموعات لوحة المفاتيح غير المستخدمة. لكن هذا يمكن حله باستخدام معدل.

10. ربط WordPress و Dreamweaver:

يشكل Dreamweaver و WordPress فريقًا رائعًا. يمكنك تصميم وتعديل صفحات WordPress باستخدام مجموعة أدوات الملف الديناميكي لبرنامج Dreamweaver. تتضمن مجموعة الأدوات هذه عوامل تصفية مخصصة وملفات مرتبطة ديناميكيًا وتلميحات تعليمات برمجية خاصة بالموقع. يتمثل الجزء الصعب في معرفة كيفية العمل مع صفحات الموقع الأخرى باستخدام Dreamweaver. يجب أن تبدأ أولاً بملف index.php الموجود في جذر موقع WordPress والتنقل من هناك. يمكنك إضافة مسار مباشرةً إلى عنوان الويب أو استخدام ميزة Dreamweaver للنقر فوق ارتباط. بعد عرض الصفحة ، يصبح CSS والأدوات الأخرى في Dreamweaver تحت سيطرتك.

يعد Adobe Dreamweaver رائعًا لإنشاء موقع ويب. إلى جانب الميزات الأساسية مثل إكمال الكود وانهيار الكود وإبراز بناء الجملة ، يأتي مع بعض الميزات المتقدمة مثل الاستبطان في الكود وفحص البنية في الوقت الفعلي. ستساعدك هذه النصائح المذكورة في إنشاء موقع الويب الخاص بك بشكل أكثر كفاءة. إذا كنت تبحث عن أدوات لإنشاء موقع ويب بدون الكثير من الترميز ، فراجع أدوات إنشاء مواقع الويب هذه.