Responsive News Homepage Layout – Web 3.0 Concept

مشروع "واجهة أخبار متجاوبة" هو تصميم لصفحة رئيسية لموقع إخباري يعتمد على تقنية Web 3.0، ويعكس نموذجًا حقيقيًا لصفحة رئيسية متوازنة بصريًا. تم بناؤه بالكامل باستخدام HTML وCSS فقط، مع التركيز على التنسيق الشبكي باستخدام CSS Grid وFlexbox.

يحتوي التصميم على أقسام واضحة ومنظمة:

- شريط تنقل علوي يحتوي على روابط أساسية وقائمة جانبية للعرض على الشاشات الصغيرة.

- قسم رئيسي يعرض مقالة رئيسية بعنوان جريء وصورة تفاعلية تتغير بحسب حجم الشاشة (Responsive Image باستخدام `<picture>`).

- شريط جانبي (Aside)يعرض أحدث المقالات الجديدة بأسلوب جذاب باستخدام الألوان الداكنة والتباين العالي.

- قسم "Trending" يعرض 3 مقالات سريعة مع ترقيم واضح وصور صغيرة لتناسب الأجهزة المختلفة.

المشروع يهدف إلى :

- تصميم مواقع إخبارية تفاعلية

- استخدام CSS Grid وMedia Queries لتحقيق التكيف مع الشاشات.

- تجربة التنسيق البصري الحديث باستخدام ألوان مميزة وخطوط واضحة.

- تجربة بنية مرنة تدعم التوسع لاحقًا.

المهارات المستخدمة:

HTML5

CSS3

CSS Grid

Flexbox

Media Queries

Responsive Design

Typography and Layout Design