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

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

تحياتي

شكرا لك كثيرا

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

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

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

ما شاء الله

الله يوفقك

ايش مصادر التعليم الي تعتمد عليها

مع اني لست الشخص الذي سألته لكني أنصحك ب افضل مدرسة تعليم الكتروني عربية elzero Web school

رابط المدرسة :

شكرا لك علي الرد كفيت ووفيت

انا اتعلم منه حاليا

جيد ، هناك تقدم

رائع بس حاول في الاشياء الي فيها hover اضف اليها curseur:pointer حتى تتكتمل الجمالية

تابع فانت تتقدم بشكل كبير

كان من الأفضل أن تقول (أن تكتب في هذه الحالة)

بعد التوفيق من الله ثم مساعدتكم لي في التعلم

رائع اخي كبداية

شكل جميل و كل شيء تمام

فقط كما نصحك الأخ لا تضع عرض محدد

لانه الشاشات تختلف وهذا كا سيجعل موقعك غير واضح في العديد من الشاشات

انصحكك باستخدام media queries لتحديد style كل حجم من الشاشات

يمكنك فهم ذلك من هنا

وبالتوفيق لك

جيد

أنصحك باستعمال بوتستراب