10

ماذا اثناء تعلم الــ CSS ؟!

زياد عتمان

تعلمت الـ HTML والآن وصلت تقريبًا لنصف علم الـ CSS ولكنى لا اجد فكرة سهلة لابدأ بتطبيقها بما تعلمت ،اريد ان اطبق اثناء تعلم الـ CSS حتى لا انسى ما تعلمته ، بماذا تنصحونى ؟!

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

إذا طبق ما لديك في فكرك

لديك خياران، إما صنع صفحات HTML بسيطة إنطلاقا من تصميمات الغير، أو صنع أشكال ومحاكات

أتذكر عن بدايتي في التعلم كنت أطبق الأشياء التي أراها التي أراها، فبدأت بصناعة دوائر بcss ثم المثلثات، والأشكال، لاحقا صنعت متصفح كامل بواسطة CSS

خيالك هو وحده الذي يحدك، أفضل طريقة أجدها أنا للتعلم هي المحاكات فحسب، اذهب ل dribbble behance والمواقع المشابهة وقم بمحاكات التصميمات الموجودة فيه

أظنك تقصد واجهة متصفح ؟

نعم بالطبع،

بالأخرى، كنت أحتاج wire-frame لمحتوى ما، ولم أرد استخدام صورة، لذا صممت إطار متصفح (صندوق البحث وأزرار الغلق وtabs وما إلى ذلك) وتركت محتوى الوسط قابلا للاستعمال

خذ اي موقع وحاول تقلده، عندك Arabia I/O تصميمه بسيط حاول تعمل مثله

اعمل حاجة بسيطة مثلا تخيل انك لازم تعمل Menu لمحل وانك تنظم وتقسم صفحتك بال HTML من غير اى حاجة واعملها واتعلم ال CSS وضيفه عليها وبعد كده ال Javascript وبعد كده Jquery .. ربنا معاك :)

صديقي أبسط مثال يبدأ به كل متعلم لتصميم الإنترنت هو مدونة "بسيطة" عن نفسي بدأت هكذا .

اعطينى روابط افعل مثلها بـ HTML , CSS

نصحية من انا ما فعلته لكي احفظ HTML CSS ولا انسها

اول بعد تعلم الاساسيات قمت بتصميم قالب بلوجر بعد مشاهدة هذا الكورس

bit.ly/1mVBVlI

واصبحت اقوى في العمل

وبعدها اصبحت اصمم اشياء بسيطة واتدرب عليها والان اعمل على تصميم قالب بشكل قوي

واكثر شي افادني في تعلم وحفظ HTML CSS بشكل جيد هو اني قمت بعمل كورس لتعليم HTML

bit.ly/1mVC3S9

وايضا كورس لتعلم CSS

bit.ly/1v6T6FP

وبهذا اكون قد استفدت من امرين هو ان كسبت الاجر ودعم المحتوى العربي قليلا وترسخ في مخي HTML CSS وتعلمت اشياء لم اكن اعرفها لاني كنت اريد ان اشرح كل شي في الدورة

-اتمنا ان اكون قد افتك

قم بعمل تطبيقي

مثلا شكل المدونة العام

  • هيدر

  • قائمة أفقية

  • المحتوى

  • السايد بار به صورة و قائمة عمودية

  • فووتر مقسم الى 3 أقسام به روابط مواقع اجتماعية و صورة و قائمة عمودية

ملاحظات : لاتنسى استعمال padding و margin لكل جزء و حاول قدر المستطاع جعل الناتج بسيط و لا تستخدم ألوان كثيرة، 3 كحد أقصى

و السلام

أي شيء تراه قم بتقليده لكي تتمكن من html و css