اختبار إلكتروني حاسوبالصف التاسعالوحدة 1 [ المعالجة الرقمية ]

وظيفة الوسم <title> هي:

• إنشاء الجدول
• إدراج صورة
• عنوان صفحة الويب يظهر في شريط عنوان المتصفح
• إضافة خط أفقي

وظيفة الوسم <p> هي:

• إضافة خط أفقي
• إنشاء الصف
• إدراج صورة
• كتابة فقرة

وظيفة الوسم <pre> هي:

• إنشاء قوائم مرتبة
• إضافة خط أفقي
• كتابة فقرة مع مراعاة المسافات بين النصوص
• إنشاء رابط تشعبي

وظيفة الوسم <hr> هي:

• الانتقال إلى سطر جديد
• كتابة تعليق
• إدراج صورة
• إضافة خط أفقي

وظيفة الوسم <br> هي:

• إضافة خط أفقي
• الانتقال إلى سطر جديد
• إنشاء الجدول
• كتابة فقرة

وظيفة الوسم <b> هي:

• تنسيق النص ليصبح غامق
• تنسيق النص ليصبح مائل
• إضافة خط أفقي
• إنشاء الصف

وظيفة الوسم <i> هي:

• تنسيق النص ليصبح غامق
• إدراج صورة
• إنشاء الجدول
• تنسيق النص ليصبح مائل

وظيفة الوسم <a> هي:

• إدراج صورة
• إنشاء الصف
• إنشاء رابط تشعبي
• كتابة تعليق

وظيفة الوسم <nav> هي:

• تقسيم الصفحة إلى مناطق
• إنشاء قوائم مرتبة
• تجميع الروابط بالصفحة بمكان محدد كشريط
• إدراج صورة

وظيفة الوسم <img> هي:

• إدراج صورة
• إنشاء رابط تشعبي
• إنشاء الجدول
• كتابة فقرة

وظيفة الوسم <div> هي:

• تقسيم الصفحة إلى مناطق
• إدراج صورة
• إنشاء قوائم غير مرتبة
• إضافة خط أفقي

وظيفة الوسم <ol> هي:

• إنشاء قوائم غير مرتبة
• إنشاء قوائم مرتبة
• إنشاء الجدول
• إنشاء الصف

وظيفة الوسم <ul> هي:

• إنشاء قوائم مرتبة
• إنشاء الجدول
• إنشاء قوائم غير مرتبة
• إدراج صورة

وظيفة الوسم <table> هي:

• إنشاء الصف
• إدراج صورة
• إنشاء قوائم مرتبة
• إنشاء الجدول

وظيفة الوسم <tr> هي:

• إنشاء الجدول
• إدراج صورة
• إنشاء الصف
• كتابة فقرة

وظيفة الوسم <caption> هي:

• إنشاء الصف
• إدراج صورة
• إضافة عنوان أو تسمية للجدول
• إضافة خط أفقي

وظيفة الوسم <style> هي:

• إنشاء الجدول
• إدراج صورة
• إنشاء رابط تشعبي
• كتابة التنسيق المطلوب

الوسم <!-- --> يستخدم لـ:

• إضافة خط أفقي
• كتابة تعليق
• الانتقال إلى سطر جديد
• تنسيق النص ليصبح غامق

الوسم <h1> يستخدم لـ:

• إضافة خط أفقي
• إنشاء الصف
• تنسيق النص بحجم خط كبير
• إدراج صورة

الوسم <style> يكتب في منطقة:

• body
• table
• nav
• head

صِل كل وسم بوظيفته:

• <th> = خلايا العناوين
• <td> = خلايا البيانات
• <tr> = إنشاء الصف
• <table> = إنشاء الجدول

صِل كل وسم بوظيفته:

• <hr> = إضافة خط أفقي
• <br> = الانتقال إلى سطر جديد
• <b> = تنسيق النص ليصبح غامق
• <i> = تنسيق النص ليصبح مائل

الوسم الذي يستخدم لإنشاء رابط تشعبي هو:

• <img>
• <hr>
• <a>
• <ol>

وظيفة السمة lang هي:

• اتجاه الصفحة
• ترميز للصفحة
• لون الحدود
• تحديد اللغة

وظيفة السمة dir هي:

• تحديد اللغة
• ترميز للصفحة
• حجم الخط
• اتجاه الصفحة

وظيفة السمة meta هي:

• تحديد اللغة
• اتجاه الصفحة
• ترميز للصفحة
• لون الخلفية

وظيفة السمة alt هي:

