مهمة تفاعلية لفهم واستخدام وسم لتضمين محتوى خارجي في HTML

مهمة تفاعلية لفهم واستخدام وسم لتضمين محتوى خارجي في HTML </h2> </div> <div class="title-level sh-table-cell"> <div id="breadcrumbs" class="breadcrumb-trail breadcrumbs"><span class="item-home"><a class="bread-link bread-home" href="https://edu.europeanboard.eu/" title="Home">Home</a></span><span class="separator"> > </span><span class="item-cat item-custom-post-type-assignment"><a class="bread-cat bread-custom-post-type-assignment" href="" title="Assignments">Assignments</a></span><span class="separator"> > </span><span class="item-current item-10794"><span class="bread-current bread-10794" title="مهمة تفاعلية لفهم واستخدام وسم لتضمين محتوى خارجي في HTML">مهمة تفاعلية لفهم واستخدام وسم لتضمين محتوى خارجي في HTML</span></span></div> </div> </div> </div> </div> <div id="wrapper"> <div class="content-container sh-page-layout-default"> <div class="container entry-content"> <div class="single-lesson-content"> <div class="lesson-info"> <h1>الاختبار: مهمة تفاعلية لفهم واستخدام وسم <iframe> لتضمين محتوى خارجي في HTML</h1> <h2>الدورة التدريبية: <a href="https://edu.europeanboard.eu/course/html/"> كورس تعلم HTML من الصفر لبناء صفحات ويب </a></h2> <p class="resourcescontent-title">الوصف:</p> <div class="resourcesbox-content"> في هذه المهمة التفاعلية، ستقوم بمراجعة وفهم الأسئلة المتعلقة باستخدام وسم <code><iframe></code> في HTML. هذا الوسم يُستخدم لعرض محتوى خارجي داخل صفحات الويب مثل مواقع ويب أخرى، صور، أو فيديوهات. من خلال هذه المهمة، ستتعلم كيفية استخدام السمات المختلفة المرتبطة بهذا الوسم، مثل <code>src</code> و <code>width</code> و <code>height</code>، وكيفية تخصيص الإطار لعرض المحتوى بشكل مناسب.<br /> <h4>الأسئلة المختارة:</h4><br /> <ol><br /> <li><strong>ما هو الغرض من استخدام وسم <code><iframe></code> في HTML؟</strong><br /> هذا السؤال يهدف إلى توضيح الغرض الأساسي من استخدام وسم <code><iframe></code> في HTML. ستتعرف على كيفية استخدام هذا الوسم لعرض محتوى خارجي مثل صفحات ويب أخرى أو مقاطع فيديو داخل صفحة الويب الخاصة بك.<br /> استفسارات مرتبطة يمكن البحث عنها:<br /> <ul><br /> <li>"ما هو وسم <code><iframe></code> في HTML؟"</li><br /> <li>"كيفية تضمين مواقع ويب داخل صفحة HTML؟"</li><br /> <li>"أفضل استخدامات وسم <code><iframe></code> في تصميم الويب؟"</li><br /> </ul><br /> </li><br /> <li><strong>أي من السمات التالية يُستخدم لتحديد أبعاد نافذة <code><iframe></code> في HTML؟</strong><br /> في هذا السؤال، ستتعلم كيفية استخدام السمات <code>width</code> و <code>height</code> لتحديد أبعاد النافذة التي يتم من خلالها عرض المحتوى الخارجي. هذه السمات ضرورية لضبط عرض وارتفاع نافذة <code><iframe></code> بما يتناسب مع تصميم الصفحة.<br /> استفسارات مرتبطة يمكن البحث عنها:<br /> <ul><br /> <li>"كيفية تغيير حجم نافذة <code><iframe></code> في HTML؟"</li><br /> <li>"ما هي السمة <code>width</code> في وسم <code><iframe></code>؟"</li><br /> <li>"كيفية ضبط أبعاد النافذة في HTML باستخدام <code><iframe></code>؟"</li><br /> </ul><br /> </li><br /> <li><strong>ما هي السمة المسؤولة عن تحديد مصدر المحتوى الذي يظهر داخل <code><iframe></code>؟</strong><br /> هذا السؤال يركز على أهمية السمة <code>src</code> في وسم <code><iframe></code>. هذه السمة هي التي تحدد المصدر الذي يتم من خلاله تحميل المحتوى الخارجي داخل النافذة.<br /> استفسارات مرتبطة يمكن البحث عنها:<br /> <ul><br /> <li>"ما هي السمة <code>src</code> في HTML؟"</li><br /> <li>"كيفية تضمين فيديوهات يوتيوب في صفحة HTML؟"</li><br /> <li>"كيفية تحديد مصدر <code><iframe></code> في HTML؟"</li><br /> </ul><br /> </li><br /> <li><strong>ما هي الفائدة من استخدام السمة <code>allowfullscreen</code> في وسم <code><iframe></code>؟</strong><br /> هنا ستتعرف على السمة <code>allowfullscreen</code>، والتي تُستخدم للسماح بتشغيل محتوى الفيديو في وضع ملء الشاشة.<br /> استفسارات مرتبطة يمكن البحث عنها:<br /> <ul><br /> <li>"كيفية تمكين وضع ملء الشاشة في الفيديوهات باستخدام <code><iframe></code>؟"</li><br /> <li>"ما هي السمة <code>allowfullscreen</code> في HTML؟"</li><br /> <li>"كيفية تحسين عرض الفيديوهات داخل نافذة <code><iframe></code>؟"</li><br /> </ul><br /> </li><br /> </ol><br /> <h3>إرشادات للمهمة:</h3><br /> <ul><br /> <li>تأكد من قراءة كل سؤال بعناية وفهم الدور المحدد لكل سمة في وسم <code><iframe></code> قبل محاولة الإجابة.</li><br /> <li>استخدم الاستفسارات المرتبطة بالأسئلة للبحث على الإنترنت إذا كنت بحاجة إلى مزيد من الفهم أو التوضيح.</li><br /> <li>هذه المهمة تهدف إلى تعزيز معرفتك بكيفية استخدام وسم <code><iframe></code> بشكل صحيح، خاصة عند تضمين محتوى خارجي في صفحات الويب.</li><br /> </ul><br /> <h3>هدف المهمة:</h3><br /> هذه المهمة مصممة لتزويدك بفهم عميق لاستخدام وسم <code><iframe></code> في HTML، وكيفية تخصيصه لعرض محتويات خارجية مثل الفيديوهات والصور وصفحات الويب داخل صفحاتك الخاصة. هذا الفهم سيمكنك من تصميم صفحات ويب أكثر تفاعلية وغنية بالمحتوى. </div> <style></style> <h3 class="question-list-title">الأسئلة والأجوبة الخاص بهذا الاختبار</h3> <ul class="question-assignment"><li class='question'> <h3> ما هو الغرض من استخدام وسم <iframe> في HTML؟ </h3><p> <input type="radio" /> <span> لعرض مواقع ويب أخرى أو محتوى خارجي داخل صفحة الويب<span> </p><p> <input type="radio" /> <span> لإضافة صورة داخل الصفحة<span> </p><p> <input type="radio" /> <span> لتضمين ملفات CSS داخل الصفحة<span> </p><p> <input type="radio" /> <span> لتحسين أداء الصفحة<span> </p></li><li class='question'> <h3> أي من السمات التالية يُستخدم لتحديد أبعاد نافذة <iframe> في HTML؟ </h3><p> <input type="checkbox" /> <span> width</span> </p><p> <input type="checkbox" /> <span>height</span> </p><p> <input type="checkbox" /> <span>src</span> </p><p> <input type="checkbox" /> <span>title</span> </p></li><li class='question'> <h3> ما هي السمة المسؤولة عن تحديد مصدر المحتوى الذي يظهر داخل <iframe>؟ </h3><p> <input type="radio" /> <span>src<span> </p><p> <input type="radio" /> <span>width<span> </p><p> <input type="radio" /> <span> height<span> </p></li><li class='question'> <h3> ما هي الفائدة من استخدام السمة allowfullscreen في وسم <iframe>؟ </h3><p> <input type="radio" /> <span> لتحديد عرض النافذة<span> </p><p> <input type="radio" /> <span> لتغيير لون الإطار المحيط بالنافذة<span> </p><p> <input type="radio" /> <span> لتحديد مصدر الفيديو<span> </p><p> <input type="radio" /> <span> للسماح بتشغيل الفيديو في وضع ملء الشاشة<span> </p></li><li class='question'> <h3> أي من المحتويات التالية يمكن عرضه باستخدام وسم <iframe>؟ </h3><p> <input type="checkbox" /> <span> صفحات HTML</span> </p><p> <input type="checkbox" /> <span>صور</span> </p><p> <input type="checkbox" /> <span> فيديوهات وصفحات من مواقع خارجية<br /> </span> </p><p> <input type="checkbox" /> <span> ملفات CSS</span> </p></li></ul> </div> <div class="lesson-info"> <div class="simplesocialbuttons simplesocial-simple-icons simplesocialbuttons_inline simplesocialbuttons-align-left simplesocialbuttons-inline-no-animation"> <button class="ssb_linkedin-icon" rel="nofollow" target="_blank" aria-label="LinkedIn Share" data-href="https://www.linkedin.com/sharing/share-offsite/?url=https://edu.europeanboard.eu/assignment/%d9%85%d9%87%d9%85%d8%a9-%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d9%8a%d8%a9-%d9%84%d9%81%d9%87%d9%85-%d9%88%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88%d8%b3%d9%85-%d9%84%d8%aa%d8%b6%d9%85%d9%8a%d9%86-2/" onclick="javascript:window.open(this.dataset.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" > <span class="icon"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="15px" height="14.1px" viewBox="-301.4 387.5 15 14.1" enable-background="new -301.4 387.5 15 14.1" xml:space="preserve"> <g id="XMLID_398_"> <path id="XMLID_399_" fill="#FFFFFF" d="M-296.2,401.6c0-3.2,0-6.3,0-9.5h0.1c1,0,2,0,2.9,0c0.1,0,0.1,0,0.1,0.1c0,0.4,0,0.8,0,1.2 c0.1-0.1,0.2-0.3,0.3-0.4c0.5-0.7,1.2-1,2.1-1.1c0.8-0.1,1.5,0,2.2,0.3c0.7,0.4,1.2,0.8,1.5,1.4c0.4,0.8,0.6,1.7,0.6,2.5 c0,1.8,0,3.6,0,5.4v0.1c-1.1,0-2.1,0-3.2,0c0-0.1,0-0.1,0-0.2c0-1.6,0-3.2,0-4.8c0-0.4,0-0.8-0.2-1.2c-0.2-0.7-0.8-1-1.6-1 c-0.8,0.1-1.3,0.5-1.6,1.2c-0.1,0.2-0.1,0.5-0.1,0.8c0,1.7,0,3.4,0,5.1c0,0.2,0,0.2-0.2,0.2c-1,0-1.9,0-2.9,0 C-296.1,401.6-296.2,401.6-296.2,401.6z"/> <path id="XMLID_400_" fill="#FFFFFF" d="M-298,401.6L-298,401.6c-1.1,0-2.1,0-3,0c-0.1,0-0.1,0-0.1-0.1c0-3.1,0-6.1,0-9.2 c0-0.1,0-0.1,0.1-0.1c1,0,2,0,2.9,0h0.1C-298,395.3-298,398.5-298,401.6z"/> <path id="XMLID_401_" fill="#FFFFFF" d="M-299.6,390.9c-0.7-0.1-1.2-0.3-1.6-0.8c-0.5-0.8-0.2-2.1,1-2.4c0.6-0.2,1.2-0.1,1.8,0.2 c0.5,0.4,0.7,0.9,0.6,1.5c-0.1,0.7-0.5,1.1-1.1,1.3C-299.1,390.8-299.4,390.8-299.6,390.9L-299.6,390.9z"/> </g> </svg> </span> <span class="simplesocialtxt">Share</span> </button> <button class="ssb_tweet-icon" rel="nofollow" target="_blank" aria-label="Twitter Share" data-href="https://twitter.com/intent/tweet?text=%D9%85%D9%87%D9%85%D8%A9+%D8%AA%D9%81%D8%A7%D8%B9%D9%84%D9%8A%D8%A9+%D9%84%D9%81%D9%87%D9%85+%D9%88%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85+%D9%88%D8%B3%D9%85+%3Ciframe%3E+%D9%84%D8%AA%D8%B6%D9%85%D9%8A%D9%86+%D9%85%D8%AD%D8%AA%D9%88%D9%89+%D8%AE%D8%A7%D8%B1%D8%AC%D9%8A+%D9%81%D9%8A+HTML&url=https://edu.europeanboard.eu/assignment/%d9%85%d9%87%d9%85%d8%a9-%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d9%8a%d8%a9-%d9%84%d9%81%d9%87%d9%85-%d9%88%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88%d8%b3%d9%85-%d9%84%d8%aa%d8%b6%d9%85%d9%8a%d9%86-2/" onclick="javascript:window.open(this.dataset.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"> <span class="icon"><svg viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.9 0H0L5.782 7.7098L0.315 14H2.17L6.6416 8.8557L10.5 14H15.4L9.3744 5.9654L14.56 0H12.705L8.5148 4.8202L4.9 0ZM11.2 12.6L2.8 1.4H4.2L12.6 12.6H11.2Z" fill="#fff"/></svg></span><i class="simplesocialtxt">Tweet </i></button> <div class="fb-like ssb-fb-like" aria-label="Facebook Like" data-href="https://edu.europeanboard.eu/assignment/%d9%85%d9%87%d9%85%d8%a9-%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d9%8a%d8%a9-%d9%84%d9%81%d9%87%d9%85-%d9%88%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88%d8%b3%d9%85-%d9%84%d8%aa%d8%b6%d9%85%d9%8a%d9%86-2/" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div> <div class="fb-like ssb-fb-like" aria-label="Facebook Like" data-href="https://edu.europeanboard.eu/assignment/%d9%85%d9%87%d9%85%d8%a9-%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d9%8a%d8%a9-%d9%84%d9%81%d9%87%d9%85-%d9%88%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88%d8%b3%d9%85-%d9%84%d8%aa%d8%b6%d9%85%d9%8a%d9%86-2/" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div> <button class="ssb_fbshare-icon" rel="nofollow" target="_blank" aria-label="Facebook Share" data-href="https://www.facebook.com/sharer/sharer.php?u=https://edu.europeanboard.eu/assignment/%d9%85%d9%87%d9%85%d8%a9-%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d9%8a%d8%a9-%d9%84%d9%81%d9%87%d9%85-%d9%88%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88%d8%b3%d9%85-%d9%84%d8%aa%d8%b6%d9%85%d9%8a%d9%86-2/" onclick="javascript:window.open(this.dataset.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"> <span class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="_1pbq" color="#ffffff"><path fill="#ffffff" fill-rule="evenodd" class="icon" d="M8 14H3.667C2.733 13.9 2 13.167 2 12.233V3.667A1.65 1.65 0 0 1 3.667 2h8.666A1.65 1.65 0 0 1 14 3.667v8.566c0 .934-.733 1.667-1.667 1.767H10v-3.967h1.3l.7-2.066h-2V6.933c0-.466.167-.9.867-.9H12v-1.8c.033 0-.933-.266-1.533-.266-1.267 0-2.434.7-2.467 2.133v1.867H6v2.066h2V14z"></path></svg></span> <span class="simplesocialtxt">Share </span> </button> <button onclick="javascript:window.open(this.dataset.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600' );return false;" rel="nofollow" target="_blank" aria-label="Facebook Messenger Share" class="simplesocial-viber-share ssb_msng-icon" data-href=http://www.facebook.com/dialog/send?app_id=891268654262273&redirect_uri=https%3A%2F%2Fedu.europeanboard.eu%2Fassignment%2F%25d9%2585%25d9%2587%25d9%2585%25d8%25a9-%25d8%25aa%25d9%2581%25d8%25a7%25d8%25b9%25d9%2584%25d9%258a%25d8%25a9-%25d9%2584%25d9%2581%25d9%2587%25d9%2585-%25d9%2588%25d8%25a7%25d8%25b3%25d8%25aa%25d8%25ae%25d8%25af%25d8%25a7%25d9%2585-%25d9%2588%25d8%25b3%25d9%2585-%25d9%2584%25d8%25aa%25d8%25b6%25d9%2585%25d9%258a%25d9%2586-2%2F&link=https%3A%2F%2Fedu.europeanboard.eu%2Fassignment%2F%25d9%2585%25d9%2587%25d9%2585%25d8%25a9-%25d8%25aa%25d9%2581%25d8%25a7%25d8%25b9%25d9%2584%25d9%258a%25d8%25a9-%25d9%2584%25d9%2581%25d9%2587%25d9%2585-%25d9%2588%25d8%25a7%25d8%25b3%25d8%25aa%25d8%25ae%25d8%25af%25d8%25a7%25d9%2585-%25d9%2588%25d8%25b3%25d9%2585-%25d9%2584%25d8%25aa%25d8%25b6%25d9%2585%25d9%258a%25d9%2586-2%2F&display=popup> <span class="icon"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="19px" viewBox="-889.5 1161 18 19" enable-background="new -889.5 1161 18 19" xml:space="preserve"> <path opacity="0.99" fill="#FFFFFF" enable-background="new " d="M-880.5,1161c-5,0-9,3.8-9,8.5c0,2.4,1,4.5,2.7,6v4.5l3.8-2.3 c0.8,0.2,1.6,0.3,2.5,0.3c5,0,9-3.8,9-8.5S-875.5,1161-880.5,1161z M-879.6,1172.2l-2.4-2.4l-4.3,2.4l4.7-5.2l2.4,2.4l4.2-2.4 L-879.6,1172.2z"/> </svg> </span> <span class="simplesocialtxt">Messenger</span> </button> <button onclick="javascript:window.open(this.dataset.href, '_blank' );return false;" class="ssb_whatsapp-icon simplesocial-whatsapp-share" rel="nofollow" target="_blank" aria-label="WhatsApp Share" data-href="https://api.whatsapp.com/send?text=https://edu.europeanboard.eu/assignment/%d9%85%d9%87%d9%85%d8%a9-%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d9%8a%d8%a9-%d9%84%d9%81%d9%87%d9%85-%d9%88%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88%d8%b3%d9%85-%d9%84%d8%aa%d8%b6%d9%85%d9%8a%d9%86-2/"> <span class="icon"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 90 90" style="enable-background:new 0 0 90 90;" xml:space="preserve" class=""><g><g> <path id="WhatsApp" d="M90,43.841c0,24.213-19.779,43.841-44.182,43.841c-7.747,0-15.025-1.98-21.357-5.455L0,90l7.975-23.522 c-4.023-6.606-6.34-14.354-6.34-22.637C1.635,19.628,21.416,0,45.818,0C70.223,0,90,19.628,90,43.841z M45.818,6.982 c-20.484,0-37.146,16.535-37.146,36.859c0,8.065,2.629,15.534,7.076,21.61L11.107,79.14l14.275-4.537 c5.865,3.851,12.891,6.097,20.437,6.097c20.481,0,37.146-16.533,37.146-36.857S66.301,6.982,45.818,6.982z M68.129,53.938 c-0.273-0.447-0.994-0.717-2.076-1.254c-1.084-0.537-6.41-3.138-7.4-3.495c-0.993-0.358-1.717-0.538-2.438,0.537 c-0.721,1.076-2.797,3.495-3.43,4.212c-0.632,0.719-1.263,0.809-2.347,0.271c-1.082-0.537-4.571-1.673-8.708-5.333 c-3.219-2.848-5.393-6.364-6.025-7.441c-0.631-1.075-0.066-1.656,0.475-2.191c0.488-0.482,1.084-1.255,1.625-1.882 c0.543-0.628,0.723-1.075,1.082-1.793c0.363-0.717,0.182-1.344-0.09-1.883c-0.27-0.537-2.438-5.825-3.34-7.977 c-0.902-2.15-1.803-1.792-2.436-1.792c-0.631,0-1.354-0.09-2.076-0.09c-0.722,0-1.896,0.269-2.889,1.344 c-0.992,1.076-3.789,3.676-3.789,8.963c0,5.288,3.879,10.397,4.422,11.113c0.541,0.716,7.49,11.92,18.5,16.223 C58.2,65.771,58.2,64.336,60.186,64.156c1.984-0.179,6.406-2.599,7.312-5.107C68.398,56.537,68.398,54.386,68.129,53.938z"/> </g></g> </svg> </span> <span class="simplesocialtxt">Whatsapp</span> </button> </div> </div> <div class='sidebar-report '> <div class='report-item'> <div class="image"> <p>هذا الدرس من الدورة التدريبية</p> <a href="https://edu.europeanboard.eu/course/html/"><h1> كورس تعلم HTML من الصفر لبناء صفحات ويب </h1></a> <img width="1920" height="1080" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201080'%3E%3C/svg%3E" data-lazy-src="https://edu.europeanboard.eu/wp-content/uploads/2024/03/HTML.png" /><noscript><img width="1920" height="1080" src="https://edu.europeanboard.eu/wp-content/uploads/2024/03/HTML.png" /></noscript> </div> <div class="course-statistics"> <ul> <li> <i class="fa fa-regular fa-file-video"></i> 337 دقيقة من الفيديوهات التفاعلية الحصرية</li> <li> <i class="fa fa-regular fa-file"></i> 66 مصدر إضافي</li> <li> <i class="fa fa-solid fa-book-open"></i> 52 ملحقات PDFs</li> <li> <i class="fa fa-solid fa-play"></i> 14 فيديو إضافي داخل الدروس</li> <li> <i class="fa fa-solid fa-list"></i> 28 تطبيق نظري وعملي </li> </ul> <ul> <li> <i class="fa fa-solid fa-mobile"></i> الوصول على جميع الأجهزة</li> <li> <i class="fa fa-solid fa-infinity"></i> وصول مدى الحياة</li> <li> <i class="fa fa-solid fa-trophy"></i> شهادة أوروبية لإتمام الدراسة</li> <li> <i class="fa fa-solid fa-globe"></i> ا لحصول على شهادة دبلوم موثقة</li> </ul> </div> <h4> للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت <br/> <a id='start-program' href='https://edu.europeanboard.eu/learn?program=5277&selected=10794'> اضغط هنا ابدأ التعلم <i class='fa fa-light fa-tv'></i> </a> أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج </h4> </div> </div> <div class="course-schedule"> <p> الدروس والاختبارات لتعلم هذه الدورة التدريبية : <a href="https://edu.europeanboard.eu/course/html/">كورس تعلم HTML من الصفر لبناء صفحات ويب</a> </p> <ul class="preview-course-related"><li class="title"><h4>القسم: مدخل إلى صفحات الويب ومواقع الإنترنت</h4></li><li data-id="5771"><label class="icons"> <i class="fa fa-solid fa-play"></i></label> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%85%d8%a7%d9%87%d9%8a-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d9%8a%d8%a8-%d9%88%d8%ae%d9%88%d8%a7%d8%af%d9%85-%d8%a7%d9%84%d9%88%d9%8a%d8%a8-%d9%88%d8%b4%d8%a8%d9%83%d8%a9-%d8%a7%d9%84/">ماهي صفحات الويب وخوادم الويب وشبكة الانترنت</a> </h3> <button class="free-watch-lesson free-watch-listlesson"> <i class="fa fa-regular fa-eye"></i> شاهد مجاناً</button> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d9%8a%d8%a8-%d9%88%d8%ae%d9%88%d8%a7%d8%af%d9%85-%d8%a7%d9%84%d9%88%d9%8a%d8%a8-%d9%88%d8%b4%d8%a8%d9%83%d8%a9/">اختبار صفحات الويب وخوادم الويب وشبكة الانترنت</a> </h3> </li><li data-id="5772"><label class="icons"> <i class="fa fa-solid fa-play"></i></label> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%85%d8%aa%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d9%8a%d8%a8-%d9%88%d9%84%d8%ba%d8%a9-html-%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d9%8a%d8%a8/">متصفحات الويب ولغة HTML لبناء صفحات الويب</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d9%85%d8%aa%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d9%8a%d8%a8-%d9%88%d9%84%d8%ba%d8%a9-html-%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%b5%d9%81%d8%ad%d8%a7/">اختبار متصفحات الويب ولغة HTML لبناء صفحات الويب</a> </h3> </li><li data-id="10213"><label class="icons"> <i class="fa fa-solid fa-play"></i></label> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%aa%d9%83%d9%88%d9%8a%d9%86-%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d9%88%d9%8a%d8%a8-%d9%88%d9%82%d8%b1%d8%a7%d8%a1%d8%a9-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad-%d9%84%d9%84%d8%ba%d8%a9-html/">تكوين صفحة الويب وقراءة المتصفح للغة HTML</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d9%84-%d8%a5%d8%ba%d9%84%d8%a7%d9%82-%d8%a7%d9%84%d9%88%d8%b3%d9%88%d9%85-%d9%88%d9%81%d9%87%d9%85-%d8%af%d9%88%d8%b1-head-%d9%88-body/">اختبار ل إغلاق الوسوم وفهم دور head و body</a> </h3> </li><li data-id="5773"><label class="icons"> <i class="fa fa-solid fa-play"></i></label> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a7%d9%86%d9%88%d8%a7%d8%b9-%d8%a7%d9%84%d9%85%d8%ad%d8%aa%d9%88%d9%89-%d9%81%d9%8a-%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d9%88%d9%8a%d8%a8-%d9%88%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85%d8%a7/">انواع المحتوى في صفحة الويب واستخدامات عناصر لغة html</a> </h3> </li><li data-id="10394"><label class="icons"> <i class="fa fa-solid fa-play"></i></label> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a7%d9%84%d9%85%d9%84%d9%81%d8%a7%d8%aa-%d8%a7%d9%84%d8%aa%d9%8a-%d8%aa%d8%b9%d9%85%d9%84-%d8%b9%d9%84%d9%89-%d9%85%d8%aa%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%84%d8%a5%d9%86%d8%aa%d8%b1%d9%86/">الملفات التي تعمل على متصفحات الإنترنت وكيف يتم بناء صفحات الويب باستخدام لغة HTML</a> </h3> </li><li data-id="10473"><label class="icons"> <i class="fa fa-solid fa-play"></i></label> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a3%d9%87%d9%85%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%85%d8%ad%d8%b1%d8%b1-%d8%a7%d9%84%d8%a3%d9%83%d9%88%d8%a7%d8%af-%d8%a8%d8%af%d9%84%d9%8b%d8%a7-%d9%85%d9%86-%d8%a7%d9%84/">أهمية استخدام محرر الأكواد بدلًا من التحرير المباشر فهم ملفات HTML</a> </h3> </li><li data-id="10428"><label class="icons"> <i class="fa fa-solid fa-play"></i></label> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a7%d9%84%d8%aa%d8%b9%d8%b1%d9%81-%d8%b9%d9%84%d9%89-%d9%85%d8%ad%d8%b1%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%a3%d9%83%d9%88%d8%a7%d8%af-%d9%88%d8%a3%d8%b3%d8%b1%d8%a7%d8%b1-%d8%a5%d8%aa%d9%82%d8%a7/">التعرف على محررات الأكواد وأسرار إتقان لغة بناء صفحات الويب HTML</a> </h3> </li><li data-id="11326"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%af%d9%84%d9%8a%d9%84-%d9%81%d9%87%d9%85-%d8%a7%d9%84%d8%b4%d8%a8%d9%83%d8%a7%d8%aa%d8%8c-%d8%a5%d8%b9%d8%af%d8%a7%d8%af-%d8%a7%d9%84%d8%ae%d9%88%d8%a7%d8%af%d9%85%d8%8c-%d9%88%d8%a7%d8%b3%d8%aa/">دليل فهم الشبكات، إعداد الخوادم، واستخدام أدوات البرمجة</a> </h3> <button class="free-watch-lesson free-watch-listlesson"> <i class="fa fa-regular fa-eye"></i> شاهد مجاناً</button> </li><li data-id="11325"><div class='list-icons'><label class="icons"> <i class="fa fa-solid fa-play"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a5%d8%aa%d9%82%d8%a7%d9%86-%d9%85%d8%b3%d8%a7%d8%b1-%d8%a7%d9%84%d8%aa%d8%b9%d9%84%d9%85-%d9%88%d8%a7%d9%83%d8%aa%d8%b3%d8%a7%d8%a8-%d8%a7%d9%84%d9%85%d9%87%d8%a7%d8%b1%d8%a7%d8%aa/">إتقان مسار التعلم واكتساب المهارات</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d9%81%d9%87%d9%85-%d8%a7%d9%85%d8%aa%d8%af%d8%a7%d8%af-html-%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%82%d8%b1%d8%a7%d8%a1%d8%a9-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d9%84%d9%85%d9%84/">اختبار برامج تعديل الكود وقراءة المتصفحات لملفات HTML</a> </h3> </li><li class="title"><h4>القسم: أساسيات إنشاء وعرض صفحات الويب باستخدام ملفات لغة HTML</h4></li><li data-id="10399"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%83%d9%8a%d9%81-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d9%88%d9%85%d9%84%d9%81-html-%d9%88%d8%a5%d8%b6%d8%a7%d9%81%d8%a9-%d9%85%d8%ad%d8%aa%d9%88%d9%89-%d9%88%d8%a5%d8%b9/">كيف إنشاء مشروع وملف HTML وإضافة محتوى وإعدادات صفحة الويب</a> </h3> <button class="free-watch-lesson free-watch-listlesson"> <i class="fa fa-regular fa-eye"></i> شاهد مجاناً</button> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d9%88%d9%8a%d8%a8-%d9%88%d8%a5%d8%b6%d8%a7%d9%81%d8%a9-%d8%b9%d9%86%d8%a7%d8%b5%d8%b1-html/">اختبار إنشاء صفحات ويب وإضافة عناصر HTML</a> </h3> </li><li data-id="10401"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a3%d9%85%d8%ab%d9%84%d8%a9-%d9%84%d8%a3%d9%86%d9%88%d8%a7%d8%b9-%d8%b9%d9%86%d8%a7%d8%b5%d8%b1-%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d9%88%d9%8a%d8%a8-%d9%84%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%86/">أمثلة لأنواع عناصر صفحة الويب لإنشاء نصوص وعناوين وقوائم وروابط تنقل بواسطة لغة HTML</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%b9%d9%84%d9%89-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85%d8%a7%d8%aa-%d8%b9%d9%86%d8%a7%d8%b5%d8%b1-%d9%84%d8%ba%d8%a9-html-%d9%84%d8%a5%d9%86%d8%b4%d8%a7/">اختبار على استخدامات عناوين، قوائم، وتمييز النص</a> </h3> </li><li data-id="10403"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a3%d9%85%d8%ab%d9%84%d8%a9-%d8%b9%d9%86-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d9%88%d9%8a%d8%a8-%d8%a8%d9%88%d8%a7%d8%b3%d8%b7%d8%a9-%d9%84%d8%ba%d8%a9-html-%d9%88/">أمثلة عن إنشاء صفحة الويب بواسطة لغة HTML وإضافة روابط التنقل والزرائر للتفاعل والميديا ك الصور</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%b9%d9%84%d9%89-%d8%a3%d9%85%d8%ab%d9%84%d8%a9-%d8%b9%d9%86-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d9%88%d9%8a%d8%a8-%d8%a8%d8%a7/">اختبار إضافة روابط التنقل، الأزرار، وتحميل الصور</a> </h3> </li><li class="title"><h4>القسم: أنواع العناصر وتكوين المحتوى في صفحات الويب</h4></li><li data-id="10430"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a5%d8%b8%d9%87%d8%a7%d8%b1-%d9%88%d8%a5%d8%ae%d9%81%d8%a7%d8%a1-%d8%a7%d9%84%d9%86%d8%b5%d8%8c-%d8%aa%d9%85%d9%8a%d9%8a%d8%b2%d9%87%d8%8c-%d8%aa%d8%b7%d8%a8%d9%8a%d9%82-%d8%ae%d8%b7-%d8%aa%d8%ad/">إظهار وإخفاء النص، تمييزه، تطبيق خط تحت النص أو خط يتوسطه، وتغيير حجم النص باستخدام HTML</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%aa%d9%86%d8%b3%d9%8a%d9%82-%d8%a7%d9%84%d9%86%d8%b5%d9%88%d8%b5-%d9%81%d9%8a-html-%d8%a5%d8%b8%d9%87%d8%a7%d8%b1-%d9%88%d8%a5%d8%ae%d9%81%d8%a7%d8%a1-%d8%a7/">اختبار تنسيق النصوص في HTML: إظهار وإخفاء النص، تمييزه، إضافة خطوط وتغيير الحجم</a> </h3> </li><li data-id="10438"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%81%d9%87%d9%85-%d9%88%d8%b1%d8%a7%d8%ab%d8%a9-%d8%a7%d9%84%d8%b9%d9%86%d8%a7%d8%b5%d8%b1-%d9%81%d9%8a-html-%d8%ae%d8%b5%d8%a7%d8%a6%d8%b5-%d8%a7%d9%84%d8%b9%d9%86%d8%a7%d8%b5%d8%b1-%d9%85%d9%86/">فهم وراثة العناصر في HTML: خصائص العناصر من الوالد وأنماط المتصفح</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d9%81%d9%87%d9%85-%d9%88%d8%b1%d8%a7%d8%ab%d8%a9-%d8%a7%d9%84%d8%b9%d9%86%d8%a7%d8%b5%d8%b1-%d9%81%d9%8a-html-%d8%ae%d8%b5%d8%a7%d8%a6%d8%b5-%d8%a7%d9%84%d8%b9/">اختبار فهم وراثة العناصر في HTML: خصائص العناصر من الوالد وأن</a> </h3> </li><li data-id="10526"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d8%b5%d9%88%d8%b1%d8%a9-%d8%a7%d9%88-%d8%a7%d9%84%d9%86%d8%b5-%d9%81%d9%8a-%d8%a5%d8%b7%d8%a7%d8%b1-%d9%88%d8%a5%d8%b6%d8%a7%d9%81%d8%a9-%d8%a7%d9%84%d9%82%d9%8a%d8%a7/">عرض الصورة او النص في إطار وإضافة القياسات واستخدام القوائم للعرض او التنقل في صفحات الويب HTML</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d8%b5%d9%88%d8%b1-%d9%88%d8%a7%d9%84%d9%86%d8%b5%d9%88%d8%b5-%d9%88%d8%a5%d8%b6%d8%a7%d9%81%d8%a9-%d8%a7%d9%84%d9%82%d9%8a%d8%a7/">اختبار عرض الصور والنصوص وإضافة القياسات واستخدام القوائم في HTML</a> </h3> </li><li data-id="10528"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%82%d9%88%d8%a7%d8%a6%d9%85-%d9%88%d8%ae%d8%b5%d8%a7%d8%a6%d8%b5-%d8%a7%d9%84%d9%88%d8%b1%d8%a7%d8%ab%d8%a9%d8%8c-%d8%a3%d9%86%d9%88%d8%a7%d8%b9-%d8%a7%d9%84%d8%b9%d9%84%d8%a7%d9%85%d8%a7%d8%aa/">قوائم وخصائص الوراثة، أنواع العلامات ومفاهيم الإغلاق الذاتي في HTML</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d9%8a-%d9%84%d8%aa%d8%b9%d9%84%d9%85-%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-html-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85/">اختبار تفاعلي لتعلم أساسيات HTML: استخدام الوسوم والقوائم والإغلاق الذاتي</a> </h3> </li><li data-id="10537"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%82%d9%88%d8%a7%d8%a6%d9%85-%d9%85%d8%aa%d8%af%d8%a7%d8%ae%d9%84%d8%a9-%d9%88%d9%81%d9%87%d9%85-%d8%aa%d8%ad%d9%85%d9%8a%d9%84-%d9%88/">كيفية إنشاء قوائم متداخلة وفهم تحميل وتنقل الملفات والمجلدات الداخلية في HTML</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%82%d9%88%d8%a7%d8%a6%d9%85-%d9%85%d8%aa%d8%af%d8%a7%d8%ae%d9%84%d8%a9-%d9%88%d9%81%d9%87%d9%85-%d8%aa%d8%ad%d9%85%d9%8a%d9%84-%d9%88/">كيفية إنشاء قوائم متداخلة وفهم تحميل وتنقل الملفات والمجلدات في HTML: مهمة تفاعلية</a> </h3> </li><li data-id="10539"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%ac%d9%84%d8%af%d8%a7%d8%aa-%d9%88%d9%85%d9%84%d9%81%d8%a7%d8%aa-%d8%af%d8%a7%d8%ae%d9%84-%d8%a7%d9%84%d9%85%d8%ac%d9%84%d8%af%d8%a7%d8%aa-%d9%88%d9%81%d9%87/">إنشاء مجلدات وملفات داخل المجلدات وفهم نظام التنقل في متصفح الويب باستخدام الشرطة المائلة / والنقطة</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%aa%d8%ad%d9%84%d9%8a%d9%84-%d9%88%d8%aa%d8%b7%d8%a8%d9%8a%d9%82-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%82%d9%88%d8%a7%d8%a6%d9%85-%d9%85%d8%aa%d8%af%d8%a7%d8%ae%d9%84%d8%a9-%d9%88%d8%aa%d9%86%d9%82/">تحليل وتطبيق إنشاء قوائم متداخلة وتنقل بين الملفات في HTML: مهمة تفاعلية</a> </h3> </li><li data-id="10541"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%aa%d8%ad%d9%85%d9%8a%d9%84-%d9%88%d8%aa%d9%86%d9%82%d9%84-%d8%a7%d9%84%d9%85%d9%84%d9%81%d8%a7%d8%aa-%d8%a8%d8%ae%d8%b7%d9%88%d8%a7%d8%aa-%d9%84%d9%84%d9%88%d8%b1%d8%a7%d8%a1-%d8%a8%d8%a7%d8%b3/">تحميل وتنقل الملفات بخطوات للوراء باستخدام نقطتين في مشروع ويب ومراجعة أدوات النصوص</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d9%81%d9%87%d9%85-%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%86%d9%82%d8%b7%d8%aa%d9%8a%d9%86-%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84-%d9%88%d8%aa%d9%86%d9%82%d9%84/">فهم كيفية استخدام نقطتين لتحميل وتنقل الملفات في مشروع ويب: مهمة تفاعلية</a> </h3> </li><li data-id="10543"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%85%d8%b1%d8%a7%d8%ac%d8%b9%d8%a9-%d9%88%d9%81%d9%87%d9%85-%d9%85%d9%84%d9%81%d8%a7%d8%aa-html-%d8%a7%d9%84%d8%b9%d9%86%d8%a7%d8%b5%d8%b1-%d8%a7%d9%84%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a9-%d9%85/">مراجعة وفهم الدروس السابقة والطريق وصولاً إلى بناء مواقع ويب احترافية</a> </h3> <button class="free-watch-lesson free-watch-listlesson"> <i class="fa fa-regular fa-eye"></i> شاهد مجاناً</button> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d9%85%d9%87%d9%85%d8%a9-%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d9%8a%d8%a9-%d9%84%d9%81%d9%87%d9%85-%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-html-%d8%a7%d9%84%d8%b9%d9%86%d8%a7%d9%88%d9%8a%d9%86%d8%8c/">مهمة تفاعلية لفهم أساسيات HTML: العناوين، الفقرات، الصور، القوائم والروابط</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-upload"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d9%85%d9%87%d9%85%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d9%88%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-html/">مهمة إنشاء صفحة ويب واستخدام أساسيات HTML</a> </h3> </li><li class="title"><h4>القسم: تضمين مواقع أخرى وملفات وإضافة الميديا</h4></li><li data-id="10771"><label class="icons"> <i class="fa fa-solid fa-play"></i></label> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%85%d9%82%d8%af%d9%85%d8%a9-%d9%84%d8%a5%d8%b6%d8%a7%d9%81%d8%a9-%d8%a7%d9%84%d8%b5%d9%88%d8%b1-%d9%88%d8%a7%d9%84%d9%81%d9%8a%d8%af%d9%8a%d9%88-%d9%88%d8%a7%d9%84%d8%b5%d9%88%d8%aa-%d9%88%d8%aa/">مقدمة لإضافة الصور والفيديو والصوت وتضمين المواقع والملفات في صفحة الويب</a> </h3> </li><li data-id="10776"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%83%d9%84-%d9%85%d8%a7-%d8%aa%d8%ad%d8%aa%d8%a7%d8%ac-%d9%85%d8%b9%d8%b1%d9%81%d8%aa%d9%87-%d8%b9%d9%86-%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d8%b5%d9%88%d8%b1%d8%a9-%d9%81%d9%8a-%d8%b5%d9%81%d8%ad%d8%a9/">كل ما تحتاج معرفته عن عرض الصورة في صفحة الويب باستخدام <img> وخواصها في HTML</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d9%85%d9%87%d9%85%d8%a9-%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d9%8a%d8%a9-%d8%ad%d9%88%d9%84-%d9%88%d8%b3%d9%85-%d9%81%d9%8a-html-%d9%81%d9%87%d9%85-%d8%a7%d9%84%d8%b3%d9%85%d8%a7%d8%aa-%d9%88%d8%a7%d8%b3/">مهمة تفاعلية حول وسم <img> في HTML: فهم السمات واستخدامها</a> </h3> </li><li data-id="10778"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/html-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-figuare-%d9%88-figcaption-%d8%a5%d8%b6%d8%a7%d9%81%d8%a9-%d9%86%d8%b5-%d8%a3%d8%b3%d9%81%d9%84-%d8%a7%d9%84%d8%b5%d9%88%d8%b1%d8%a9-%d9%88%d9%86/">HTML باستخدام figuare و figcaption إضافة نص أسفل الصورة ونبذة عن التنسيق وتطبيق أشكال التصميم</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d9%85%d9%87%d9%85%d8%a9-%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d9%8a%d8%a9-%d9%84%d9%81%d9%87%d9%85-%d9%88%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88%d8%b3%d9%85%d9%8a-%d9%88-%d9%81%d9%8a-html/">مهمة تفاعلية لفهم واستخدام وسمي <figuare> و <figcaption> في HTML</a> </h3> </li><li data-id="10780"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88%d8%b3%d9%85-embed-%d9%81%d9%8a-html-%d9%84%d8%aa%d8%b6%d9%85%d9%8a%d9%86-%d8%a7%d9%84%d9%85%d9%84%d9%81%d8%a7%d8%aa/">كيفية استخدام وسم Embed في HTML لتضمين الملفات وتنسيق العناصر باستخدام figuare و figcaption</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d9%85%d9%87%d9%85%d8%a9-%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d9%8a%d8%a9-%d9%84%d9%81%d9%87%d9%85-%d9%88%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88%d8%b3%d9%85-%d9%84%d8%aa%d8%b6%d9%85%d9%8a%d9%86/">مهمة تفاعلية لفهم واستخدام وسم <embed> لتضمين مواقع الإنترنت والملفات في HTML</a> </h3> </li><li data-id="10782"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88%d8%b3%d9%85-iframe-%d9%81%d9%8a-html-%d9%84%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%86%d9%88%d8%a7%d9%81%d8%b0-%d9%84%d8%b9%d8%b1%d8%b6-%d9%85%d9%88%d8%a7/">استخدام وسم Iframe في HTML لإنشاء نوافذ لعرض مواقع ويب أخرى مثل خرائط Google أو فيديوهات YouTube</a> </h3> </li><li class="current"> <h3> <b style="color:#f00;">الاختبار الحالي:</b> مهمة تفاعلية لفهم واستخدام وسم <iframe> لتضمين محتوى خارجي في HTML</h3> </li><li data-id="11117"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d8%b6%d8%a7%d9%81%d8%a9-%d9%85%d9%82%d8%a7%d8%b7%d8%b9-%d8%a7%d9%84%d9%81%d9%8a%d8%af%d9%8a%d9%88-%d8%a5%d9%84%d9%89-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%84/">كيفية إضافة مقاطع الفيديو إلى صفحات الويب باستخدام عنصر الفيديو في HTML</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%b4%d8%a7%d9%85%d9%84-%d9%81%d9%8a-%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88%d8%b3%d9%85-%d8%a8%d9%81%d8%b9%d8%a7%d9%84/">اختبار شامل في كيفية استخدام وسم <video> بفعالية</a> </h3> </li><li data-id="11119"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%af%d8%b1%d8%b3-%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88%d8%b3%d9%85-%d9%84%d8%a5%d8%b6%d8%a7%d9%81%d8%a9-%d8%a7%d9%84%d8%b5%d9%88%d8%aa-%d8%a5%d9%84%d9%89/">درس: كيفية استخدام وسم <audio> لإضافة الصوت إلى صفحات الويب</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-upload"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%aa%d8%b7%d8%a8%d9%8a%d9%82-%d8%b9%d9%85%d9%84%d9%8a-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d9%88%d9%8a%d8%a8-%d9%84%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d9%85%d9%8a%d8%af%d9%8a/">تطبيق عملي إنشاء صفحات ويب لعرض الميديا</a> </h3> </li><li class="title"><h4>القسم: عرض البيانات والجداول</h4></li><li data-id="11567"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%85%d9%82%d8%af%d9%85%d8%a9-%d9%84%d9%84%d8%ac%d8%af%d8%a7%d9%88%d9%84-%d9%88%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%a7%d9%84%d8%b9%d9%84%d8%a7%d9%85%d8%a7%d8%aa-%d9%88-%d9%88-%d9%85/">مقدمة للجداول واستخدام العلامات <dl> و <dt> و <dd> مع إعداد Live Server في VSCode</a> </h3> </li><li data-id="11570"><label class="icons"> <i class="fa fa-solid fa-play"></i></label> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%85%d9%82%d8%af%d9%85%d8%a9-%d9%81%d9%8a-%d8%ac%d8%af%d8%a7%d9%88%d9%84-html-%d9%84%d9%85%d8%a7%d8%b0%d8%a7-%d9%86%d8%b3%d8%aa%d8%ae%d8%af%d9%85%d9%87%d8%a7-%d9%88%d9%85%d8%a7-%d8%a7%d9%84%d8%b0/">مقدمة في جداول HTML: لماذا نستخدمها وما الذي يمكن أن تفعله؟</a> </h3> <button class="free-watch-lesson free-watch-listlesson"> <i class="fa fa-regular fa-eye"></i> شاهد مجاناً</button> </li><li data-id="11572"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d8%ac%d8%af%d8%a7%d9%88%d9%84-%d9%81%d9%8a-html-%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%ac%d8%af%d8%a7%d9%88%d9%84/">أساسيات الجداول في HTML: كيفية إنشاء جداول</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d9%8a-%d9%84%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%aa%d9%83%d9%88%d9%8a%d9%86-%d8%a7%d9%84%d8%ac%d8%af%d8%a7%d9%88%d9%84-htm/">اختبار تفاعلي لأساسيات تكوين الجداول HTML</a> </h3> </li><li data-id="11581"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%81%d9%87%d9%85-%d8%a7%d9%84%d8%a3%d8%b9%d9%85%d8%af%d8%a9-%d9%88%d8%a7%d9%84%d8%b5%d9%81%d9%88%d9%81-%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d9%87%d9%8a%d9%83%d9%84-%d8%a7%d9%84%d8%ac%d8%af%d8%a7%d9%88/">فهم الأعمدة والصفوف لبناء هيكل الجداول جداول في HTML</a> </h3> </li><li data-id="11584"><label class="icons"> <i class="fa fa-solid fa-play"></i></label> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%81%d9%87%d9%85-%d8%a7%d9%84%d8%a3%d8%b9%d9%85%d8%af%d8%a9-%d9%88%d8%a7%d9%84%d8%b5%d9%81%d9%88%d9%81-%d9%81%d9%8a-%d8%ac%d8%af%d8%a7%d9%88%d9%84-html-%d9%85%d8%b9-%d8%aa%d8%b7%d8%a8%d9%8a%d9%82/">فهم الأعمدة والصفوف في جداول HTML مع تطبيقات حقيقية وأمثلة من Excel</a> </h3> </li><li data-id="11585"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%b9%d8%b1%d8%b6-%d8%a7%d9%84%d8%ac%d8%af%d8%a7%d9%88%d9%84-%d8%a7%d9%84%d9%83%d8%a8%d9%8a%d8%b1%d8%a9-%d8%a8%d8%b4%d9%83%d9%84-%d9%81%d8%b9%d8%a7%d9%84-%d9%81%d9%8a-%d9%85%d9%88%d8%a7%d9%82%d8%b9/">عرض الجداول الكبيرة بشكل فعال في مواقع الويب باستخدام <thead>, <tfoot>, و <tbody></a> </h3> <button class="free-watch-lesson free-watch-listlesson"> <i class="fa fa-regular fa-eye"></i> شاهد مجاناً</button> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88-%d9%81%d9%8a-html/">كيفية استخدام <thead>, <tfoot>, و <tbody> في HTML</a> </h3> </li><li data-id="11587"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%af%d9%85%d8%ac-%d8%a7%d9%84%d8%a3%d8%b9%d9%85%d8%af%d8%a9-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-colspan-%d9%81%d9%8a-%d8%ac%d8%af%d8%a7%d9%88%d9%84-html/">كيفية دمج الأعمدة باستخدام colspan في جداول HTML</a> </h3> </li><li data-id="11589"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-rowspan-%d9%84%d8%af%d9%85%d8%ac-%d8%a7%d9%84%d8%b5%d9%81%d9%88%d9%81-%d9%81%d9%8a-%d8%ac%d8%af%d8%a7%d9%88%d9%84-html/">كيفية استخدام rowspan لدمج الصفوف في جداول HTML</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-list"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d9%8a-%d9%81%d9%87%d9%85-%d8%ae%d8%a7%d8%b5%d9%8a%d8%aa%d9%8a-colspan-%d9%88-rowspan-%d9%81%d9%8a-html/">اختبار تفاعلي: فهم خاصيتي colspan و rowspan في HTML</a> </h3> </li><li data-id="11591"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%81%d9%87%d9%85-%d9%88-%d9%81%d9%8a-%d8%ac%d8%af%d8%a7%d9%88%d9%84-html-%d9%88%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d9%84%d8%aa%d8%b9%d8%a7%d9%85%d9%84-%d9%85%d8%b9-%d8%a7%d9%84%d8%b9%d9%84%d8%a7/">فهم <colgroup> و<col> في جداول HTML وكيفية التعامل مع العلامات المهجورة</a> </h3> </li><li data-id="11593"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88-%d9%84%d8%aa%d9%86%d8%b3%d9%8a%d9%82-%d8%a7%d9%84%d8%a3%d8%b9%d9%85%d8%af%d8%a9-%d9%81%d9%8a-%d8%ac%d8%af%d8%a7%d9%88%d9%84-html-%d8%a8%d8%a7%d8%b3/">استخدام <colgroup> و<col> لتنسيق الأعمدة في جداول HTML باستخدام CSS</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-upload"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d8%aa%d8%ad%d8%af%d9%8a-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%88%d8%aa%d8%b7%d8%a8%d9%8a%d9%82-%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d9%88%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85%d8%a7%d8%aa/">تحدي إنشاء وتطبيق أساسيات واستخدامات جداول HTML</a> </h3> </li><li class="title"><h4>القسم: نماذج إرسال البيانات</h4></li><li data-id="11823"><label class="icons"> <i class="fa fa-solid fa-play"></i></label> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%88%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%a7%d9%84%d9%86%d9%85%d8%a7%d8%b0%d8%ac-%d9%88%d8%ad%d9%82%d9%88%d9%84-%d8%a7%d9%84/">كيفية إنشاء واستخدام النماذج وحقول الإدخال في HTML لجمع بيانات في صفحة الويب</a> </h3> <button class="free-watch-lesson free-watch-listlesson"> <i class="fa fa-regular fa-eye"></i> شاهد مجاناً</button> </li><li data-id="11825"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%88%d9%82%d8%b1%d8%a7%d8%a1%d8%a9-%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d8%af%d8%ae%d9%84%d8%a7%d8%aa-in/">كيفية استخدام وقراءة بيانات المدخلات (Input) من المستخدمين في HTML لحفظها أو إرسالها</a> </h3> </li><li data-id="11827"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%ad%d9%82%d9%88%d9%84-%d8%a7%d9%84%d8%a5%d8%af%d8%ae%d8%a7%d9%84-%d9%88%d8%a7%d9%84%d9%86%d9%85%d8%a7%d8%b0%d8%ac-%d9%84/">كيفية استخدام حقول الإدخال والنماذج لإرسال البيانات في HTML</a> </h3> </li><li data-id="11828"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%b9%d9%85%d9%84-%d8%a7%d9%84%d9%86%d9%85%d8%a7%d8%b0%d8%ac-%d9%81%d9%8a-html-%d9%84%d8%a5%d8%b1%d8%b3%d8%a7%d9%84-%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa/">كيفية عمل النماذج في HTML لإرسال البيانات</a> </h3> </li><li data-id="11830"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%ae%d8%b5%d8%a7%d8%a6%d8%b5-%d8%a7%d9%84%d9%86%d9%85%d8%a7%d8%b0%d8%ac-%d9%81%d9%8a-html-placeholder-%d9%88val/">أساسيات استخدام خصائص النماذج في HTML: Placeholder وValue وName</a> </h3> </li><li data-id="11833"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%81%d9%87%d9%85-%d8%a3%d9%86%d9%88%d8%a7%d8%b9-%d8%a7%d9%84%d8%a5%d8%af%d8%ae%d8%a7%d9%84-%d9%81%d9%8a-html-%d8%a7%d9%84%d8%a8%d8%b1%d9%8a%d8%af-%d8%a7%d9%84%d8%a5%d9%84%d9%83%d8%aa%d8%b1%d9%88/">كيفية استخدام نوع الإدخال "email" في HTML وتحقق البريد الإلكتروني</a> </h3> </li><li data-id="11835"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%81%d9%87%d9%85-%d8%a3%d9%86%d9%88%d8%a7%d8%b9-%d8%a7%d9%84%d8%a5%d8%af%d8%ae%d8%a7%d9%84-%d9%81%d9%8a-html-%d8%a7%d9%84%d8%a8%d8%b1%d9%8a%d8%af-%d8%a7%d9%84%d8%a5%d9%84%d9%83%d8%aa%d8%b1%d9%88-2/">فهم أنواع الإدخال في HTML: البريد الإلكتروني، كلمة المرور، وتحميل الملفات المتعددة</a> </h3> </li><li data-id="11837"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%a3%d9%86%d9%88%d8%a7%d8%b9-%d8%a5%d8%af%d8%ae%d8%a7%d9%84-%d8%a7%d9%84%d8%a3%d8%b1%d9%82%d8%a7%d9%85-%d9%81%d9%8a-html-min%d8%8c-max%d8%8c-step%d8%8c-au/">استخدام أنواع إدخال الأرقام في HTML: min، max، step، autofocus، وautocomplete</a> </h3> </li><li data-id="11839"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a5%d8%af%d8%ae%d8%a7%d9%84-%d9%82%d9%8a%d9%85%d8%a9-%d9%85%d9%86-%d8%a7%d9%84%d8%ae%d9%8a%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d8%aa%d8%b9%d8%af%d8%af%d8%a9-%d8%b9%d8%a8%d8%b1-%d9%88%d8%b3/">إدخال قيمة من الخيارات المتعددة عبر وسم الراديو والتسميات في HTML لتحسين تجربة المستخدم</a> </h3> </li><li data-id="11920"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%aa%d8%b9%d9%84%d9%85-%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-input-checkbox-%d9%88-id-%d9%85%d8%b9-label-%d9%81%d9%8a-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%84/">تعلم كيفية استخدام Input Checkbox و Id مع Label في صفحات الويب</a> </h3> </li><li data-id="11922"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%aa%d8%b9%d9%84%d9%85-%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-select-%d9%88-optgroup-%d9%84%d8%a5%d8%b6%d8%a7%d9%81%d8%a9-%d8%a7%d9%84%d9%82%d9%88%d8%a7%d8%a6/">تعلم كيفية استخدام Select و OptGroup لإضافة القوائم المنسدلة في صفحات الويب</a> </h3> </li><li data-id="11924"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%aa%d8%b9%d9%84%d9%85-%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d9%84%d8%a8%d8%ad%d8%ab-%d9%81%d9%8a-%d8%a7%d9%84%d9%82%d9%88%d8%a7%d8%a6%d9%85-%d8%a7%d9%84%d9%85%d9%86%d8%b3%d8%af%d9%84%d8%a9-datalist/">تعلم كيفية البحث في القوائم المنسدلة Datalist و Fieldset لإظهار تصميم مع الحقول</a> </h3> </li><li data-id="11926"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-textarea-%d9%81%d9%8a-html-%d9%84%d8%a5%d8%b1%d8%b3%d8%a7%d9%84-%d8%b1%d8%b3%d8%a7%d8%a6%d9%84/">كيفية استخدام Textarea في HTML لإرسال رسائل</a> </h3> </li><li data-id="11928"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%a3%d8%b2%d8%b1%d8%a7%d8%b1-%d8%a7%d9%84%d8%a5%d8%b1%d8%b3%d8%a7%d9%84-%d9%88%d8%a7%d9%84%d8%a5%d8%b9%d8%a7%d8%af%d8%a9/">كيفية استخدام أزرار الإرسال والإعادة وتخصيص الحقول في HTML</a> </h3> </li><li> <div class="list-icons"><label class="icons"> <i class="fa fa-solid fa-upload"></i> </label></div><h3> <a href="https://edu.europeanboard.eu/assignment/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d8%aa%d8%b7%d8%a8%d9%8a%d9%82-%d8%b9%d9%85%d9%84%d9%8a-%d9%81%d9%8a-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-%d8%a5%d8%af%d8%ae%d8%a7%d9%84-%d8%a7/">مشروع تطبيق عملي في إنشاء نماذج إدخال البيانات</a> </h3> </li><li data-id="12018"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a3%d9%86%d9%88%d8%a7%d8%b9-%d8%a7%d9%84%d9%85%d8%af%d8%ae%d9%84%d8%a7%d8%aa-%d9%81%d9%8a-html-%d9%88%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85%d9%87%d8%a7-%d9%84/">أنواع المدخلات في HTML وكيفية استخدامها لتطوير مواقع الويب بكفاءة</a> </h3> <button class="free-watch-lesson free-watch-listlesson"> <i class="fa fa-regular fa-eye"></i> شاهد مجاناً</button> </li><li data-id="12020"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%85%d9%82%d8%a7%d8%b1%d9%86%d8%a9-%d8%a8%d9%8a%d9%86-input-date-%d9%88-jquery-date-%d9%88-%d8%a7%d9%84%d8%aa%d8%ad%d9%82%d9%82-%d9%85%d9%86-%d8%a3%d8%b1%d9%82%d8%a7%d9%85-%d8%a7%d9%84%d9%87%d8%a7/">مقارنة بين input date و jQuery date و التحقق من أرقام الهاتف باستخدام input tel في HTML</a> </h3> </li><li data-id="12022"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%a3%d9%86%d9%88%d8%a7%d8%b9-%d8%a7%d9%84%d9%85%d8%af%d8%ae%d9%84%d8%a7%d8%aa-range-%d9%88-color-%d9%88-hidden-%d9%81%d9%8a-html-%d8%a7%d9%84%d8%ae%d8%b5/">استخدام أنواع المدخلات range و color و hidden في HTML: الخصائص والتطبيقات</a> </h3> </li><li data-id="12025"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%ad%d9%82%d9%88%d9%84-%d8%a7%d9%84%d8%a5%d8%af%d8%ae%d8%a7%d9%84-%d9%84%d9%84%d8%b1%d9%88%d8%a7%d8%a8%d8%b7-%d9%88%d8%a7%d9%84%d8%b4%d9%87%d9%88%d8%b1-url-%d9%88month-%d9%88%d8%aa%d8%b9%d9%84/">حقول الإدخال للروابط والشهور URL وMonth وتعلم البرمجة باستخدام البحث والذكاء الاصطناعي</a> </h3> </li><li class="title"><h4>القسم: كيفية دراسة وتحليل التصاميم وتحويلها لصفحات HTML </h4></li><li data-id="12116"><div class='list-icons'><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%aa%d8%ad%d9%84%d9%8a%d9%84-%d9%88%d8%aa%d8%ae%d8%b7%d9%8a%d8%b7-%d8%a7%d9%84%d8%a3%d8%b4%d9%83%d8%a7%d9%84-%d9%88%d8%a7%d9%84%d8%aa%d8%b5%d8%a7%d9%85%d9%8a%d9%85-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae/">تحليل وتخطيط الأشكال والتصاميم باستخدام الأعمدة والصفوف لبناء صفحات الويب</a> </h3> </li><li data-id="12118"><div class='list-icons'><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a3%d9%87%d9%85%d9%8a%d8%a9-%d8%aa%d8%ad%d9%84%d9%8a%d9%84-%d8%aa%d8%ae%d8%b7%d9%8a%d8%b7%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d9%8a%d8%a8-%d9%84%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%b5%d9%85%d9%8a/">أهمية تحليل تخطيطات الويب لتحسين تصميم واجهات المستخدم وتطوير الويب</a> </h3> <button class="free-watch-lesson free-watch-listlesson"> <i class="fa fa-regular fa-eye"></i> شاهد مجاناً</button> </li><li data-id="12120"><div class='list-icons'><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a3%d9%86%d9%88%d8%a7%d8%b9-%d8%aa%d8%ae%d8%b7%d9%8a%d8%b7%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d9%8a%d8%a8-%d8%a7%d9%84%d9%81%d8%b1%d9%82-%d8%a8%d9%8a%d9%86-%d8%a7%d9%84%d8%aa%d8%ae%d8%b7%d9%8a%d8%b7/">أنواع تخطيطات الويب: الفرق بين التخطيط الكامل، الصندوقي، وتخطيط الشريط الجانبي</a> </h3> </li><li data-id="12124"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a8%d9%86%d8%a7%d8%a1-%d9%87%d9%8a%d9%83%d9%84-%d8%a8%d8%b3%d9%8a%d8%b7-%d9%84%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d9%8a%d8%a8-%d9%85%d8%ab%d8%a7%d9%84-%d8%b9%d9%84%d9%89-%d8%aa%d8%ad/">بناء هيكل بسيط لصفحات الويب مثال على تحويل التصميم لكود وطرق تحليل التصميم</a> </h3> </li><li data-id="12126"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%85%d8%a7-%d9%87%d9%88-%d8%ae%d8%a7%d8%b5%d9%8a%d8%a9-id-%d9%81%d9%8a-html-%d9%88%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85%d9%87%d8%a7-%d8%a8%d9%81%d8%b9%d8%a7%d9%84/">ما هو خاصية ID في HTML وكيفية استخدامها بفعالية</a> </h3> <button class="free-watch-lesson free-watch-listlesson"> <i class="fa fa-regular fa-eye"></i> شاهد مجاناً</button> </li><li data-id="12129"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%85%d8%a7-%d9%87%d9%88-%d8%ae%d8%a7%d8%b5%d9%8a%d8%a9-class-%d9%88%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85%d9%87%d8%a7-%d9%81%d9%8a-html%d8%9f/">ما هو خاصية class وكيفية استخدامها في HTML؟</a> </h3> </li><li data-id="12131"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%a7%d9%84%d8%ae%d8%b5%d8%a7%d8%a6%d8%b5-class-%d9%88-multi-class-%d9%81%d9%8a-html-%d9%88-css/">كيفية استخدام الخصائص class و multi-class في HTML و CSS</a> </h3> </li><li data-id="12133"><div class='list-icons'><label class="icons"><i class="fa fa-solid fa-sitemap"></i></label><label class="icons"> <i class="fa fa-solid fa-play"></i></label><label class="icons pdf-icons"> <i class="fa fa-regular fa-file"></i></label></div> <h3> <a href="https://edu.europeanboard.eu/lesson/%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%b9%d9%86%d8%a7%d8%b5%d8%b1-html-%d9%85%d8%ab%d9%84-header-%d9%88-footer-%d9%88-aside-%d9%88-section-%d8%a3%d9%85%d8%ab%d9%84%d8%a9/">استخدام عناصر HTML مثل header و footer و aside و section أمثلة</a> </h3> </li></ul> </div> </div> <div class="single-related"> <h3>دورات تدريبية أخرى في برمجة </h3> <div class="single-related-list"> <div> <div class="img"> <a href="https://edu.europeanboard.eu/course/frontend-web-development-diploma-for-beginners/"><img width="660" height="420" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20660%20420'%3E%3C/svg%3E" data-lazy-src="https://edu.europeanboard.eu/wp-content/uploads/2024/09/front-end-diploma-for-beginners-660x420.png" /><noscript><img width="660" height="420" src='https://edu.europeanboard.eu/wp-content/uploads/2024/09/front-end-diploma-for-beginners-660x420.png' /></noscript></a> </div> <h3><a href="https://edu.europeanboard.eu/course/frontend-web-development-diploma-for-beginners/">دبلوم بناء مواقع الإنترنت للمبتدئين تعلم من الصفر HTML وCSS وJavaScript</a></h3> <p>ابدأ رحلتك في تطوير مواقع الإنترنت مع دبلوم شامل للمبتدئين. تعلم HTML وCSS وJavaScript من الصفر واكتسب المهارات الأساسية لبناء مواقع احترافية. دورة مصممة لتدعمك في كل خطوة على الطريق.</p> </div><div> <div class="img"> <a href="https://edu.europeanboard.eu/course/learn-javascript-to-build-interactive-web-applications/"><img width="660" height="420" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20660%20420'%3E%3C/svg%3E" data-lazy-src="https://edu.europeanboard.eu/wp-content/uploads/2024/05/بببببببببببببببب-660x420.png" /><noscript><img width="660" height="420" src='https://edu.europeanboard.eu/wp-content/uploads/2024/05/بببببببببببببببب-660x420.png' /></noscript></a> </div> <h3><a href="https://edu.europeanboard.eu/course/learn-javascript-to-build-interactive-web-applications/">تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript</a></h3> <p>تعلم البرمجة من الصفر وبدون خبرة حتى احتراف صناعة تطبيقات الويب التفاعلية باستخدام لغة العصر جافاسكربت JavaScript</p> </div><div> <div class="img"> <a href="https://edu.europeanboard.eu/course/learn-php-programming-language-course/"><img width="660" height="420" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20660%20420'%3E%3C/svg%3E" data-lazy-src="https://edu.europeanboard.eu/wp-content/uploads/2024/03/PHP-programming-language-course-660x420.png" /><noscript><img width="660" height="420" src='https://edu.europeanboard.eu/wp-content/uploads/2024/03/PHP-programming-language-course-660x420.png' /></noscript></a> </div> <h3><a href="https://edu.europeanboard.eu/course/learn-php-programming-language-course/">دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية</a></h3> <p>دورة لغة برمجة PHP لبناء صفحات ويب ديناميكية يقام البرنامج بالتعاون وباعتماد الجهات التالية شهادة موثقة من الجهات الالمانية شهادة معتمدة الوحدة...</p> </div> </div> </div> <div class="single-related"> <h3>مقالات ذات صلة</h3> <div class="single-related-list"> <div> <div class="img"> <a href="https://edu.europeanboard.eu/understanding-internet-networks-web-servers/"><img width="660" height="420" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20660%20420'%3E%3C/svg%3E" data-lazy-src="https://edu.europeanboard.eu/wp-content/uploads/2024/09/دورة-تدريبية-في-فهم-شبكات-الإنترنت-وخوادم-الويب1-660x420.png" /><noscript><img width="660" height="420" src='https://edu.europeanboard.eu/wp-content/uploads/2024/09/دورة-تدريبية-في-فهم-شبكات-الإنترنت-وخوادم-الويب1-660x420.png' /></noscript></a> </div> <h3><a href="https://edu.europeanboard.eu/understanding-internet-networks-web-servers/">فهم شبكات الإنترنت وخوادم الويب: مقدمة شاملة</a></h3> <p>الإنترنت هو أحد الابتكارات الأكثر تأثيرًا في العالم الحديث، حيث يلعب دورًا أساسيًا في تقريب العالم وجعل المعلومات والمعرفة في متناول الجميع....</p> </div><div> <div class="img"> <a href="https://edu.europeanboard.eu/applying-animations-and-3d-effects-within-the-page/"><img width="660" height="420" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20660%20420'%3E%3C/svg%3E" data-lazy-src="https://edu.europeanboard.eu/wp-content/uploads/2024/03/HTML-CSS-660x420.png" /><noscript><img width="660" height="420" src='https://edu.europeanboard.eu/wp-content/uploads/2024/03/HTML-CSS-660x420.png' /></noscript></a> </div> <h3><a href="https://edu.europeanboard.eu/applying-animations-and-3d-effects-within-the-page/">تطبيق حركات الانيميشن والتحريك ال 3d وخلق اشكال انسيابية للعناصر داخل الصفحة</a></h3> <p>تطبيق حركات الانيميشن والتحريك الـ 3D في بناء صفحات الويب باستخدام HTML و CSS في عالم تصميم الويب الحديث، أصبحت حركات الانيميشن...</p> </div><div> <div class="img"> <a href="https://edu.europeanboard.eu/benefits-of-learning-programming-javascript/"><img width="512" height="420" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20420'%3E%3C/svg%3E" data-lazy-src="https://edu.europeanboard.eu/wp-content/uploads/2024/08/جافاسكربت-512x420.png" /><noscript><img width="512" height="420" src='https://edu.europeanboard.eu/wp-content/uploads/2024/08/جافاسكربت-512x420.png' /></noscript></a> </div> <h3><a href="https://edu.europeanboard.eu/benefits-of-learning-programming-javascript/">لماذا يجب أن تبدأ بتعلم البرمجة وجافاسكربت الآن؟</a></h3> <p>فوائد تعلم البرمجة وبرنامج جافاسكربت في عالمنا الرقمي المتسارع، أصبحت البرمجة حجر الزاوية الذي تقوم عليه العديد من الابتكارات التقنية التي نشهدها...</p> </div> </div> </div> </div> </div> <footer class="sh-footer-template" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter"> <div class="container"> <style type="text/css" data-type="vc_shortcodes-custom-css"></style><p><div class="vc_row wpb_row vc_row-fluid footer-section-row-logo vc_custom_1687036291652 vc_row_605337518"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner "><div class="wpb_wrapper" style="width: 100%; max-width: 370px;margin-left: 0; margin-right: auto;"> <div id="single-image-HDnSW9fIJo" class="sh-single-image "> <div class="sh-element-margin"> <div class="sh-image-lazy-loading" style="max-width: 910px;"> <div class="sh-single-image-container sh-single-image-container-lazy"> <div class="ratio-container" style="padding-top: 112.52747252747%;"> <div class="ratio-content"> <img class="sh-image-url lazy" data-src="https://edu.europeanboard.eu/wp-content/uploads/2019/09/logo-no-background-910x1024.png" alt="logo-no-background" /> </div> </div> </div> </div> </div> </div> <style type="text/css"></style> <div class="sh-empty-space vc_empty_space sh-empty-space-lZSvkaDIAo " style="height: 18px"> <span class="vc_empty_space_inner"></span> </div> <div id="text-block-FBOIuAUGq3" class="sh-text-block"> الحصول على الدبلومة المعتمدة من البورد الأوروبي يبدأ من هنا</p> <p><a href="https://edu.europeanboard.eu/academy/">ابدأ التعلم</a></div> <style type="text/css"></style> <style media="screen"></style> <div class="sh-empty-space vc_empty_space sh-empty-space-cCZ1DvVmrx " style="height: 32px"> <span class="vc_empty_space_inner"></span> </div> <div class="sh-empty-space vc_empty_space sh-empty-space-1mnsCOzQxF " style="height: 32px"> <span class="vc_empty_space_inner"></span> </div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner vc_custom_1569516681324"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_row_1833197484"><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner vc_custom_1569516697160"><div class="wpb_wrapper"> <div class="sh-heading " id="heading-zSEM3fPnx8"> <div class="sh-element-margin"> <h5 class="sh-heading-content size-custom text-right"> روابط مفيدة </h5> </div> </div> <style type="text/css"></style> <style media="screen"></style> <div class="sh-empty-space vc_empty_space sh-empty-space-VyWSgJFnd3 " style="height: 32px"> <span class="vc_empty_space_inner"></span> </div> <div id="text-block-MjIVim7qCU" class="sh-text-block"> <a href="https://edu.europeanboard.eu/how-it-work/">How it work</a></p> <p><a href="https://edu.europeanboard.eu/my-account/">My account</a></p> <p><a href="https://edu.europeanboard.eu/academy/">Academy</a></div> <style type="text/css"></style> <div class="sh-empty-space vc_empty_space sh-empty-space-QUkqDIBz28 " style="height: 32px"> <span class="vc_empty_space_inner"></span> </div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-4 vc_column_1106634409"><div class="vc_column-inner "><div class="wpb_wrapper"> <div class="sh-empty-space vc_empty_space sh-empty-space-5x4Yamrd3g " style="height: 32px"> <span class="vc_empty_space_inner"></span> </div> <style type="text/css"></style></div></div></div><div class="wpb_column vc_column_container vc_col-sm-4 vc_column_1141240555"><div class="vc_column-inner "><div class="wpb_wrapper"> <div class="sh-heading " id="heading-c6IeQtZv1q"> <div class="sh-element-margin"> <h5 class="sh-heading-content size-custom text-right"> وسائل الاتصال </h5> </div> </div> <style type="text/css"></style> <style media="screen"></style> <div class="sh-empty-space vc_empty_space sh-empty-space-eVtHBm3qDd " style="height: 32px"> <span class="vc_empty_space_inner"></span> </div> <div id="text-block-6omYKGuzbJ" class="sh-text-block"> </p> <p style="text-align: right;">اتصل بنا:</p> <p style="text-align: right;"><a href="mailto:edu@europeanboard.eu">edu@europeanboard.eu</a></p> <p></div> <style type="text/css"></style> <style type="text/css"></style></div></div></div><style type="text/css"></style></div></div></div></div><style type="text/css"></style></div><div data-vc-full-width="true" data-vc-full-width-init="false" class="vc_row wpb_row vc_row-fluid vc_custom_1716697067801 vc_row-has-fill vc_row_906175023"><div class="wpb_column vc_column_container vc_col-sm-4" id="footer-list2-heading"><div class="vc_column-inner vc_custom_1716697056615"><div class="wpb_wrapper"> <div class="sh-heading " id="heading-ir5fPW4v6x"> <div class="sh-element-margin"> <h6 class="sh-heading-content size-default text-right"> وصول سريع </h6> </div> </div> <style type="text/css"></style> <div class="vc_wp_custommenu wpb_content_element no-list-footer"><div class="widget widget_nav_menu"><div class="menu-footer-fast-access-container"><ul id="menu-footer-fast-access" class="menu"><li id="menu-item-7927" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7927"><a href = "https://edu.europeanboard.eu/togother-with/">بالتعاون مع</a></li> <li id="menu-item-4278" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4278"><a href = "https://edu.europeanboard.eu/ar/">البورد الأوروبي للعلوم والتنمية</a></li> <li id="menu-item-6519" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6519"><a href = "https://edu.europeanboard.eu/academy/">الأكاديمية</a></li> <li id="menu-item-6520" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6520"><a href = "https://edu.europeanboard.eu/europeanboard-experts/">خبراء البورد الأوروربي</a></li> <li id="menu-item-6521" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6521"><a href = "https://edu.europeanboard.eu/start-training-with-us-now/">ابدأ معنا كمدرب معتمد الأن</a></li> <li id="menu-item-8824" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-8824"><a href = "https://edu.europeanboard.eu/">English</a></li> </ul></div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-4" id="footer-list1-heading"><div class="vc_column-inner vc_custom_1716697032267"><div class="wpb_wrapper"> <div class="sh-heading " id="heading-UgJu2qtcMH"> <div class="sh-element-margin"> <h6 class="sh-heading-content size-default text-right"> البورد </h6> </div> </div> <style type="text/css"></style> <div class="vc_wp_custommenu wpb_content_element no-list-footer"><div class="widget widget_nav_menu"><div class="menu-footer-useful-links-container"><ul id="menu-footer-useful-links" class="menu"><li id="menu-item-7912" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7912"><a href = "https://edu.europeanboard.eu/accredited/">تراخيص واعتمادات</a></li> <li id="menu-item-3986" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3986"><a href = "https://edu.europeanboard.eu/%d8%a7%d9%84%d8%a8%d9%88%d8%b1%d8%af-%d8%a7%d9%84%d8%a3%d9%88%d8%b1%d9%88%d8%a8%d9%8a/">البورد الأوروبي</a></li> <li id="menu-item-3989" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3989"><a href = "https://edu.europeanboard.eu/about/">من نحن</a></li> <li id="menu-item-3988" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3988"><a href = "https://edu.europeanboard.eu/help-form/">مركز الدعم</a></li> <li id="menu-item-3990" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-3990"><a href = "https://edu.europeanboard.eu/privacy-policy/">سياسة الخصوصية</a></li> <li id="menu-item-8808" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8808"><a href = "https://edu.europeanboard.eu/guarantee/">ضمان حقوقك</a></li> <li id="menu-item-11897" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11897"><a href = "https://edu.europeanboard.eu/certificate/">الشهادة</a></li> </ul></div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-4 vc_col-has-fill"><div class="vc_column-inner vc_custom_1717572990671"><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_center vc_custom_1719487313484"> <figure class="wpb_wrapper vc_figure"> <div class="vc_single_image-wrapper vc_box_border_grey"><img class="vc_single_image-img " src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20125%2075'%3E%3C/svg%3E" width="125" height="75" alt="European Board Logo" title="European Board Logo" data-lazy-src="https://edu.europeanboard.eu/wp-content/uploads/2018/06/logo-no-background-125x75.png" /><noscript><img class="vc_single_image-img " src="https://edu.europeanboard.eu/wp-content/uploads/2018/06/logo-no-background-125x75.png" width="125" height="75" alt="European Board Logo" title="European Board Logo" /></noscript></div> </figure> </div> <div id="logos-footer1" class="vc_row wpb_row vc_inner vc_row-fluid vc_row_1835061971"><div class="wpb_column vc_column_container vc_col-sm-4 vc_column_1565453240"><div class="vc_column-inner "><div class="wpb_wrapper"> <div id="single-image-XCZFKHVe3n" class="sh-single-image "> <div class="sh-element-margin"> <div class="sh-image-lazy-loading" style="max-width: 300px;"> <div class="sh-single-image-container sh-single-image-container-lazy"> <a href="https://edu.europeanboard.eu/accredited/"> <div class="ratio-container" style="padding-top: 100%;"> <div class="ratio-content"> <img class="sh-image-url lazy" data-src="https://edu.europeanboard.eu/wp-content/uploads/2019/09/—Pngtree—germany-flag-vector-with-gold_6946356-300x300-1.png" alt="—Pngtree—germany-flag-vector-with-gold_6946356-300x300" /> </div> </div> </a> </div> </div> </div> </div> <style type="text/css"></style> <style type="text/css"></style></div></div></div><div class="wpb_column vc_column_container vc_col-sm-4 vc_column_2111423672"><div class="vc_column-inner "><div class="wpb_wrapper"> <div id="single-image-jUuy0aZ9Oo" class="sh-single-image "> <div class="sh-element-margin"> <div class="sh-image-lazy-loading" style="max-width: 150px;"> <div class="sh-single-image-container sh-single-image-container-lazy"> <a href="https://esango.un.org/civilsociety/showProfileDetail.do?method=showProfileDetails&tab=3&profileCode=650170"> <div class="ratio-container" style="padding-top: 100%;"> <div class="ratio-content"> <img class="sh-image-url lazy" data-src="https://edu.europeanboard.eu/wp-content/uploads/2018/06/3-1.png" alt="المسجلة في الامم المتحدة" /> </div> </div> </a> </div> </div> </div> </div> <style type="text/css"></style> <style type="text/css"></style></div></div></div><div class="wpb_column vc_column_container vc_col-sm-4 vc_column_540439479"><div class="vc_column-inner "><div class="wpb_wrapper"> <div id="single-image-hWxKXHZQvI" class="sh-single-image "> <div class="sh-element-margin"> <div class="sh-image-lazy-loading" style="max-width: 101px;"> <div class="sh-single-image-container sh-single-image-container-lazy"> <a href="https://humanrestart.org/"> <div class="ratio-container" style="padding-top: 99.009900990099%;"> <div class="ratio-content"> <img class="sh-image-url lazy" data-src="https://edu.europeanboard.eu/wp-content/uploads/2019/09/European-Human-Restart-Academy-logo-header.png" alt="European-Human-Restart-Academy-logo-header" /> </div> </div> </a> </div> </div> </div> </div> <style type="text/css"></style> <style type="text/css"></style></div></div></div></div></div></div></div></div><div class="vc_row-full-width vc_clearfix"></div><div id="logos-mixed-in-footer" data-vc-full-width="true" data-vc-full-width-init="false" class="vc_row wpb_row vc_row-fluid vc_custom_1718733839142 vc_row-has-fill vc_row_1491065586"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner vc_custom_1718732849606"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_row_1217456178"><div class="wpb_column vc_column_container vc_col-sm-8 vc_column_933279574"><div class="vc_column-inner "><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_right vc_custom_1718748982883 logos-payment-footer-logo"> <figure class="wpb_wrapper vc_figure"> <div class="vc_single_image-wrapper vc_box_border_grey"><img width="300" height="46" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%2046'%3E%3C/svg%3E" class="vc_single_image-img attachment-medium" alt="" title="payment-methods-1" decoding="async" data-lazy-srcset="https://edu.europeanboard.eu/wp-content/uploads/2019/09/payment-methods-1-300x46.png 300w, https://edu.europeanboard.eu/wp-content/uploads/2019/09/payment-methods-1-24x4.png 24w, https://edu.europeanboard.eu/wp-content/uploads/2019/09/payment-methods-1-36x5.png 36w, https://edu.europeanboard.eu/wp-content/uploads/2019/09/payment-methods-1-48x7.png 48w, https://edu.europeanboard.eu/wp-content/uploads/2019/09/payment-methods-1.png 487w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://edu.europeanboard.eu/wp-content/uploads/2019/09/payment-methods-1-300x46.png" /><noscript><img width="300" height="46" src="https://edu.europeanboard.eu/wp-content/uploads/2019/09/payment-methods-1-300x46.png" class="vc_single_image-img attachment-medium" alt="" title="payment-methods-1" decoding="async" srcset="https://edu.europeanboard.eu/wp-content/uploads/2019/09/payment-methods-1-300x46.png 300w, https://edu.europeanboard.eu/wp-content/uploads/2019/09/payment-methods-1-24x4.png 24w, https://edu.europeanboard.eu/wp-content/uploads/2019/09/payment-methods-1-36x5.png 36w, https://edu.europeanboard.eu/wp-content/uploads/2019/09/payment-methods-1-48x7.png 48w, https://edu.europeanboard.eu/wp-content/uploads/2019/09/payment-methods-1.png 487w" sizes="(max-width: 300px) 100vw, 300px" /></noscript></div> </figure> </div> <style type="text/css"></style></div></div></div><div class="wpb_column vc_column_container vc_col-sm-4" id="payment-methods-footer"><div class="vc_column-inner vc_custom_1719467766163"><div class="wpb_wrapper"> <div class="sh-heading sh-heading-style1" id="heading-9KcYUdtWem"> <h2 class="sh-heading-content size-default"> </span> <h5 class="footer-menu-title">وسائل الدفع الأكثر آماناً</h5> <span><span style="font-size: 14px;">بالإضافة لوسائل أخرى</span> </h2> </div> <style type="text/css"></style> </div></div></div><style type="text/css"></style></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner vc_custom_1716696955767"><div class="wpb_wrapper"><div id="logos-footer2" class="vc_row wpb_row vc_inner vc_row-fluid vc_row-o-content-middle vc_row-flex vc_row_655092273"><div class="wpb_column vc_column_container vc_col-sm-1/5 vc_column_1903977660"><div class="vc_column-inner "><div class="wpb_wrapper"> <div id="single-image-KXeadgh1nw" class="sh-single-image "> <div class="sh-element-margin"> <div class="sh-image-lazy-loading" style="max-width: 140px;"> <div class="sh-single-image-container sh-single-image-container-lazy"> <a href="http://europeanuni.eu/"> <div class="ratio-container" style="padding-top: 71.428571428571%;"> <div class="ratio-content"> <img class="sh-image-url lazy" data-src="https://edu.europeanboard.eu/wp-content/uploads/2024/05/EuEn.png" alt="EuEn" /> </div> </div> </a> </div> </div> </div> </div> <style type="text/css"></style> <style type="text/css"></style></div></div></div><div class="wpb_column vc_column_container vc_col-sm-1/5 vc_column_178580622"><div class="vc_column-inner "><div class="wpb_wrapper"> <div id="single-image-piVcxZKnb7" class="sh-single-image "> <div class="sh-element-margin"> <div class="sh-image-lazy-loading" style="max-width: 463px;"> <div class="sh-single-image-container sh-single-image-container-lazy"> <a href="https://goaheadingermany.de/"> <div class="ratio-container" style="padding-top: 41.252699784017%;"> <div class="ratio-content"> <img class="sh-image-url lazy" data-src="https://edu.europeanboard.eu/wp-content/uploads/2019/09/gaing-1.png" alt="gaing-1" /> </div> </div> </a> </div> </div> </div> </div> <style type="text/css"></style> <style type="text/css"></style></div></div></div><div class="wpb_column vc_column_container vc_col-sm-1/5" id="cancel-subscription-logo-footer"><div class="vc_column-inner "><div class="wpb_wrapper"> <div id="single-image-nCXZTPE0xS" class="sh-single-image "> <div class="sh-element-margin"> <div class="sh-image-lazy-loading" style="max-width: 160px;"> <div class="sh-single-image-container sh-single-image-container-lazy"> <a href="https://edu.europeanboard.eu/privacy-policy/#cancel-subscription"> <div class="ratio-container" style="padding-top: 53.75%;"> <div class="ratio-content"> <img class="sh-image-url lazy" data-src="https://edu.europeanboard.eu/wp-content/uploads/2019/09/money-back-guaranteed-label-vector-removebg-preview.png" alt="money-back-guaranteed-label-vector-removebg-preview" /> </div> </div> </a> </div> </div> </div> </div> <style type="text/css"></style> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-1/5 vc_column_1350706275"><div class="vc_column-inner "><div class="wpb_wrapper"> <div id="single-image-EwL1rDTsYG" class="sh-single-image "> <div class="sh-element-margin"> <div class="sh-image-lazy-loading" style="max-width: 918px;"> <div class="sh-single-image-container sh-single-image-container-lazy"> <a href="https://www.trustpilot.com/review/edu.europeanboard.eu"> <div class="ratio-container" style="padding-top: 23.63834422658%;"> <div class="ratio-content"> <img class="sh-image-url lazy" data-src="https://edu.europeanboard.eu/wp-content/uploads/2019/09/png-transparent-trustpilot-logos-brands-in-colors-icon-removebg-preview.png" alt="png-transparent-trustpilot-logos-brands-in-colors-icon-removebg-preview" /> </div> </div> </a> </div> </div> </div> </div> <style type="text/css"></style> <style type="text/css"></style></div></div></div></div></div></div></div></div><div class="vc_row-full-width vc_clearfix"></div><div data-vc-full-width="true" data-vc-full-width-init="false" class="vc_row wpb_row vc_row-fluid vc_custom_1716697239950 vc_row-has-fill vc_row_444660840"><div class="logo-facebook-footer wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner vc_custom_1718733577368"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_custom_1718733643386 vc_icon_element-align-right"><div class="vc_icon_element-inner vc_icon_element-color-blue vc_icon_element-size-md vc_icon_element-style- vc_icon_element-background-color-grey" ><span class="vc_icon_element-icon fab fa-facebook-square" ></span><a class="vc_icon_element-link" href="https://www.facebook.com/EuropeanBoard.eu" title="" target="_blank"></a></div></div></div></div></div><div class="copyright-footer-logo wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner vc_custom_1718733569123"><div class="wpb_wrapper"> <div class="sh-heading sh-heading-style1" id="heading-qzN3KPeQTD"> <h2 class="sh-heading-content footer-copyright-heading size-default"> </span> <span style="text-align: right;"><span style="font-size: 13px;"> البورد الأوروبي © 2024 . جميع الحقوق محفوظة | <a href="https://edu.europeanboard.eu/sitemap">خريطة الموقع</a></span></span> <span> </h2> </div> <style type="text/css"></style> </div></div></div></div><div class="vc_row-full-width vc_clearfix"></div></p> </div> </footer> </div> </div> <div class="sh-notifications"></div> <div class="sh-notification-item-example"> <strong class="sh-notification-item-name"></strong> has been added to the cart. <a href="https://edu.europeanboard.eu"> <strong> View Cart </strong> </a> <span class="sh-notification-item-close"> <i class="ti-close"></i> </span> </div> <div id="fb-root"></div> <div class="wcmmq-json-options-data" data-step_error_valiation="Please enter a valid value. The two nearest valid values are [should_min] and [should_next]" data-msg_min_limit="Minimum quantity should [min_quantity] of "[product_name]"" data-msg_max_limit="" data-wcmmq_json_data="{"step_error_valiation":"Please enter a valid value. The two nearest valid values are [should_min] and [should_next]"}" style="display:none;visibility:hidden;opacity:0;" ></div> <div id="pum-5484" class="pum pum-overlay pum-theme-5475 pum-theme-default-theme popmake-overlay pum-click-to-close click_open" data-popmake="{"id":5484,"slug":"lesson-access-course-page","theme_id":5475,"cookies":[],"triggers":[{"type":"click_open","settings":{"extra_selectors":"","cookie_name":null}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"stackable":false,"overlay_disabled":false,"scrollable_content":false,"disable_reposition":false,"size":"medium","responsive_min_width":"0%","responsive_min_width_unit":false,"responsive_max_width":"100%","responsive_max_width_unit":false,"custom_width":"640px","custom_width_unit":false,"custom_height":"380px","custom_height_unit":false,"custom_height_auto":false,"location":"center","position_from_trigger":false,"position_top":"100","position_left":"0","position_bottom":"0","position_right":"0","position_fixed":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","overlay_zindex":false,"zindex":"1999999999"},"close":{"text":"x","button_delay":"0","overlay_click":"1","esc_press":"1","f4_press":"1"},"click_open":[]}}" role="dialog" aria-modal="false" aria-labelledby="pum_popup_title_5484"> <div id="popmake-5484" class="pum-container popmake theme-5475 pum-responsive pum-responsive-medium responsive size-medium"> <div id="pum_popup_title_5484" class="pum-title popmake-title"> ابدأ التعلم الأن </div> <div class="pum-content popmake-content" tabindex="0"> <div class="container-cs-lesson-popup"> <div class="container-cs-lesson"> <div class="col"> <h2 class="course-title">الدورة التدريبية</h2> <h4 class="lesson-title">الدرس</h4> </div> </div> <div class="container-cs-content"> <div class="col"><i class="fa fa-regular fa-file"></i>ملحقات دراسية</div> <div class="col"><i class="fa fa-solid fa-play"></i>مواد تعليمية</div> <div class="col"><i class="fa fa-solid fa-graduation-cap"></i>اختبارات تدريبة</div> </div> </div> <div class="container-cs-lesson-popup-cert"> <div class="videos-preview"> <h5>لمحة من فيديوهات الدروس</h5> <div> <div class="video-preview"> <iframe loading="lazy" src='about:blank' allowfullscreen data-rocket-lazyload="fitvidscompatible" data-lazy-src="https://www.youtube.com/embed/LQxZoFs-eT8?rel=0">

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

