12

اسبوعي الثاني من التعلم الذاتي وهذه النتيجة

  • Abdulbasit

السلام عليكم

بعد التوفيق من الله ثم مساعدتكم لي في التعلم الحمدلله استطعت ان اصمم موقع لي بال HTML & CSS فقط .

قبل اسبوع قمت بطرح اول مشروع صغير في هذا المجتمع وسالت عن بعض النصائح والتي افادتني كثيرا في التعلم.

هذا الموقع الثاني لي في مسيرتي واتمني من الجميع طرح انتقاداتهم واراءهم حول الموقع وما يجب ان اركز عليه في الاونة القادمة .

طرحي للمواضيع في هذا المجتمع بكثرة هي لانني وجدت من يساعدني ويدلني الي الطريق الصحيح لذا تقبلوني واعزروني ان ازعجتكم .

تحياتي


وعليكم السلام، أرجو أن تتقبل بعض التصحيحات


في ال hr الموجودة في ال main إذا أردت أن يكون في الوسط إستعمل

margin: 0 auto;

وفي زر الإشتراك أيضا إستخدم

margin: 50px auto;
display: block;

‏وفي ال contact أزل

height: 500px;

وأيضا في ال cono أزل

height: 400px;

وفي ال email-div أضف

    text-align: center;

وفي ال contact_form و submit_button أزل

margin-left: 450px;

و

margin: 10px 0 0 130px;

وفي ال foot أزل

height: 50px;

  • أنصحك بأن لا تستعمل ال height محدد لأن قياسات الشاشات تختلف فقد يكون الموقع عندك واضحا ولاكن عندي هناك نصوص مختفية بسبب ال height وعندما تريد إبعاد عنصر عن آخر إستخدم

    margin: 15px;

  • وأيضا ال margin إذا أردت إستخدامه لتوسيط المحتولى ضعه هكذا

    margin: 10px auto; display: block; أو ضع فقط

    text-align: center;

في ال div الحامل ولا تستخدمهما معا

  • عنصر ال section لا يستخدم كعنصر إبن

بل يستخدم كعنصر ضام لعناصر جزئية article

  • لتقسيم الصفحة لا تستخدم ال div بل

1.header

رأس الصفحة

2.nav

شريط الأزرار

3.aside

شريط جانبي

4.section

قسم

5.article

عنصر يستخدم داخل ال section

6.footer

ذيل الصفحة


تحياتي لك بالتوفيق

الاخ الكريم افادك اضيفف شيئ صغير وهو انك ترتب استعمالات col grid

في bootstrap لان هناك فراغ ابيض على اليمين يخلي الصفحة غير مكتملة اما الاخ شرح كل شيئ جزاه الله خيرا

اخي العزيز لم انتقل الي البوتستراب بعد فقط استعملت ال Css

لكن ان شاء الله بعد ان اتقن الترتيب جيدا سانتقل اليه

تحياتي

شكرا لك كثيرا

هذا ما اردت معرفته ساعدتني كثيرا في معرفة ترتيب العناصر والاستخدامات

الحمدلله طبقت عليها والنتيجة جيدة

حفظك الله ورعاك