• عنوان الصورة
• العرض
• لون الحدود
• النص البديل عند عدم توفر الصورة

وظيفة السمة colspan هي:

• دمج الخلايا عامودياً
• دمج الخلايا أفقياً
• لون الحدود
• حجم الخط

وظيفة السمة rowspan هي:

• دمج الخلايا أفقياً
• دمج الخلايا عامودياً
• محاذاة النص
• سمك الخط

وظيفة السمة font-size هي:

• حجم الخط
• سمك الخط
• لون الخلفية
• محاذاة النص

وظيفة السمة font-weight هي:

• حجم الخط
• لون الحدود
• محاذاة النص
• سمك الخط

وظيفة السمة background-color هي:

• لون الحدود
• حجم الخط
• لون الخلفية
• محاذاة النص

وظيفة السمة margin هي:

• المسافة الخارجية بين العناصر
• المسافة الداخلية بين العناصر
• الحد الأقصى للعرض
• لون الخلفية

وظيفة السمة padding هي:

• المسافة الداخلية بين العناصر
• المسافة الخارجية بين العناصر
• الحد الأقصى للعرض
• حجم الخط

وظيفة السمة max-width هي:

• الارتفاع
• لون الحدود
• الحد الأقصى للعرض
• حجم الخط

وظيفة السمة text-align هي:

• حجم الخط
• لون الخلفية
• محاذاة النص
• دمج الخلايا أفقياً

وظيفة السمة text-decoration هي:

• إزالة الزخرفة من النص مثل إلغاء الخط تحت الرابط
• محاذاة النص
• لون الخلفية
• حجم الخط

وظيفة السمة border-radius هي:

• لون الحدود
• نمط الحدود
• إعطاء زوايا مستديرة لحدود العنصر
• محاذاة النص

وظيفة السمة border-color هي:

• نمط الحدود
• لون الحدود
• لون الخلفية
• حجم الخط

وظيفة السمة color هي:

• تحديد اللغة
• تحديد اللون
• حجم الخط
• دمج الخلايا أفقياً

صِل كل سمة بوظيفتها:

• width = العرض
• height = الارتفاع
• alt = النص البديل عند عدم توفر الصورة
• title = عنوان الصورة

صِل كل قيمة للسمة border-style بمعناها:

• solid = متصل
• dotted = نقاط
• dashed = متقطع
• none = بدون حد

السمة التي تحدد سمك الحدود لجدول أو الصورة هي:

• color
• margin
• alt
• border

مكونات لغة HTML هي:

• الوسوم Tags
• المتصفح
• العناصر Elements
• السمات Attribute
• شريط الحالة

لغة وصفية تستخدم لتصميم صفحات الويب هي:

• URL
• HTML
• WebSite
• Visual Studio Code

الموقع الإلكتروني لموقع ويب وزارة التربية هو:

• https://www.moe.edu.kw
• https://www.uula.com/kw
• http://www.google.com
• mailto:[email protected]

الوسم <p> يسمى:

• وسم بداية
• وسم نهاية
• سمة
• عنصر كامل

الوسم </p> يسمى:

• وسم بداية
• سمة
• محتوى
• وسم نهاية

الوسم مع محتواه (النص) وكل ما بداخله يسمى:

• العنصر
• السمة
• وسم النهاية
• المحرر

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

• العنصر
• السمة
• وسم النهاية
• المحتوى

برنامج Visual Studio Code هو:

• متصفح إنترنت
• لغة برمجة
• محرر تعليمات برمجية
• موقع إلكتروني

صِل كل جزء من واجهة برنامج Visual Studio Code بمكانه:

• شريط القوائم = أعلى الواجهة
• شريط الحالة = أسفل الواجهة

رتّب خطوات إنشاء مجلد Folder للمشروع:

• الضغط بالزر الأيمن في سطح المكتب
• اختيار من القائمة الأمر جديد New
• اختيار من القائمة الفرعية أمر مجلد جديد New Folder
• كتابة اسم للمجلد ويفضل في اللغة الإنجليزية

يتم إنشاء مجلد المشروع ليتم فيه حفظ ملفات صفحات الويب التي سيتم إنشاؤها.

• صح
• خطأ

لفتح مجلد المشروع نختار من قائمة File الأمر:

• New File
• Open File
• Open Folder
• Save

لإنشاء صفحة ويب HTML نختار من قائمة File الأمر:

• Open Folder
• Open File
• New File
• Save As

لفتح صفحة ويب HTML نختار من قائمة File الأمر:

