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

Offert par
Dans ce Projet Guidé, vous :

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

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

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

1 hour
Intermédiaire
Aucun téléchargement requis
Vidéo en écran partagé
Arabe
Ordinateur de bureau uniquement

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

Les compétences que vous développerez

  • HTML5

  • Cascading Style Sheets (CCS)

  • Web Design

  • تصميم المواقع

  • Responsive Web Design

Apprendrez étape par étape

Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :

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

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

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

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

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

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

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

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

Comment fonctionnent les Projets Guidés

Votre espace de travail est un bureau cloud situé dans votre navigateur, aucun téléchargement n'est requis.

Votre enseignant(e) vous guide étape par étape dans une vidéo en écran partagé

Foire Aux Questions

En achetant un Projet Guidé, vous obtenez tout ce dont vous avez besoin pour terminer ce Projet Guidé, y compris l'accès à un espace de travail de bureau cloud, via votre navigateur web, qui contient les fichiers et les logiciels dont vous avez besoin pour commencer, ainsi que les instructions vidéo étape par étape d'un expert en la matière.

Comme votre espace de travail contient un bureau cloud dimensionné pour un ordinateur portable ou de bureau, les Projets Guidés ne sont pas disponibles sur votre appareil mobile.

Les enseignants des Projets Guidés sont des experts en la matière qui ont de l'expérience dans les compétences, les outils ou le domaine de leur projet et qui sont passionnés par le partage de leurs connaissances avec des millions d'étudiants dans le monde.

À partir du Projet Guidé, vous pouvez télécharger et conserver tout fichier que vous avez créé. Pour ce faire, vous pouvez utiliser la fonction « Navigateur de fichiers » pendant que vous accédez à votre bureau cloud.

Aucun remboursement n'est disponible pour les Projets Guidés. Consulter notre politique de remboursement complète.

Aucune aide financière n'est disponible pour les Projets Guidés.

L'audit n'est pas disponible pour les Projets Guidés.

En haut de la page, vous pouvez appuyer sur le niveau d'expérience de ce Projet Guidé pour afficher les connaissances requises. Pour chaque niveau de Projet Guidé, votre enseignant vous guidera étape par étape.

Oui, tout ce dont vous avez besoin pour terminer votre Projet Guidé sera présent sur un bureau cloud disponible dans votre navigateur.

Vous apprenez en effectuant des tâches dans un environnement à écran partagé, directement dans votre navigateur. Sur le côté gauche de l'écran, vous terminez la tâche dans votre espace de travail. Sur le côté droit de l'écran, vous voyez un(e) enseignant(e) qui vous guide tout au long du projet, étape par étape.