
تصميم الموقع الإلكتروني - من الصفر - عملي
تصميم الموقع الإلكتروني
يجب اتباع خطوات محددة وعملية عند إنشاء موقع إلكتروني تتكون هذه العملية من خطوات متسلسلة تبدأ من تصميم الموقع الإلكتروني وصولاً الى بنائه ونشره على شبكة الأنترنت .
تصميم الموقع الإلكتروني :
في هذه المرحلة ستضع تصميم المخطط صفحة إلكترونية والتي ستحتوي على ثلاثة أجزاء مختلفة هي :
تجميع النص
يتم استخدام وسم التقسيم <div> في لغة HTML لإنشاء أقسام للمحتوى في الصفحة الإلكترونية مثل (النص، الصور، الرأس، التذييل، شريط التنقل، إلى آخره)
يعمل وسم التقسيم < div > كحاوية يمكنك وضع أكثر من عنصر HTML داخلها، وهذا مفيد جداً في تطبيق أنماط CSS على المجموعة كلها
تخطيط الصفحات
تستخدم خاصية id وخاصية class مع وسم التقسيم < div > لتعديل نمط CSS بسهولة. يتم استخدام خاصية class مع HTML لتطبيق التنسيق نفسه على عناصر الفئة class وبــهذا فإن العناصر التي لها نفس خاصية class لها نفس الشكل والنمط
أنشئ تخطيطاً للعناصر التي ستستخدمها لتطبيق خاصيتي div و class عليها. ستحتوي صفحتك على أربعة أقسام رئيسة:
Menu - Main - Photos - Footer
لتحميل كود css المستخدم في الدرس :
لتحميل كود HTML المستخدم في الدرس :
لمعاينة ملف الجزء النظري في المتصفح :
لتحميل الجزء النظري للطباعة :
لمشاهدة الشرح عبر الفيديو عملياً :
الدروس الشائعة
02/02/2025
17/12/2024
30/11/2024
13/01/2025
18/11/2024
المراحل الدراسية
التعليقات (0)