• New File
• Open Folder
• Save
• Open File

يمكن فتح مجلد المشروع من شاشة الترحيب بالضغط على أمر Open Folder.

• صح
• خطأ

تقسم صفحة الويب إلى عدد من الأقسام الرئيسية هو:

• ثلاثة
• اثنان
• خمسة
• أربعة

صِل كل جزء من هيكل صفحة الويب بوظيفته:

• <!DOCTYPE html> = تحديد أن المستند من نوع HTML
• <html> = العنصر الرئيسي ويحتوي جميع العناصر الأخرى
• <head> = يعرض المعلومات التعريفية للصفحة كعنوان الصفحة
• <body> = يعرض المحتويات المرئية داخل الصفحة

العنصر الذي يعرض المحتويات المرئية داخل الصفحة (العناوين والفقرات والصور والروابط والقوائم) هو:

• <head>
• <title>
• <body>
• <!DOCTYPE html>

الوسم <title> يكتب داخل:

• <body>
• <head>
• <p>
• <h1>

رتّب أقسام هيكل صفحة HTML من الأعلى إلى الأسفل:

• <!DOCTYPE html>
• <html>
• <head>
• <body>

لمعاينة صفحة الويب نضغط على:

• Ctrl + N
• Ctrl + F5
• Ctrl + O
• Ctrl + S

لمعاينة صفحة الويب نختار من قائمة Run الأمر:

• Open Folder
• New File
• Run Without Debugging
• Save As

بداية الوسوم بالإشارات < > ويتم إغلاقها بالشكل </ >.

• صح
• خطأ

للتحكم باتجاه الصفحة نستخدم السمة dir مع الوسم:

• title
• img
• body
• a

لجعل اتجاه الصفحة من اليمين إلى اليسار نكتب:

• <body dir="ltr">
• <body dir="rtl">
• <html lang="ar">
• <meta charset="UTF-8">

لجعل اتجاه الصفحة من اليسار إلى اليمين نكتب:

• <body dir="ltr">
• <body dir="rtl">
• <html lang="ar">
• <meta charset="UTF-8">

الوسم الذي يحافظ على المسافات الفارغة والأسطر المتعددة كما هي مكتوبة في التعليمات البرمجية هو:

• <pre>
• <p>
• <br>
• <hr>

الوسم p يتأثر بترك مسافات فارغة أو أسطر متعددة بين كلمات الفقرة الواحدة.

• صح
• خطأ

صِل كل تعليمة بوظيفتها:

• <html lang="ar"> = تحديد لغة الصفحة - لغة عربية
• <meta charset="UTF-8"> = الترميز للصفحة
• <body dir="ltr"> = اتجاه الصفحة

الوسوم التي لا يحتاج كل منها إلى وسم إغلاق:

• br
• p
• table
• hr

في التعليمة <a href="http://www.uula.com">منصة علا</a> السمة التي تحدد عنوان الموقع أو الصفحة هي:

• target
• alt
• href
• src

في التعليمة <a href="http://www.uula.com">منصة علا</a> النص الظاهر في الصفحة هو:

• http://www.uula.com
• href
• </a>
• منصة علا

السمة target="_blank" تجعل الرابط:

• يفتح الصفحة المرتبط بها في نافذة جديدة
• يرسل بريدًا إلكترونيًا
• يحمّل ملفًا
• يتصل عبر الهاتف

صِل كل نوع رابط بمثاله:

• خارجي مرتبط بموقع جوجل = <a href="http://www.google.com" target="_blank">
• داخلي مرتبط بصفحة بالموقع = <a href="info.html">
• مرتبط بجزء داخل نفس الصفحة = <a href="#section4">
• رابط لتحميل ملف = <a href="file_name.pdf">
• رابط لإرسال بريد إلكتروني = <a href="mailto:[email protected]">
• رابط اتصال عبر الهاتف = <a href="tel:+965-00000000">

الوسم الذي يتم من خلاله إنشاء شريط من الارتباطات التشعبية التي تكتب بداخله هو:

• <div>
• <ol>
• <table>
• <nav>

يتم إدراج الصور من خلال الوسم:

• img
• src
• div
• li

الوسم img ليس له وسم إغلاق.

• صح
• خطأ

صِل كل سمة من سمات التحكم بالصور بوظيفتها:

• src = لتحديد مكان الصورة
• alt = لإظهار نص بديل في حال عدم توفر الصورة
• width = تحديد عرض الصورة
• height = تحديد ارتفاع الصورة
• title = لإضافة نص عند وضع الماوس على الصورة

