Responsive Web Design - التصميم المتجاوب لمواقع الويب

提供方
Coursera Project Network
在此指導項目中,您將:

تصميم موقع باستخدام HTML وإضافة عدة عناصرللموقع كشريط التنقل

إضافة تنسيق للموقع باستخدام CSS وجعل التصميم يتجاوب عند تغيير حجم الشاشة

إضافة عناصر خارجية كخطوط وأيقونات جوجل

Clock1 hour
Intermediate中級
Cloud無需下載
Video分屏視頻
Comment Dots阿拉伯語(Arabic)
Laptop僅限桌面

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

您要培養的技能

  • HTML5
  • Cascading Style Sheets (CCS)
  • Web Design
  • تصميم المواقع
  • Responsive Web Design

分步進行學習

在與您的工作區一起在分屏中播放的視頻中,您的授課教師將指導您完成每個步驟:

  1. تحضير الهيكل الأساسي للموقع

  2. تنسيق ألوان الأقسام وتصميم شريط التنقل - Navbar

  3. تنسيق شريط التنقل والترويسة

  4. إضافة تصميم متجاوب لشريط التنقل والترويسة

  5. features تصميم قسم الخصائص

  6. pricing تصميم قسم الدورات

  7. تنسيق قسم الدورات وإضافة محتوى قسم التواصل

  8. تنسيق قسم التواصل وتصميم قسم التذييل

指導項目工作原理

您的工作空間就是瀏覽器中的雲桌面,無需下載

在分屏視頻中,您的授課教師會為您提供分步指導

常見問題

常見問題

還有其他問題嗎?請訪問 學生幫助中心