هده الصفحة هي ثالث صفحة أنشأتها
يمكنكم معاينتها من هنا
هل هده الصفحة جيدة ؟ html & css
رغم أني لست متخصّصًا إلّا أنّ الصفحة شدّت انتباهي بمجرّد رؤيتها.
أزرار home وما جنبها تبدو كبيرة "بعض الشيء".
عاينت الصفحة لكنها لم تكن منسّقة بنفس الشكل الموجود في صورتك.
الصفحه بها مشاكل على الشاشات الكبيره
سبب المشاكل بانك تستعمل
position: absolute;
وتقوم بتحديد قيمه x ,y على مقاسات المتصفح في جهازك
لا أرجوك مازال في بداية تعلمه ,يجب أن يحل هذه المشكل بإستعمال ال css و ال html فقط
أنت تقوم بتشتيته
بالعكس اخي بوتسراب سهل جد
التشتيت لن يكون من بوتسراب بل من الذين يقولن له ان يتعلم flex وmedia بهذا الوقت انا صاحب قوالب على ثيم فوريست و للان لم افكر في تعلم خواص ال flex
هل قمت بالاطلاع على الكود المصدري للصفحه الخاصه به
كانها عباره عن طبقات مرتبه (اقرب لصوره تم تصميمها على فوتوشوب)
التسنيق لديك يعتمد على ازاحه العناصر من مختلف الاتجاهات لهذا يصبح هنالك اخطاء في الاجهزه الاخرى
تجد العديد من الدروس في يويتيوب
هو عباره عن فريم ورك يختصر عليك كتابه اكواد css وتنسيق الصفحه بشكل عام
إسمع حاول أن تحل المشكل فقط بال css سهلة جدا
ستتعلم مهارة البحث عن الحلول .لا تمر للbootstrap إلا بعد أن تتقن ال html و ال css
لتصلح المشكل يجب عليك تعلم طرق جعل العناصر تتوسط الصفحة ، بعد ذلك تعلم ال @media في ال css بإمكانك بإستخدامها أن تجعل الصفحة متجاوبة مع كافة الأجهزة.
ما زالت نفس المشكله موجوده على جهازي
لتحسين تصميم على جميع الاجهزه يجب عليك جمع التصميم في تاج معي مثلا div وتسميها wrapper ويكون التنسيق الخاص بها
.wrapper{
width:1200px;
margin:0 auto;
}
margin:0 auto; تعني الازاحه من الاعلى والاسفل 0 ومن يمين واليسار اوتماتيكي مم يجعل المحتوى في منتصف اي شاشه
وانصحك بعدم استعمال absolute في كل مكان
والتركيز على حجم معين قبل الانتقال الي الريسبونسف
جميل عمل موفق ولكن هناك بعض الأمور التي ربما عليك ان تتعلمها قبل ان تبدء ببناء صفحات كهذه.
فمثلا لجعل العناصر في منتصف الصفحة.
.home {
width: 50%;
margin: 0 auto;
}
ولجعل القائمة و عناصر الواجهة متساويين بجانب بعضهم ربما عليك ان تقرأ اكثر عن flexbox
أحسنت ، لكن قبل أن ينتقل إلى ال flexbox عليه أن يتقن مختلف طرق توسيط العناصر في الصفحة .
ذاك الزر في الوسط أسود والخلفية شبه سوداء وهذه مشكلة فيحتاج الزر أن يبرز قليلا جرب جعله ابيضا مثلا...
وكذلك قائمة الأزرار فوق يمينا تحتاج لمحاذاة أفضل وتغيرا طفيفا يجعلها أجمل
ومالذي سيجعلني ألمسه ؟ :) فهذا ماقصدته فالزر المهم في الصفحة يجب أن يكون بارزا من البداية وملفتا
تصميم جيدا كـ بداية لك ...بالنسبة لموضوع الريسبونسيف او بوتستراب لا تشغل عقلك به حاليا ..سوف تصل له بعد الانتهاء من الخطوات السابقه مثل html5 ,css3, js ..الموضوع يحتاج وصبر وعمل
انصحك باتباع مسار الاستاذ اسامة محمد واذا كنت لا تعرفه هذا رابط
elzero.org/learning-paths
من يريد النجاح عليه تسلق السلم درجة درجة
التعليقات