في التعليمة <img src="images/Kw_Towers.jpg" width="150" height="150" alt="غير متوفرة" title="أبراج الكويت"> النص البديل هو:

• غير متوفرة
• أبراج الكويت
• 150
• images/Kw_Towers.jpg

في التعليمة <img src="images/Kw_Towers.jpg" width="150" height="150" alt="غير متوفرة" title="أبراج الكويت"> عنوان الصورة هو:

• غير متوفرة
• أبراج الكويت
• 150
• images/Kw_Towers.jpg

لإنشاء قائمة مرتبة نستخدم الوسم:

• <ul>
• <li>
• <ol>
• <div>

لإنشاء قائمة غير مرتبة نستخدم الوسم:

• <ol>
• <li>
• <div>
• <ul>

يتم إضافة العناصر للقائمة سواء مرتبة أو غير مرتبة باستخدام الوسم:

• <li>
• <ol>
• <ul>
• <tr>

التعليمات <ol><li>صباح الأول</li><li>عبدالله الأول</li></ol> تنشئ:

• قائمة غير مرتبة
• قائمة مرتبة
• جدولًا
• شريط روابط

لإنشاء الجدول نستخدم الوسم:

• <tr> </tr>
• <th> </th>
• <caption> </caption>
• <table> </table>

لإنشاء صف داخل الجدول نستخدم الوسم:

• <table> </table>
• <th> </th>
• <tr> </tr>
• <ol> </ol>

لكتابة عنوان فوق الجدول نستخدم:

• colspan
• rowspan
• caption
• border

لتحديد سمك الحدود للجدول نستخدم السمة:

• caption
• colspan
• rowspan
• border

التعليمة <table border="1"> تعني أن:

• عدد صفوف الجدول 1
• عدد أعمدة الجدول 1
• عنوان الجدول 1
• سمك حدود الجدول 1

في التعليمة <td colspan="2">وطني الكويت</td> يتم:

• دمج خليتين عاموديًا
• إنشاء جدولين
• إضافة عنوان للجدول
• دمج خليتين أفقيًا

لغة تنسيق تستخدم لوصف مظهر وتخطيط صفحة ويب مكتوبة بلغة HTML هي:

• URL
• HTML
• CSS
• WebSite

في الصيغة العامة p { color : green } صِل كل جزء باسمه:

• p = المحدد
• color = الخاصية
• green = القيمة

التعليمة p { color : green } تجعل المحدد p بلون:

• أزرق
• أحمر
• أخضر
• أصفر

يمكن كتابة أكثر من خاصية داخل { }.

• صح
• خطأ

يجب كتابة بين كل خاصية وأخرى إذا كان هناك أكثر من خاصية:

• نقطة
• علامة المربع #
• فاصلة منقوطة
• علامة يساوي

يمكن الكتابة بأحرف كبيرة أو صغيرة في لغة CSS.

• صح
• خطأ

صِل كل طريقة لإدراج تعليمات CSS بوصفها:

• Inline ضمنية = تنسيق مباشر داخل العنصر نفسه
• Internal داخلية = باستخدام وسم Style داخل صفحة HTML
• External خارجية = كتابة التعليمات بملف CSS خارجي

لربط ملف CSS مع صفحات HTML نستخدم الوسم:

• <style>
• <a>
• <nav>
• <link>

الوسم <link> لربط ملف CSS يكتب في منطقة:

• <body>
• <table>
• <nav>
• <head>

التعليمة الصحيحة لربط صفحة index مع صفحة uulastyle.css هي:

• <a href="uulastyle.css">
• <img src="uulastyle.css">
• <link rel="stylesheet" href="uulastyle.css">
• <style href="uulastyle.css">

في التعليمة text-align: center تكون محاذاة النص:

• يمين
• وسط
• يسار
• أعلى

الخاصية font-family تحدد:

• وزن الخط
• نوع الخط
• لون الخلفية
• محاذاة النص

الخاصية text-decoration تحدد:

• نوع الخط
• لون الخلفية
• سمك الحدود
• الخط السفلي من الروابط

صِل كل خاصية بوظيفتها:

• width = تحدد العرض الأفقي للعنصر
• height = تحدد الارتفاع العامودي للعنصر
• border = تحدد سمك الحدود
• background-color = تحدد لون الخلفية
• font-weight = وزن الخط

الفراغ أو المسافة بين العنصر والحدود للعنصر بحيث لا يلتصق العنصر بالحدود هو:

