في الآونة الأخيرة، لأنني كنت مشغولاً بتصميم موقع ويب جديد، ظهرت المشكلات التي واجهتها من قبل مرة أخرى، ونسيت تقريبًا كيفية حلها. المشكلة الأكثر شيوعًا هي مشكلة إدراج مسافات في DW، لأنه عادةً ما يكون لدينا دائمًا مسافات بداية الفقرتين، ولكن في بعض الأحيان ستجد أنه بغض النظر عن كيفية الضغط على شريط المسافة على لوحة المفاتيح، فإنه ليس له أي تأثير، فكيف يمكن حل مشكلة المساحة في Dreamweaver بشكل جيد؟ في الواقع هناك العديد من الحلول، وسأشاركها معكم اليوم:
1. اصنع صورة شفافة صغيرة. مضمن في النص أو في بداية السطر. هذه الطريقة أكثر صعوبة في التنفيذ.
2. استخدم مسافات كاملة العرض. لماذا هذا الحل ممكن؟ لأن المساحات ذات العرض الكامل سهلة التنفيذ نسبيًا. على الرغم من أنه عبارة عن مسافة أيضًا، إلا أن كود HTML المقابل ليس رمزًا للمسافة. إنها تعليمات برمجية أخرى، لذا يعاملها Dreamweaver كحرف بدلاً من مسافة. حتى نتمكن من العيش في سلام. ولكن في المتصفحات التي لا تدعم مجموعات الأحرف الصينية، تبدو الأحرف مشوهة. طريقة التشغيل المحددة هي تحديد طريقة الإدخال الذكية ABC، ثم التبديل إلى حالة العرض الكامل، ثم كتابة مسافة وكل شيء على ما يرام!
3. استخدم المساحات الناعمة. أي اضغط على Ctrl+shift+spacebar حيث تريد إدراج مسافة. بالطبع، يمكنك أيضًا إدخالها. تتعرف جميع المتصفحات على مثل هذه المساحات. لكن العيب هو أنه لا يمكنك رؤية عدد المسافات التي تم إدراجها عند تحرير الصفحة، ولا يمكنك رؤيتها بوضوح إلا عند معاينتها في المتصفح. ليست بديهية بما فيه الكفاية. تستخدم المساحات الناعمة الكود بالفعل. إنها علامة فضاء بلا توقف. يمكن أن تولد مساحات ناعمة. في كل مرة تضغط فيها على Ctrl+shift+space، تقوم بإضافة رمز.
على الرغم من أن الكود بسيط، إلا أنه فعال جدًا أيضًا. عند إنشاء صفحة ويب، نعتمد على هذا الكود للمساعدة عندما نترك سطرًا أو عدة سطر فارغًا. يعرف الأصدقاء الذين تعلموا لغة HTML أن العلامة <p></p> تُستخدم لوضع علامة على الفقرة. إذا كتبت فقط <p></p>، فهل سينشئ هذا الرمز سطرًا فارغًا؟ هذا غير صالح. يجب عليك إضافة الكود ";" في العلامة <p>. <p> </p>سيكون لهذا النوع من التعليمات البرمجية تأثير سطر فارغ. هنا تلعب العلامة أيضًا دورًا في شغل المنصب. بالإضافة إلى ذلك، إذا كنت تستخدم Dreamweaver لإنشاء جدول، فستجده عندما تنظر إلى التعليمات البرمجية المصدر. تحتوي الصفحة الموجودة في تسمية الخلية <td> على هذه العلامة <td> </td>. إذا قمت بإزالة هذه العلامات، ستجد أن جميع الخلايا مزدحمة ببعضها البعض. من المستحيل ملء المحتوى على الإطلاق وعليك سحب الحدود.
يمكن تنفيذ أنماط أكثر جمالاً بسهولة من خلال التحكم في CSS، فلنخصص وقتًا لتلخيص مهارات استخدام CSS بعد الانتهاء.