HTML و CSS انشاء تطبيق متعدد الصفحات باستخدام

von
Coursera Project Network
In diesem angeleitetes Projekt werden Sie:

إنشاء وتطوير تطبيق متعدد الصفحات باستخدام HTML.

تصميم الصفحات وتصميمها باستخدام خصائص CSS.

Clock2 Hours
BeginnerAnfänger
CloudKein Download erforderlich
VideoVideo auf geteiltem Bildschirm
Comment DotsArabischer Raum
LaptopNur Desktop

فى نهاية هذا المشروع ، ستكون قادرًا على تعلم كيفية إنشاء تطبيق متعدد بثلاث صفحات باستخدام HTML و CSS. سوف نتعلم كيفية استخدام علامة div لتقسيم صفحتك إلى أقسام وعلامات h1 و h2 و h3 ، لكتابة عنوان كعنوان رئيسي. علامة P لكتابة فقرة أو سطر واحد. العلامة A لإضافة رابط أو ربط الصفحات ببعضها البعض وأخيراً علامة ul للقوائم غير المرتبة لإنشاء قائمة. ثم سنتعلم كيفية تصميم هذه العلامات وإضافة الألوان والخلفية وكيفية تغيير حجم الخط وإضافة بعض العناصر إلى اليمين وعناصر أخرى إلى اليسار والعديد من الخصائص الأخرى. نظرًا لأن HTML و CSS هما اللغتان الأساسيتان للويب. HTML هي لغة ترميز تُستخدم لتطوير صفحات الويب. CSS هي لغة تحدد طريقة عرض مستند مكتوب بلغة HTML. تعلم استخدام HTML و CSS يمكنك من فهم أي موقع web بشكل أفضل ، وكسب المزيد من المال كمطور web مستقل ، وأخيراً تعلم لغات برمجة أخرى أسهل وأسرع. هذا المشروع الإرشادي مخصص للمبتدئين في مجال المواقع الإلكترونية وصفحات الweb. يوفر لك الخطوات الأولى لتكون مطور web. علاوة على ذلك ، يزودك بالمعرفة في HTML و CSS.

Kompetenzen, die Sie erwerben werden

  • Web Development
  • Cascading Style Sheets (CCS)
  • front end
  • Html
  • Software Engineer

Schritt für Schritt lernen

In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:

  1.  إنشاء ملف html وإنشاء صفحة index لهذا التطبيق.

  2.  تصميم الصفحة الرئيسية باستخدام CSS.

  3.  ربط صفحة جديدة تسمى play مع صفحة index.

  4.  تصميم صفحة play واستخدام بعض المميزات المختلفة في التصميم باستخدام CSS

  5.  إنشاء وتصميم صفحة achievers باستخدام HTML و CSS

Ablauf angeleiteter Projekte

Ihr Arbeitsbereich ist ein Cloud-Desktop direkt in Ihrem Browser, kein Download erforderlich

Ihr Dozent leitet Sie in einem Video mit geteiltem Bildschirm Schritt für Schritt an.

Häufig gestellte Fragen

Häufig gestellte Fragen

Haben Sie weitere Fragen? Besuchen Sie das Learner Help Center.