تحدي إنشاء وتطبيق أساسيات واستخدامات جداول HTML

الاختبار: تحدي إنشاء وتطبيق أساسيات واستخدامات جداول HTML

الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب

الوصف:

هل ترغب في تعزيز مهاراتك في استخدام HTML لإنشاء جداول فعالة؟ نقدم لك فرصة ممتازة لتحسين مهاراتك من خلال تحدي إنشاء جداول HTML. في هذا التحدي، ستتعلم كيفية إنشاء جداول بسيطة ومعقدة باستخدام وسوم HTML المختلفة وتطبيق تقنيات متقدمة مثل rowspan و colspan. انضم إلينا الآن وابدأ في تطبيق هذه المهارات لتحسين جودة صفحات الويب الخاصة بك!

تفاصيل التحدي

في هذا التحدي، ستقوم بإنشاء ثلاثة ملفات HTML تتضمن جداول توضح مهاراتك في تصميم الجداول واستخدام تقنيات HTML المختلفة. إليك ما يجب عليك القيام به:

  1. الملف الأول: table-basics.html

    • أنشئ ملفًا باسم table-basics.html.

    • أضف رابطًا للصفحة الرئيسية. استخدم وسم <a> لربط الملف بملف آخر باسم index.html الذي ستقوم بإنشائه لاحقًا.

    • أضف عنوانًا للملف. استخدم وسوم العناوين مثل <h1> أو <h2> بعنوان "جدول بسيط".

    • أضف فقرة نصية. اكتب شرحًا بأن هذا الجدول يحتوي على بيانات أشخاص في شركة تسويقية.

    • أنشئ جدولًا بسيطًا. يجب أن يحتوي الجدول على أعمدة للـ "اسم"، "العمر"، و"الوظيفة". استخدم الوسوم <table>, <tr>, <td>, و<th> لإنشاء الجدول.



  2. الملف الثاني: table-multi-rows.html

    • أنشئ ملفًا باسم table-multi-rows.html.

    • أضف رابطًا للصفحة الرئيسية. استخدم وسم <a> لربط الملف بملف index.html.

    • أضف عنوانًا للملف. استخدم وسوم العناوين بعنوان "جدول فرص تدريب جامعات 2024".

    • أضف فقرة نصية. اكتب شرحًا بأن هذا الجدول يحتوي على بيانات الطلاب الذين حصلوا على وظائف مع الشركات المتعاقدة مع الجامعة.

    • أنشئ جدولًا يحتوي على أعمدة للـ "اسم"، "العمر"، و"الوظيفة". استخدم وسوم <thead>, <tbody>, و<tfoot>.

    • استخدم rowspan لدمج صفوف الوظيفة لبعض الأشخاص في الجدول.

    • في نهاية الجدول، داخل <tfoot>, ضع خلية واحدة فقط و استخدم colspan لتغطية جميع الأعمدة.



  3. الملف الثالث: index.html

    • أنشئ ملفًا باسم index.html.

    • أضف قائمة تنقل. أدرج روابط إلى الملفات التي أنشأتها: "table-basics.html" و "table-multi-rows.html" باستخدام وسوم روابط <a>.




مزايا المشاركة في هذا التحدي

  • تعلم تقنيات متقدمة: تعمق في فهم كيفية استخدام rowspan و colspan بشكل صحيح لتصميم جداول متقدمة.

  • تحسين مهاراتك: قم بتطبيق المهارات التي تعلمتها في مشاريع حقيقية لزيادة خبرتك العملية.

  • احصل على تقييم مباشر: أرسل مشروعك عبر نظامنا للحصول على تقييم وتوجيه مباشر لتحسين أدائك.


كيفية التقديم

  1. أكمل إنشاء الملفات كما هو موضح في تفاصيل التحدي.

  2. قم بتحميل الملفات عبر نظامنا التعليمي.

  3. انتظر التقييم: سنقوم بمراجعة مشروعك وتقديم ملاحظات حول أدائك.


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

هذا الدرس من الدورة التدريبية

كورس تعلم HTML من الصفر لبناء صفحات ويب

  • 337 دقيقة من الفيديوهات التفاعلية الحصرية
  • 66 مصدر إضافي
  • 52 ملحقات PDFs
  • 14 فيديو إضافي داخل الدروس
  • 28 تطبيق نظري وعملي
  • الوصول على جميع الأجهزة
  • وصول مدى الحياة
  • شهادة أوروبية لإتمام الدراسة
  • ا لحصول على شهادة دبلوم موثقة

للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج

الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب

دورات تدريبية أخرى في برمجة

تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript

تعلم البرمجة من الصفر وبدون خبرة حتى احتراف صناعة تطبيقات الويب التفاعلية باستخدام لغة العصر جافاسكربت JavaScript

دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap

دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة...

مقالات ذات صلة

فهم شبكات الإنترنت وخوادم الويب: مقدمة شاملة

الإنترنت هو أحد الابتكارات الأكثر تأثيرًا في العالم الحديث، حيث يلعب دورًا أساسيًا في تقريب العالم وجعل المعلومات والمعرفة في متناول الجميع....

التعامل مع البيانات وواجهة المستخدم باستخدام JavaScript

هل تساءلت يومًا عن كيفية التحكم في البيانات والتفاعل مع واجهة المستخدم في صفحات الويب؟ 🤔 في عالم البرمجة الحديثة، يعد فهم...

التحكم في صفحة الويب باستخدام JavaScript: دليل شامل

التحكم في صفحة الويب باستخدام JavaScript: دليل شامل يعد التحكم في صفحة الويب باستخدام JavaScript من الجوانب الأساسية التي تمكن المطورين من...

has been added to the cart. View Cart