اول تكويد لي بعد اسبوعين من تعلم الـ HTML & CSS | بحاجة الى انتقاداتكم ونصائحكم

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

مرحبا مجددا، ربما لم تجد تفاعلا، لكن أتمنى أنك وجدت جوابك

حسنا التصميم فيه بعض الهفوات، لنبدأ

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

في مكان Head أضف هذا السطر

<meta charset="UTF-8" />

أولا دخلت للملف لكي أرى كلمات بالعربية لكن جّل ما وجدته هو كلمات بلغة غير مفهومة إطلاقا ÇáÑÆíÓíÉ

سبب المشكلة هو المحرر الذي تستخدمه، أنصحك باستخدام محرر sublime text الذي سيعينك على الكثير

بالنسبة لعدم قدرتك على استخدام خط خارجي فالسبب يكمن في أنك لم تُدرجه بعد، لكي تدرجه عليك استخدام قاعدة @font-face والتي هي كالتالي

@font-face {
    font-family: 'GE SS Two';
    src: url('fonts/ge_ss_two_medium.ttf');
    font-weight: 400;
    font-style: normal;
}

وهي أن تحدد اسم الخط بواسطة font-family وتحدد مساره، ثم وزن الخط وشكله (مائل أو عادي)

ثم تستطيع استعمال خاصية font-family لتدرج الخط في العمل، ويفضل أن تكون هذه العبارة في أعلى الملف

التصميم لا يحتوي حشوا إطلاقا، ربما الخطأ الكبير الذي قمت به هو استعمال هذه

* {
        margin:0;
     padding:0;
}

ينصح بعدم استخدام هذا النوع من reset إطلاقا باستخدامك له تستطيع أن تلاحظ أن nav لا يحتوي على padding إطلاقا، الكلمة متراصة مع الجانب، وصندوق البحث input لا يحتوي على حشو إطلاقا لذا ابتعد عن هكذا reset واستعمل normalize.css فهو أفضل بكثير ويصلح الكثير من اختلافات المتصفحات،

لكن التصميم جيد كبداية، ستتعلم مع الوقت أساسيات التصميم وأهم العادات التي يجب أن تتبعها

وكأول نصيحة لك، لا تستعمل id أبدا في ملف css، ابقى دوما مع class

بالتوفيق

و عليكم السلام و رحمة الله و بركاته، معقوله أخي تعلمت HTML&CSS في أسبوعين؟ أي أن لغة كل أسبوع؟ ماشاء الله أستمر أستمر فلك مستقبل حقاً أعجبني التصميم جعلني أحتقر نفسي أفكر في البرمجة منذ شهور و لم أفعل شيء و أنت منذ أسبوعين و صنعت تصميم خيالي اُهنئك عليه

رغم اني اكره ال CSS لكن علي ان اعترف ان عملك رائع حقاً واعجبني جداً , اتمنى لك مزيداً من التوفيق والابداع صديقي :)

اشهد لك بالموهبة صديقي :)

بالنسبة للتصنيفات ( تقنية - تصميم - منوعات ) الناظر لها يظن ان ترتيب التصنيفات عمودي، لكن في الواقع انت رتبتها بشكل افقي واضفت كلاس article1 على اول عنصر حتى يصبح لونه متناسق مع لون التصنيف الذي اعلى وهكذا بالنسبة لباقي المواضيع، والخطأ الثاني الذي وقعت فيه ان المواضيع فرزتها على سطر سطر وكل سطر وضعته في div وداخله لسته ul وضعت فيها المواضيع، ايضا الخطأ الثالث انك جعلت لعناوين التصنيف div وللمحتوى div ايضا ً.

هذه الاخطاء راح ستظهر لك بشكل واضح اذا ربطت هذا التصميم بلغة برمجة في عملية التكرار Loop.

يجب ان تعمل كل تصنيف داخل div وداخله تضع العنوان وتضع ايضا لسته ul للمواضيع المتعلقة بهذا التصميم، مثال

The Title Here

Article 1

Article 2

Article 3

اعطيك 7 من 10.

بالتوفيق اخي الكريم

اخي الكريم ضع لنا رابط مباشر للمشاهدة

هل يمكنك أن تعيد التكويد و تصور فيديو للششة ؟