الإعلانات
قد لا يكون تصميم الويب أكثر المناطق التي يمكن الوصول إليها من قبل الجميع ، ولكن يمكن أن تكون CSS و HTML مفيدة للغاية ، وهما جزءان من الترميز وهما أمران سهلان حقًا. أعني تغيير لون الخط الذي تحتاجه لكتابة: "color: red" ، هل يصبح الأمر أسهل من ذلك؟
حسنًا ، في الواقع ، تزداد صعوبة الأمر ، لكن الأمر يستحق إلقاء نظرة ، حيث يمكنك تخصيص كل شيء من مدونتك إلى مستندات مستندات Google الخاصة بك مع القليل جدًا من معرفة CSS. دعنا نلقي نظرة على المكان الذي تتعلم فيه Css عبر الإنترنت مجانًا والحصول على دروس CSS للمبتدئين.
W3Schools
W3Schools موقع رائع. لديهم الكثير من البرامج التعليمية من HTML إلى PHP ويمكنك التأكد من أن كل شيء تقرأه يرقى إلى المعايير حيث أن W3C تتم صيانته على الموقع ، وهو مسؤول عن معايير الويب اليوم.
إن دروس CSS مفصلة للغاية وستأخذك خلال معظم ما تحتاج إلى معرفته ، ولكن نظرًا لذلك أكثر من صفحة فنية سترى أمثلة أقل من أي مكان آخر والأمثلة لديهم قليلا مقيدة.
إذا كنت تعرف بالفعل بعض CSS على الرغم من أن هذا مصدر مرجعي رائع.
تيزاج
لقد جئت عبر هذا الموقع كثيرًا عند البحث عن الأشياء وألقيت نظرة على دروس CSS الخاصة بهم ، والتي وجدت أنها منظمة بشكل أفضل قليلاً من W3School. المعلومات الأساسية هي نفسها ، ولكن إذا كنت مبتدئًا مطلقًا ، فقد ترغب في البدء هنا.
تيزاج في عيني أقل رسمية. يبدو لي أن أمثلةهم أقرب إلى الحياة الحقيقية والنبرة أكثر ودا. هناك أيضًا برامج تعليمية مفيدة حول العديد من اللغات الأخرى مثل HTML و MySQL ، لذلك إذا كنت تحب CSS bit يمكنك البقاء بنفس الجودة في اللغات الأخرى.
حديقة CSS Zen
يختلف هذا الموقع كثيرًا عن المواقع التعليمية التي ذكرتها من قبل. على حديقة CSS Zen يمكنك إخضاع معلوماتك للاختبار أو التعلم من الكود الذي كتبه الآخرون. الفكرة بأكملها هي أن هناك ملف HTML ثابتًا وغير قابل للتغيير ويجب عليك إنشاء مظهر منفصل له باستخدام CSS فقط.
يمكنك تحميل عملك وسيتم عرضه ، ويمكنك تنزيل ملفات الآخرين لإلقاء نظرة على كيفية قيامهم بذلك وذاك. هذا مفيد حقًا لأنني تعلمت بشكل أكبر بالقدوة أكثر من التعلم فعليًا. وينطبق الشيء نفسه على قوالب WordPress - إذا كنت تحب واحدًا ، فقم بتنزيله وألق نظرة خاطفة على style.css لترى كيف تتم الأمور.
تشغيل CSS [لم يعد متوفرًا]
CSS Play هو موقع ويب بين Zen Garden والمواقع التعليمية لأنه يعرض وظائف محددة في CSS ويسمح لك بعرض شفرة المصدر.
بدلاً من الحصول على صفحة كاملة أو موقع كامل ، يمكنك إلقاء نظرة على أمثلة قوائم القوائم ، وأمثلة العتامة ، والحلول المعينة لـ IE ، وما إلى ذلك.
إذا كنت بحاجة إلى وظيفة محددة وتريد التعرف ، فقد يكون هذا الموقع هو أفضل مكان للبدء. يحتوي على حصة عادلة من الإعلانات التي يمكن أن تشتت الانتباه قليلاً ، ولكن المعلومات هناك متينة ، وفي كثير من الأحيان يتم شرح الشفرة ، أو على الأقل الطريقة بشكل دقيق للغاية.
جوجل
هذا صحيح ، عجوز عادي بحث جوجل يمكن أن يكون رفيقًا رائعًا لتعلم CSS عبر الإنترنت وإيجاد دروس CSS للمبتدئين. بصرف النظر عن قدرتك على البحث عن الأشياء التي تحتاجها ، يمكنك أيضًا الاطلاع على كيفية عمل خصائص CSS محددة. ألا تعرف القيم التي يمكن أن يكون لها "تجاوز السعة"؟ فقط اكتب "css overflow" أو "css overflow property" وستخبرك النتيجة الأولى بما تحتاج إلى معرفته.
وينطبق نفس الشيء على جميع لغات البرمجة ، وأنا أستخدم هذا لـ PHP و MySQL أيضًا ، ولا أعتقد أن النتيجة الأولى قد أخفقتني حتى الآن.
ها أنت ذا ، لا مزيد من الأعذار ، حان الوقت لتعلم بعض CSS! يمكنك إضافة قوالب مستندات Google الخاصة بك ، وتعديل قوالب WordPress الخاصة بك ، والقيام بمزيد من ذلك ، CSS-ing سعيدة!