تصميم الموقع الإلكترو...

تصميم الموقع الإلكتروني - من الصفر - عملي

تصميم الموقع الإلكتروني - من الصفر - عملي

29/01/2025 Computer And Technology

تصميم الموقع الإلكتروني

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

  1. التخطيط 
  2. التصميم 
  3. التنفيذ 
  4. النشر عبر الإنترنت 

 

تصميم الموقع الإلكتروني :

في هذه المرحلة ستضع تصميم المخطط صفحة إلكترونية والتي ستحتوي على ثلاثة أجزاء مختلفة هي :

  • رأس الصفحة ( Header ) ويشمل ترويسة رسومية وشريط التنقل .
  • المحتوى الرئيس ( Main content ) ويشمل المحتوى المتمثل في النصوص والصور وغيرها
  • التذييل ( Footer ) ويحتوي على روابط مفيدة .

 

تجميع النص

يتم استخدام وسم التقسيم <div> في لغة HTML لإنشاء أقسام للمحتوى في الصفحة الإلكترونية مثل (النص، الصور، الرأس، التذييل، شريط التنقل، إلى آخره)

 

يعمل وسم التقسيم < div > كحاوية يمكنك وضع أكثر من عنصر HTML داخلها، وهذا مفيد جداً في تطبيق أنماط CSS على المجموعة كلها

 

 

تخطيط الصفحات

تستخدم خاصية id وخاصية class مع وسم التقسيم < div > لتعديل نمط CSS بسهولة. يتم استخدام خاصية class مع HTML لتطبيق التنسيق نفسه على عناصر الفئة class وبــهذا فإن العناصر التي لها نفس خاصية class لها نفس الشكل والنمط

أنشئ تخطيطاً للعناصر التي ستستخدمها لتطبيق خاصيتي div و class عليها. ستحتوي صفحتك على أربعة أقسام رئيسة:

Menu - Main - Photos - Footer

 

لتحميل كود css المستخدم في الدرس : 

myCSSfile.css

لتحميل كود HTML المستخدم في الدرس :

index.html

لمعاينة ملف الجزء النظري في المتصفح : 

انقر هنا

لتحميل الجزء النظري للطباعة : 

انقر هنا

لمشاهدة الشرح عبر الفيديو عملياً : 

انقر هنا

 

 

 

 

التعليقات (0)
لا توجد تعليقات متاحة
تسجيل الدخول أو إنشاء حساب لترك التعليقات

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