أبآ بتعلم الـCSS

كيف أبدأ تعلم css ؟




تعلم
css سيفتح لك عزيزي مطورة / مطور الويب، افاقا كثيرة، وستكون قادرا على
إيجاد فرص عمل سواء في شركة محلية (تعمل بالمعايير القياسية) او حتى بصفة
freelancer في المواقع الاجنبية وما أكثرها، وهناك لن تحتاج الى اكثر من
حساب paypal
قبل البدء بتعلم css يجب ان يكون واضحا أنها مهتمة بالتنسيق فقط، تغيير
الوان، خطوط، احجام .. الخ، اما بناء الصفحة، هيكل، نصوص، عناوين، صور ..
فستتكفل بها xhtml أو html، أيضا ل css استعمال واسع جدا، متصفح firefox
يستعمل css في themes الخاصة به، واي برنامج اخر اذا استعرضت ملفاته ستجد
أكواد css داخلها ..
الخطوة الأولى:
رغبة أكيدة في تعلم css وليس مجرد حماس مؤقت، الإيمان بأن عملية التعلم
ستأخذ بعض الوقت والجهد منك، وربما بعض التضحيات على حساب راحتك وأشياء
اخرى ..
بعض الاشخاص الذين اصادفهم يطرحون اسئلة غريبة، من قبيل، كم المدة اللازمة
لتعلم css ؟ وكأنهم يستعجلون الأمر سعيا وراء إيجاد فرص عمل .. وهذا أمر
مشروع لكن لا أعتقد انها بداية موفقة، فيجب ان تعطي وتبذل قبل ان تأخذ ..
الأدوات:
لن تحتاج الى اكثر من جهاز كومبوتر متواضع ونظام تشغيل: ubuntu, mac,
windows، العمل ب css لا يتطلب عتادا حديثا اونظام تشغيل معين او حتى محرر
ومتصفح معين .. يمكنك كتابة اكواد css في اي مكان وفي اي بيئة تريد ..
يمكن اختيار محرر مناسب واذا كنت تستعمل محررا معينا فلتبقي عليه، بصفة
عامة يفضل اختيار محرر يلون الاكواد ويرتبها .. أما فيما يتعلق بالمتصفح،
أكيد ستختار firefox 3.0 واقترح استعمال localhost مثل xampp كاضافة
كمالية لسهولة الوصول الى الملفات وتعديلها واستعراضها .. والا فانت حر في
استعراض ملفاتك في اي مكان من الجهاز ..
الخطوة الثانية اذن هي ان تحضر الادوات التي ستعمل بها، وعندما تريد
العمل ستكون الامور واضحة وجاهزة لديك، دون ارتباك او تضييع مزيد من الوقت
css:
كبداية، اقترح ان تكتب اكوادا بسيطة بنفسك، بدل قراءة مقالات طويلة وصعبة
.. طبعا من المفترض انه لديك خبيرة بسيطة حول الاوامر وحول tags وما شابه،
بمعنى انك تعرف فائدة h2, h3 .. اضافة فقرة ب p او صورة او رابط a, img ..
سنكتب اكوادا بسيطة في صفحة xhtml .. ثم تعديل الالوان والخطوط وما
شابه في ملف css، ولمعرفة كيف يتم الربط بين css و xhtml يمكن للرجوع
للمواقع الاجنبية او كتاب سردال .. يمكنك ادراج كود css في نفس الصفحة
لسهولة التعديل ورؤية ما تكتب:
<style type="text/css">
#class {

}
</style>



مثال لكود html:
<h5>step one!</h5>



كود css:
h5 {
color:#ccc;
}



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