عالم التصميم والبرمجة عالم التصميم والبرمجة
random

آخر الأخبار

تصميم المواقع الإلكترونية | تصميم قالب متجاوب من الصفر ب html و cssتصميم مواقع الويب | كيفية عمل سلايدشو احترافي متوافق على موقعكدليلك من أجل عمل إحترافي في تصميم المواقعإنشاء تطبيقات الهاتف والربح منها بدون برمجةتصميم قالب بلوجر احترافي متوافق مع كل الأجهزة بالبوتسترابحماية موقعك | كيفية حماية التدوينات من السرقةحل مشكلة استبدال رابط التغذية data-vocabulary.org في بلوجرالتسويق الالكتروني | أفضل طرق التسويق والربح من استضافات المواقعشرح إضافة MixItUp وتغيير الأقسام بدون إعادة تحميل الصفحةكيف تتخلص من الروابط الخارجية المضرة لموقعك الباك لينكات السبامتصميم مواقع الويب | دورة أساسيات لغة css للمبتدئين ( الجزء الأخير | CSS3)تصميم مواقع الويب | دورة أساسيات لغة css للمبتدئين ( Inheritance, Cascade and Specifity)تصميم مواقع الويب | دورة أساسيات لغة css للمبتدئين ( الدرس 19 | Reset Vs Normalize ) تصميم مواقع الويب | دورة أساسيات لغة css للمبتدئين ( الدرس 18 | Media Types ) تصميم مواقع الويب | دورة أساسيات لغة css للمبتدئين ( الجزء الثاني )تصميم مواقع الويب | دورة أساسيات لغة css للمبتدئين ( الجزء الأول )أساسيات لغة HTML | نهاية الدورةأساسيات لغة HTML الدرس 16 | تقسيم الصفحةأساسيات لغة HTML (تتمة) | Forms الحقولأساسيات لغة html (تتمة) | إنشاء الجداول
تصميم المواقع الإلكترونية | تصميم قالب متجاوب من الصفر ب html و cssتصميم مواقع الويب | كيفية عمل سلايدشو احترافي متوافق على موقعكدليلك من أجل عمل إحترافي في تصميم المواقعإنشاء تطبيقات الهاتف والربح منها بدون برمجةتصميم قالب بلوجر احترافي متوافق مع كل الأجهزة بالبوتسترابحماية موقعك | كيفية حماية التدوينات من السرقةحل مشكلة استبدال رابط التغذية data-vocabulary.org في بلوجرالتسويق الالكتروني | أفضل طرق التسويق والربح من استضافات المواقعشرح إضافة MixItUp وتغيير الأقسام بدون إعادة تحميل الصفحةكيف تتخلص من الروابط الخارجية المضرة لموقعك الباك لينكات السبامتصميم مواقع الويب | دورة أساسيات لغة css للمبتدئين ( الجزء الأخير | CSS3)تصميم مواقع الويب | دورة أساسيات لغة css للمبتدئين ( Inheritance, Cascade and Specifity)تصميم مواقع الويب | دورة أساسيات لغة css للمبتدئين ( الدرس 19 | Reset Vs Normalize ) تصميم مواقع الويب | دورة أساسيات لغة css للمبتدئين ( الدرس 18 | Media Types ) تصميم مواقع الويب | دورة أساسيات لغة css للمبتدئين ( الجزء الثاني )تصميم مواقع الويب | دورة أساسيات لغة css للمبتدئين ( الجزء الأول )أساسيات لغة HTML | نهاية الدورةأساسيات لغة HTML الدرس 16 | تقسيم الصفحةأساسيات لغة HTML (تتمة) | Forms الحقولأساسيات لغة html (تتمة) | إنشاء الجداول
جاري التحميل ...

تصميم المواقع | المستوى الأول




بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته


تصميم قالب بسيط


نعود إليكم من جديد اليوم بدرس جديد هو أول دروسنا التطبيقية فيما يخص ما تعلمناه في دروس الأساسيات .

سنتعلم اليوم كيف نصمم قالبا بسيطا للمقالات ، لن يكون احترافيا ومتوافقا مع الشاشات لكنه جيد كبداية في المستوى الأول ، يمكنك التدريب عليه ثم تصميم قالبك الخاص على نفس المنوال والإبداع في ذلك يرجع إليك.


  

هذا هو الشكل النهائي الذي سنصل إليه في نهاية الدرس ، وفي الدروس القادمة سنهتم أكثر بالجمالية وتناسق الألوان والتوافق .

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

رابط تحميل ملفات الدرس

 إلى اللقاء في دروس قادمة إن شاء الله تعالى ، ودمتم في رعاية الله وحفظه.


عن الكاتب

Abdellah Yassine

التعليقات


اتصل بنا

إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

جميع الحقوق محفوظة

عالم التصميم والبرمجة

2025