بمجرد تحديد هيكل موقع الويب الخاص بنا وتطوير DOM بطريقة دقيقة ، من المهم تحديد أنماطها ، فهي أيضًا المنطقة الأكثر إبداعًا والتي يمكنك تخصيصها بأعلى درجة من الدقة إلى الزاوية الأخيرة من موقع الويب الخاص بك. أوراق الأنماط المتتالية هي الحل الأنسب ، ولكن بالنسبة لأولئك الذين يقومون بأول غزوة في عالم تطوير الويب ، هناك بعض النصائح التي يجب أخذها في الاعتبار لتحقيق أفضل النتائج.
للحصول على نتيجة احترافية نموذجية لواجهة أمامية مكرسة ، من الضروري مراعاة بعض الجوانب مثل الترتيب وسهولة القراءة وتصحيح الأخطاء الأكثر شيوعًا ضمن هذا النوع من الممارسة. أشارك أدناه خمس نصائح أساسي جدًا ولكنه في نفس الوقت مهم جدًا للعلاج والتكوين الأمثل لأوراق أنماط CSS الخاصة بنا.
تأكد من إنشاء ترتيب وهيكل فعالين في أوراق أنماط CSS3
أقوم دائمًا بتقسيم أوراق الأنماط الخاصة بي بترتيب هرمي. في المقام الأول ، عادةً ما أقوم بتطبيق المحددات العامة ثم تابع لإضافة تصريحات محددات html وأخيراً انتقل إلى العمل داخل معرّفات الحاويات والعناصر الثانوية. أساسا الأرض اتبع منطق DOM والبدء من الوالدين إلى الأبناء. ومع ذلك ، يمكننا أيضًا اتباع صيغة أو ترتيب آخر ، على سبيل المثال يمكننا تجميع المحددات والإعلانات مع مراعاة وظيفتها. سيعتمد كل شيء على ماهية تفضيلاتنا وكيف نشعر براحة أكبر في العمل.
اختر أسماء واضحة وموجزة لكل من محدداتك
هناك شيء مهم للغاية يجب أن تأخذ في الاعتبار ، وهو أن CSS3 يختلف في استخدام الأحرف الكبيرة والصغيرة ، لذا فإن كتابة كلمة بحرف كبير يمكن أن تعني شيئًا مختلفًا ويمكن أن تسبب أخطاء. أسهل شيء هو استخدام الأحرف الصغيرة دائمًا لتجنب هذا النوع من المشاكل. حاول ايضا اختر أسماء لفئاتك ومعرفاتك التي يمكن التعرف عليها بوضوح وأنهم لا يستدلون بنا على شك أو أخطاء.
لا تنس إضافة تعليقات توضيحية
بالتأكيد تحتاج إلى مشاركة ملفاتك مع أشخاص آخرين ، ربما عميلك أو زملائك في فريق عملك مثل مصممي التخطيط أو المصممين أو المطورين الآخرين. لهذا السبب ، من المهم للغاية الانتباه إلى الهيكل وضمان تشطيب نظيف ومنظم. ستساعد التعليقات التوضيحية أي شخص في الوصول إلى ورقة الأنماط الخاصة بنا لإيجاد طريقه سريعًا في لمحة. أي نوع من الملاحظة يجب أن يؤخذ بعين الاعتبار يجب أن يظهر كمحتوى. تذكر أنه يمكنك تضمين المحتوى في كل من ملف Html الخاص بك وفي ملف CSS الخاص بك وأنه في كلتا الحالتين ، فإنهما عبارة عن تعليقات لن تنعكس منطقيًا في النتيجة النهائية وستكون مرئية فقط عند الوصول إلى الكود المصدري الخاص بهما حتى يمكن أن تكون مفيدة للغاية.
قم دائمًا بتطبيق إعادة تعيين في أوراق الأنماط الخاصة بك
يحتوي كل متصفح على ورقة الأنماط الافتراضية الخاصة به ، لذلك لتجنب أي أخطاء أو تغييرات اعتمادًا على المتصفح الذي يتم عرض صفحتنا فيه ، فمن المفيد جدًا والموصى به أن إعادة تعيين أوراق الأنماط الخاصة بك. هناك عدة بدائل ، يمكن أن تكون ورقة أنماط إعادة تعيين Eric Meyer خيارًا جيدًا للغاية.
اختر الأداة الأكثر فعالية
هناك العديد من الأدوات التي يمكنك استخدامها لتكون فعالة قدر الإمكان عند العمل على تصميم موقع الويب الخاص بك. من إنشاء Wireframes إلى تطوير بنية موقعك ، بالإضافة إلى جميع أنواع التطبيقات بما في ذلك Adobe Photoshop أو Illustrator أو Fireworks. لديك أيضًا العديد من المحررين المحترفين كونهم من أكثر المحررين الموصى بهم (على الأقل الذي أستخدمه) Sublime Text أو ، إذا تعذر ذلك ، Adobe Dreamweaver نظرًا لأنها توفر واجهات بسيطة للغاية مع درجات عالية من الشخصية بالإضافة إلى إمكانية العمل مع أكوادنا من خلال نظام من الاختصارات ونظام الإكمال التلقائي الذي سيساعدنا في توفير أكثر من 70٪ من الوقت الذي قد نستخدمه مع محرر للنص العادي التقليدي.
شكرًا على النصائح ، أنا متحمس للتصميم ويتم استقبال جميع النصائح بشكل جيد. يستمر في التقدم.
بفضل!