نقدم لك دروس تقنية مجانية إضافية تحتوي على مجموعة من الدروس القيمة لتعميق فهمك في مجالات متعددة تتعلق بتطوير الويب. ستساعدك هذه الدروس في تعزيز مهاراتك وفهمك لبروتوكولات الشبكة وأدوات التطوير. لغير المشتركين شاهد الدروس المجانية هنا Understand Basics of Web Network for Web Development للمشتركين في البرنامج من خلال ورشة التعلم في هذا الدرس يمكنك تصفح: قائمة مصادر تحتوي على روابط لصفحات الدروس قائمة فيديوهات إضافية تحتوي على روابط فيدهوات الشرح
كيف إنشاء مشروع وملف HTML وإضافة محتوى وإعدادات صفحة الويب
مراجعة وفهم الدروس السابقة والطريق وصولاً إلى بناء مواقع ويب احترافية
مقدمة في جداول HTML: لماذا نستخدمها وما الذي يمكن أن تفعله؟
عرض الجداول الكبيرة بشكل فعال في مواقع الويب باستخدام <thead>, <tfoot>, و <tbody>
كيفية إنشاء واستخدام النماذج وحقول الإدخال في HTML لجمع بيانات في صفحة الويب
أنواع المدخلات في HTML وكيفية استخدامها لتطوير مواقع الويب بكفاءة
أهمية تحليل تخطيطات الويب لتحسين تصميم واجهات المستخدم وتطوير الويب
ما هو خاصية ID في HTML وكيفية استخدامها بفعالية

ماهي صفحات الويب وخوادم الويب وشبكة الانترنت

دليل فهم الشبكات، إعداد الخوادم، واستخدام أدوات البرمجة

كيف إنشاء مشروع وملف HTML وإضافة محتوى وإعدادات صفحة الويب

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

مقدمة في جداول HTML: لماذا نستخدمها وما الذي يمكن أن تفعله؟

عرض الجداول الكبيرة بشكل فعال في مواقع الويب باستخدام <thead>, <tfoot>, و <tbody>

كيفية إنشاء واستخدام النماذج وحقول الإدخال في HTML لجمع بيانات في صفحة الويب

أنواع المدخلات في HTML وكيفية استخدامها لتطوير مواقع الويب بكفاءة

أهمية تحليل تخطيطات الويب لتحسين تصميم واجهات المستخدم وتطوير الويب

ما هو خاصية ID في HTML وكيفية استخدامها بفعالية

إضافة اختصار للوصول إلى تطبيق البورد الأوروبي