• التباعد الداخلي Padding
• التباعد الخارجي Margin
• المحدد id
• المحدد class

تحديد الفراغ أو المسافة بين العناصر هو:

• التباعد الخارجي Margin
• التباعد الداخلي Padding
• المحدد id
• المحدد class

رتّب الجهات حسب ترتيب أرقام التباعد تلقائيًا:

• Top
• Right
• Bottom
• Left

في التعليمة padding: 10,20,30,40 px; تكون قيمة التباعد الداخلي للجهة اليسرى:

• 10
• 40
• 20
• 30

في التعليمة margin: 10,20,30,40 px; تكون قيمة التباعد الخارجي للأعلى:

• 20
• 10
• 30
• 40

صنّف كل عبارة حسب المحدد:

• اسم مميز لا يتكرر في نفس الصفحة = المحدد id
• يحدد لعنصر واحد في صفحة الويب = المحدد id
• عند استدعائه يكتب قبله # = المحدد id
• يستخدم أكثر من مرة في نفس الصفحة = المحدد class
• يحدد لمجموعة عناصر لتطبيق التنسيقات عليها = المحدد class
• عند استدعائه يكتب قبله نقطة = المحدد class

لتحديد اسم مميز body_index لمنطقة body نكتب:

• <body class="body_index">
• <body dir="body_index">
• <body id="body_index">
• <body lang="body_index">

لاستدعاء المحدد الفريد body_index في صفحة CSS نكتب: #body_index

• صح
• خطأ

التعليمة <h2 class="h2_index"> تعطي الوسم h2 اسمًا من نوع:

• class
• id
• href
• src

الوسم لإضافة جملة الصفحة الرئيسية عنوانًا للصفحة هو:

• <p>الصفحة الرئيسية</p>
• <caption>الصفحة الرئيسية</caption>
• <pre>الصفحة الرئيسية</pre>
• <title>الصفحة الرئيسية</title>

الوسم للارتباط بصفحة index لجملة الصفحة الرئيسية هو:

• <a href="index.html">الصفحة الرئيسية</a>
• <img src="index.html">
• <link href="index.html">
• <nav href="index.html">

لتحميل صورة kw_tower من مجلد Images بعرض 150 وارتفاع 200 نكتب:

• <img src="images/Kw_Towers.jpg" width="150" height="200">
• <img src="images/Kw_Towers.jpg" width="200" height="150">
• <a href="images/Kw_Towers.jpg" width="150" height="200">
• <img alt="images/Kw_Towers.jpg" width="150" height="200">

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

• <td rowspan="4">وطني الكويت سلمت للمجد</td>
• <td colspan="4">وطني الكويت سلمت للمجد</td>
• <caption>وطني الكويت سلمت للمجد</caption>
• <td border="4">وطني الكويت سلمت للمجد</td>

الوسم لإضافة عنوان للجدول بجملة معالم الكويت هو:

• <title>معالم الكويت</title>
• <th>معالم الكويت</th>
• <p>معالم الكويت</p>
• <caption>معالم الكويت</caption>

الوسم لربط صفحة الأنماط المتتالية style مع جميع صفحات الموقع هو:

• <link rel="stylesheet" href="style.css">
• <a href="style.css">
• <style href="style.css">
• <img src="style.css">

تحديد اسم من نوع class باسم p_index لفقرة:

• <p class="p_index">
• <p id="p_index">
• <p dir="p_index">
• <p href="p_index">

صِل كل خاصية بصياغة كتابتها في صفحة الأنماط:

• لون الخلفية أزرق = background-color: Blue;
• حجم الخط 26 = font-size: 26px;
• لون الخط أصفر = color: yellow;
• التباعد الداخلي 30 = padding: 30px;
• التباعد الخارجي 20 = margin: 20px;
• تحويل الصورة إلى شكل دائري = border-radius: 50%;

الصياغة الصحيحة لحدود بسمك 10 واللون أخضر والنمط منقط هي:

• border: 10px green solid;
• border: 10px green dashed;
• border: 10px green dotted;
• border-radius: 10px;

الوسم لتحديد الترميز UTF-8 للصفحة هو:

• <html lang="UTF-8">
• <body dir="UTF-8">
• <meta charset="UTF-8">
• <link href="UTF-8">

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

• <html dir="ar">
• <html lang="ar">
• <html charset="ar">
• <html id="ar">

السمة في وسم table لتصبح الحدود بعرض 2:

• <table border="2">
• <table colspan="2">
• <table rowspan="2">
• <table width="2">