هذا مقال منذ زمن طويل. الآن يبدو أن الأفكار الموجودة فيه تستحق التعلم. أثناء تعلم الحالات في vevb.com ، سيكون تعلم بعض المعرفة النظرية مفيدًا للغاية لتحقيق طفلك في المعرفة. تعال ، الجميع!
منذ أن قرأت تحفة السيد Zeldman مع معايير الويب ، النسخة الصينية من "إعادة إنشاء موقع الويب" (الإصدار الثاني) ، لدي شعور عميق وعززت فكرتي في استخدام معايير الويب لتطوير وممارسة مشاريعنا. لكن لا يكفي مجرد معرفة ماهية معايير الويب وكيفية تطبيقها على المشاريع الفعلية. يجب تعلم كل مكون من مكونات الويب وتطبيقه واحدًا تلو الآخر وهزم واحد تلو الآخر لاكتشاف جوهرهم! بالنسبة لمصممي تطوير الويب مثلي ، أعتقد أننا سنكسب المزيد من خلال فهم هذا المبدأ وإجراء التعلم والممارسة المستهدفة ، كما أنه مساهمة في تطبيق معايير الويب في الصين! (هاها ، قد يكون هذا مفاخرة بعض الشيء ، لكنه في الواقع مثالي لمعظم ممارسي البرمجيات لدينا.)
الآن عصر Web2.0 وحتى 3.0 ، وعصر XHTML ، XML ، CSS ، ECMASCRIPT و DOM. على الرغم من أنها ليست التكنولوجيا النهائية ، إلا أنها تصبح حلًا معًا - نخطط لإنشاء موقع ويب متوافق مع الخلف وأيضًا الأساس التقني اللازم لصنع مواقع الويب التي تلبي معايير الويب. لا نريد فقط الحصول على المزيد من دعم المستخدم والوصول إليه ، ولكن أيضًا بناء مواقع ويب طويلة الأجل وجميلة لجذب انتباههم لفترة طويلة. أعتقد أن تعلم استخدام CSS لتحسين موقعنا هو وسيلة جيدة لجذب انتباههم واتجاه الموضة في عصر الويب 2.0. أدناه سأتحدث فقط عن التجربة التي اكتسبتها من تقنية CSS.
لتصبح خبيرًا في CSS ، فإنه بعيد عن ما يكفي ليكون ماهر في استخدام محددات CSS. ويتضمن أيضًا التخطيط العام للعمل ، وإتقان عمليات العمل ، وتحسين قابلية الصيانة وكفاءة أوراق الأنماط. يمكن أن يؤدي استخدام CSS إلى إنشاء موقع الويب الرائع الذي نريده ، وكتابة CSS من دواعي سروري في حد ذاته. فكيف يجب أن نخلق أوراق الأنماط أكثر جاذبية؟ ما هي الخصائص التي يجب أن تتمتع بها ورقة الأنماط؟ من خلال التعلم والجمع بين تجربتي في العمل ، قمت بتلخيص طريقة جيدة لصنع أوراق نمط جميلة.
1. لا تدع CSS لديها الكثير من العلاماتيبدو أن ربط أوراق الأنماط أو استيرادها مثل وظيفة جاهل. لقد رأيت العديد من تطورات موقع الويب مع مستندات CSS أنيق ومنظم جيدًا ، ولكن ببطء ، لأنها قد لا تكون قادرة على التحديث بسرعة على المدى القصير ، أو كسول للغاية ، وهذا يجعل أوراق الأناقة الرائعة التي تم إنشاؤها مسبقًا تصبح قمامة. إذا عملنا على موقع ويب ضخم يحتاج إلى نشر مئات المحتوى. نظرًا لأن الوقت محدود ، فأنت بحاجة إلى عش أو ترتيب CSS لإجراء تعديلات أو تحديثات سريعة. بمرور الوقت ، تستمر هذه العادة حتى يوم واحد يتم إخبارك بأن الموقع قد تم نقضه بالكامل وإعادة تصميمه (لكن المحتوى لا يزال كما هو) ولديك أسبوع فقط لإنشائه (بما في ذلك الاختبار). بشكل عام ، يعد تحديث أوراق الأنماط طريقة بسيطة للغاية. ما لم تقم بتعديل المناطق المبعثرة على الموقع لفترة طويلة ، لا يمكنك الحصول على فهم شامل لهيكل ورقة نمط الموقع.
ربط أو استيراد ورقة الأنماط ليس شيئًا عشوائيًا. قم بإنشاء ورقة أنماط نظيفة ومرتبة واستمر في ذلك وستكون أكثر سعادة للعمل. ملاحظة: إذا حاولت إنشاء ورقة أنماط جديدة في كل مرة تقوم فيها بالتحديث أو إضافة محتوى جديد ، فأنت بالتأكيد تطلب المتاعب. يمكن أن يجعل الكثير من أوراق الأنماط واستيرادها من الصعب للغاية التخلص من الحشرات ، مما يجعل من الصعب الحفاظ على أوراق الأنماط. من المفهوم أن مواقع الويب الكبيرة تنشئ أوراق نمط من أجزاء مختلفة بشكل منفصل. فقط احرص على عدم الذهاب إلى أقصى الحدود. ستضيف إضافة الكثير من أوراق الأنماط المزيد من طلبات HTTP ، والتي قد تؤثر أيضًا على العمل اللاحق.
2. التعريف الدلالي واضح وسهل الفهمبالإضافة إلى اختيار العناصر الأنسب والأكثر أهمية للتعبير عنها ، تحتاج أيضًا إلى تحديد اختيار قيم سمة الفئة والمعرف. يمكن أن يجعل التعريف الواضح الصيانة بسيطة وسيفهمها أعضاء المجموعة. انظر هذا التعريف:
.l10k {color: #369 ؛ } ، .left-blue {color: #369 ؛ } ، إذا تم ذلك ، فقد أعرف ما يعنيه ذلك ، لكنني قد لا أفهم ذلك إذا قارنت نفسي مع الآخرين. حتى لو كنت تعرف ما يعنيه اليوم ، هل يمكنك ضمان أنك ستظل تعرف ما يعنيه عدة سنوات؟ من الأفضل عدم إضافة أبعاد اللون أو الطول والعرض في سمات الفصل. مواصفات تسمية أكثر ملاءمة :. وصف العمل {color: #369 ؛ }
3. تعرف على متى تضيف تعليقات مشروطة وتقنيات التطبيقكتبت العديد من المقالات بعض النصائح حول حل المشكلات ، والشروح الشرطية هي وسيلة جيدة للتحكم في إصدارات IE. أوافق على أن التعليقات المشروطة أفضل بكثير من وضعها في وثائق CSS الخاصة بك ، لكنني بدأت ببطء في إدراك أن الكثير من الأدلة تظهر أن هذا ليس هو الحل الأفضل. أرغب في ضبط الحد الأدنى لارتفاعه في عنصر ما ، لكن متصفح IE6 لا ينفذه ، لذلك تعرف أن الارتفاع الذي يمكنك استخدامه سيعامل بنفس الطريقة. أعد إنشاء ورقة أنماط وإضافة تعليقات مشروطة إلى شعارك. كل احتياجاتك هي اتباع هذه القاعدة؟ حافظ على أدنى قواعد الارتفاع والارتفاع معًا ، واختر خدعة صغيرة في نفس مستند CSS ، هل سيكون أفضل؟ في هذه الحالة ، أعتقد أنه من الصعب العمل مع هذه الطريقة.
4. حاول استخدام أوراق النمط الخارجية لتطبيق CSS على صفحات الويبهل هو جيد؟ الجميع واضح تماما. بالطبع ، لا يمكن إنكار شيء واحد ، والذي يمكنه زيادة إعادة استخدام التعليمات البرمجية وتحسين تكوين ملفات موقع الويب.
حسنًا ، ما سبق هو بعض من آرائي الشخصية. أتمنى أن تعطيني جميعًا المزيد من الآراء. اقتراحاتك هي دافعي لتحدي الصعوبات! شكرًا!