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

提供:
Coursera Project Network
このガイド付きプロジェクトでは、次のことを行います。

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

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

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

Clock1 hour
Intermediate中級
Cloudダウンロード不要
Video分割画面ビデオ
Comment Dotsアラビア語
Laptopデスクトップのみ

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

あなたが開発するスキル

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

ステップバイステップで学習します

ワークエリアを使用した分割画面で再生するビデオでは、講師がこれらの手順を説明します。

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

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

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

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

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

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

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

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

ガイド付きプロジェクトの仕組み

ワークスペースは、ブラウザに完全にロードされたクラウドデスクトップですので、ダウンロードは不要です

分割画面のビデオで、講師が手順ごとにガイドします

よくある質問

よくある質問

さらに質問がある場合は、受講者ヘルプセンターにアクセスしてください。