مراجعة وفهم الدروس السابقة والطريق وصولاً إلى بناء مواقع ويب احترافية

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

الدرس: مراجعة وفهم الدروس السابقة والطريق وصولاً إلى بناء مواقع ويب احترافية

المدة: 2 دقائق

وصف مختصر:

تعلم كيفية استخدام عناصر HTML الأساسية مثل العناوين، الفقرات، النص العريض، التنقل، القوائم، الروابط التشعبية والصور. اكتشف أمثلة عملية لتطبيق المفاهيم.

وصف الدرس

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

الكود المستخدم في الأمثلة:


1. العناوين


استخدام علامات العناوين لترتيب النصوص بشكل هرمي:



html


<h1>Your Biggest Title Here</h1>
<h2>Heading2 Title Here</h2>
<h3>Heading3 Title Here</h3>
<h4>Heading4 Title Here</h4>
<h5>Heading5 Title Here</h5>
<h6>Heading6 Title Here</h6>


2. عناصر التبديل


استخدام عناصر التبديل لعرض وإخفاء المحتوى:



html


<details>
<summary>Toggle this paragraph</summary>
<p>Paragraph Content....</p>
</details>


3. الفقرات والنصوص


استخدام علامات الفقرة لتنسيق النصوص:



html


<p>Your Text Here in the paragraph</p>


4. تنسيق النص


استخدام علامات لتنسيق النصوص مثل النص المائل والعريض:



html


<i>Italic</i>
<b>Bold</b>
<del>add this line by this tag</del>
<s>also the same text style</s>
<ins>this underline with this tag's text</ins>
<small>small tag to make it smaller than the parent</small>


5. عرض التقدم


استخدام علامات لعرض تقدم المهمة:



html


<progress value="50" max="100">50%</progress>
<meter value="3" min="1" max="5">3 out of 5</meter>


6. الاقتباسات


استخدام علامة الاقتباس لاقتباس النصوص:



html


<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>


7. الصور والأشكال


استخدام علامة الصورة وإضافة تعليق توضيحي لها:



html


<figure>
<img src="your-img.png">
<figcaption>This text will appear under your image</figcaption>
</figure>


8. التنقل والقوائم


استخدام علامات التنقل والقوائم لعرض عناصر القائمة:



html


<nav>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
</ul>
</nav><ol>
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>


الخلاصة


في هذا الدرس، تعلمنا كيفية:

  • استخدام عناصر HTML الأساسية لتنسيق العناوين والفقرات والنصوص.

  • استخدام عناصر التبديل لعرض وإخفاء المحتوى.

  • عرض تقدم المهمة باستخدام علامات التقدم.

  • استخدام الاقتباسات لإضافة نصوص مقتبسة.

  • إضافة صور وأشكال مع تعليق توضيحي.

  • إنشاء قوائم وتنقل باستخدام علامات القوائم والتنقل.

الفيديوهات

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات

فيديو الدرس التعليمي مراجعة وفهم الدروس السابقة والطريق وصولاً إلى بناء مواقع ويب احترافية

المصادر

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر

الأوامر البرمجية الأكواد والملفات المستخدمة

ملحقات ال PDF

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF

الملف المرجعي للشرح إضافة وتغيير النصوص HTML Typography Views Listing Navigation

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

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

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

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

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

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

دورة تديبية في تصميم وبناء قواعد البيانات MySQL

دورة شاملة لتعلم تصميم وتطوير قواعد البيانات باستخدام MySQL، تشمل أساسيات التصميم، إدارة البيانات، وتحسين الأداء مع تطبيقات عملية

دبلوم البرمجة وتطوير مواقع الإنترنت PHP

دبلوم بناء وتطوير مواقع الإنترنت شاهد رأي مهندس علوم الحاسب ا. نائل سكر  شاهد المزيد من الآراء دبلوم مطور مواقع الويب...

دبلوم تطوير تطبيقات وشبكات وخوادم الإنترنت Java

دبلوم بناء وتطوير تطبيقات وشبكات الإنترنت شاهد رأي مهندس علوم الحاسب ا. نائل سكر  شاهد المزيد من الآراء دبلوم تطوير تطبيقات...

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

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

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

أساسيات لغة HTML لبناء صفحات ويب فعالة

تُعد متصفحات الويب (Web Browsers) واحدة من أهم الأدوات في عالم الإنترنت، حيث تُمكّن المستخدمين من تصفح مواقع الويب والوصول إلى المعلومات...

تطبيق حركات الانيميشن والتحريك ال 3d وخلق اشكال انسيابية للعناصر داخل الصفحة

تطبيق حركات الانيميشن والتحريك الـ 3D في بناء صفحات الويب باستخدام HTML و CSS في عالم تصميم الويب الحديث، أصبحت حركات الانيميشن...

has been added to the cart. View Cart