الازهر والتعليمحل منصة كوريو للمرحلة الثانوية
حل المستوى 44 الرابع والاربعين كامل لمنصة كوريو اليابانية للصف الثاني الثانوي – إجابات جاهزة للنسخ والدرجة الكاملة
حل المستوى 44 الرابع والاربعين كامل لمنصة كوريو اليابانية للصف الثاني الثانوي – إجابات جاهزة للنسخ والدرجة الكاملة
حل المستوى 44 الرابع والاربعين كامل لمنصة كوريو اليابانية للصف الثاني الثانوي – إجابات جاهزة للنسخ والدرجة الكاملة
حل المستوي 44 الرابع والاربعين منصة كوريو اليابانية لطلاب الصف الثاني الثانوي مادة البرمجة والذكاء الاصطناعي
الاكواد ممكن تاخدها نسخ لسهوله الحل ولضمان عدم كتابه اخطاء
موجود حل جميع المستويات نسخ ولصق لمنصة كوريو لطلاب الصف الاول الثانوي والثاني الثانوي
من المستوي الاول الي المستوي الاخير
الحل يضمن لك حصولك علي الدرجة النهائية
لو محتاج مساعدة في حل مستويات المنصة ابعت وهنساعدك من خلال الفيس بوك بالضغط هنا وارسال رسالة
حل المستوي 44 الرابع والاربعين منصة كوريو اليابانية لطلاب الصف الثاني الثانوي مادة البرمجة والذكاء الاصطناعي
حل المستوي 44 الرابع والاربعين بالكامل لمنصة كوريو لطلاب الصف الثاني الثانوي
المستوي 44
[الفصل44]إنشاء موقع ويب
الدرس الاول
[الدرس1]وسم header في HTML
السؤال الاول
أنشئ صفحة قائمة مقهى. اكتب العنوان والعناصر التي ستُعرض في رأس الصفحة.
أدخل ما يلي في المحرر.
(1) استخدم وسم h1 لعرض العنوان
CAFE MENU (2) استخدم وسمي <ul> و <li> لعرض About the Cafe و Menu
أدخل ما يلي في المحرر.
(1) استخدم وسم h1 لعرض العنوان
CAFE MENU (2) استخدم وسمي <ul> و <li> لعرض About the Cafe و Menu
الاجابة
كتابة او نسخ الكود التالي
<h1>CAFE MENU</h1>
<ul>
<li>About the Cafe</li>
<li>Menu</li>
</ul>
السؤال الثاني
أنشئ صفحة قائمة مقهى.
اكتب وسم header في قسم رأس الصفحة.
أدخل ما يلي في المحرر.
اكتب وسم header في قسم رأس الصفحة.
أدخل ما يلي في المحرر.
<header>
...
</header>
الاجابة
نكتب في المكان المخصص للاجابة في السطر الاول والسطر الاخير
<header>
</header>
شكل الكود النهائي
<header>
<h1>CAFE MENU</h1>
<ul>
<li>About the Cafe</li>
<li>Menu</li>
</ul>
</header>
....................................................................................................................................................
الدرس الثاني
[الدرس2]وسم header في CSS
السؤال الاول
أنشئ صفحة قائمة مقهى. أضف لون خلفية إلى قسم رأس الصفحة.
أدخل ما يلي في المحرر.
Selector: header
Property: background-color
Value: rgb(255, 255, 180)
الاجابة
كتابة او نسخ الكود التالي
header {
background-color: rgb(255, 255, 180);
}
....................................................................................................................................................
الدرس الثالث
[الدرس3]المحتوى الرئيسي
السؤال الاول
أنشئ صفحة قائمة مقهى. أضف قائمة طعام إلى قسم المحتوى الرئيسي.
أدخل وسم div بدءًا من السطر 9 فصاعدًا.
الاجابة
كتابه الاكواد التاليه في الاماكن المخصصه لكتابه الكود في السطر ال9 والسطر ال11
<div>
</div>
ليكون شكل الكود النهائي مع ملاحظة ان السطر الثامن فارغ
<header>
<h1>CAFE MENU</h1>
<ul>
<li>About the Cafe</li>
<li>Menu</li>
</ul>
</header>
<div>
<h1>Menu List</h1>
</div>
السؤال الاول
أنشئ صفحة قائمة مقهى. أضف قائمة طعام إلى قسم المحتوى الرئيسي.
أدخل وسم div بدءًا من السطر 9 فصاعدًا.
الاجابة
كتابه الاكواد التاليه في الاماكن المخصصه لكتابه الكود في السطر ال9 والسطر ال11
<div>
</div>
ليكون شكل الكود النهائي مع ملاحظة ان السطر الثامن فارغ
<header>
<h1>CAFE MENU</h1>
<ul>
<li>About the Cafe</li>
<li>Menu</li>
</ul>
</header>
<div>
<h1>Menu List</h1>
</div>
السؤال الثاني
أنشئ صفحة قائمة مقهى. أضف قائمة طعام إلى قسم المحتوى الرئيسي.
أضف سمة class إلى وسم div في السطر 9. اضبط اسم الفئة على "main".
الاجابة
يكتب الكود الاتي في السطر التاسع في المكان المخصص لكتابة الكود
class="main"
شكل الكود النهائي مع مراعاة ان السطر الثامن فارغ
<header>
<h1>CAFE MENU</h1>
<ul>
<li>About the Cafe</li>
<li>Menu</li>
</ul>
</header>
<div class="main">
<h1>Menu List</h1>
</div>
السؤال الثالث
شكل الكود النهائي مع مراعاة ان السطر الثامن فارغ
<header>
<h1>CAFE MENU</h1>
<ul>
<li>About the Cafe</li>
<li>Menu</li>
</ul>
</header>
<div class="main">
<h1>Menu List</h1>
</div>
السؤال الثالث
أنشئ صفحة قائمة مقهى. أضف قائمة طعام إلى قسم المحتوى الرئيسي.
أدخل ما يلي بدءًا من السطر 11 فصاعدًا.
أدخل ما يلي بدءًا من السطر 11 فصاعدًا.
<ul>
<li>Donuts<img src="donuts.png"></li>
</ul>
الاجابة
يتم كتابة الكود التالي من السطر ال11 وينتهي في السطر ال13 ويرحل المكتوب في السطر 12 الي السطر 14
<ul>
<li>Donuts<img src="donuts.png"></li>
</ul>
شكل الكود النهائي ويمكنك نسخه بالكامل ومسح الكود المكتوب بالكامل مع مراعاه ان السطر الثامن فارغ
<header>
<h1>CAFE MENU</h1>
<ul>
<li>About the Cafe</li>
<li>Menu</li>
</ul>
</header>
<div class="main">
<h1>Menu List</h1>
<ul>
<li>Donuts<img src="donuts.png"></li>
</ul>
</div>
السؤال الرابع
أضف فاصل سطر باستخدام وسم br بين Donuts والصورة في السطر 12.
الاجابة
تعديل السطر رقم 12 ليكون هكذا
<li>Donuts<br><img src="donuts.png"></li>
شكل الكود النهائي مع مراعاه ان السطر الثامن فارغ
<header>
<h1>CAFE MENU</h1>
<ul>
<li>About the Cafe</li>
<li>Menu</li>
</ul>
</header>
<div class="main">
<h1>Menu List</h1>
<ul>
<li>Donuts<br><img src="donuts.png"></li>
</ul>
</div>
السؤال الخامس
أنشئ صفحة قائمة مقهى.
أضف وصفًا للصورة. *لن يتم عرض الصورة حتى عند التنفيذ.
أدخل ما يلي في السطر 12.
(1) أضف "Donut image" إلى سمة alt
أضف وصفًا للصورة. *لن يتم عرض الصورة حتى عند التنفيذ.
أدخل ما يلي في السطر 12.
(1) أضف "Donut image" إلى سمة alt
الاجابة
كتابة الكود التالي في المكان المخصص لكتابة الكود في السطر 12
alt="Donut image"
شكل الكود النهائي والسطر الثامن فارغ
<header>
<h1>CAFE MENU</h1>
<ul>
<li>About the Cafe</li>
<li>Menu</li>
</ul>
</header>
<div class="main">
<h1>Menu List</h1>
<ul>
<li>Donut<br><img src="donut.png" alt="Donut image"></li>
</ul>
</div>
السؤال السادس
أنشئ صفحة قائمة مقهى.
أضف صورة مشروب.
أدخل الصورة على النحو التالي في السطر 13.
اسم الصورة: "cafe_latte.png"
سمة alt "Cafe latte image"
أضف صورة مشروب.
أدخل الصورة على النحو التالي في السطر 13.
اسم الصورة: "cafe_latte.png"
سمة alt "Cafe latte image"
الاجابة
تعديل السطر رقم 13 ليكون هكذا
<li>Cafe latte<br><img src="cafe_latte.png" alt="Cafe latte image"></li>
شكل الكود النهائي كامل والسطر الثامن فارغ
<header>
<h1>CAFE MENU</h1>
<ul>
<li>About the Cafe</li>
<li>Menu</li>
</ul>
</header>
<div class="main">
<h1>Menu List</h1>
<ul>
<li>Donut<br><img src="donuts.png" alt="Donut image"></li>
<li>Cafe latte<br><img src="cafe_latte.png" alt="Cafe latte image"></li>
</ul>
</div>
....................................................................................................................................................
الدرس الرابع
[الدرس4]وسم footer في HTML
السؤال الاول
أنشئ صفحة قائمة مقهى.
أدخل HTML على النحو التالي بدءًا من السطر 17 فصاعدًا.
(1) أحط قسم التذييل بأكمله بوسم
footer (2) أنشئ قائمة باستخدام وسمي <ul> و <li> لـ Access و "Contact
الاجابة
كتابة الكود التالي بدا من السطر رقم 17 وترك السطر رقم 16 فارغ
<footer>
<ul>
<li>Access</li>
<li>Contact</li>
</ul>
</footer>
ليكون شكل الكود النهائي هكذا مع مراعاه ان السطر رقم 8 ورقم 16 فارغين
<header>
<h1>CAFE MENU</h1>
<ul>
<li>About the Cafe</li>
<li>Menu</li>
</ul>
</header>
<div class="main">
<h1>Menu List</h1>
<ul>
<li>Donut<br><img src="donuts.png" alt="Donut image"></li>
<li>Cafe latte<br><img src="cafe_latte.png" alt="Cafe latte image"></li>
</ul>
</div>
<footer>
<ul>
<li>Access</li>
<li>Contact</li>
</ul>
</footer>
[الدرس4]وسم footer في HTML
السؤال الاول
أنشئ صفحة قائمة مقهى.
أدخل HTML على النحو التالي بدءًا من السطر 17 فصاعدًا.
(1) أحط قسم التذييل بأكمله بوسم
footer (2) أنشئ قائمة باستخدام وسمي <ul> و <li> لـ Access و "Contact
الاجابة
كتابة الكود التالي بدا من السطر رقم 17 وترك السطر رقم 16 فارغ
<footer>
<ul>
<li>Access</li>
<li>Contact</li>
</ul>
</footer>
ليكون شكل الكود النهائي هكذا مع مراعاه ان السطر رقم 8 ورقم 16 فارغين
<header>
<h1>CAFE MENU</h1>
<ul>
<li>About the Cafe</li>
<li>Menu</li>
</ul>
</header>
<div class="main">
<h1>Menu List</h1>
<ul>
<li>Donut<br><img src="donuts.png" alt="Donut image"></li>
<li>Cafe latte<br><img src="cafe_latte.png" alt="Cafe latte image"></li>
</ul>
</div>
<footer>
<ul>
<li>Access</li>
<li>Contact</li>
</ul>
</footer>
....................................................................................................................................................
الدرس الخامس
السؤال الاول
أنشئ صفحة قائمة مقهى. أضف لون خلفية إلى قسم التذييل.
أدخل CSS على النحو التالي بدءًا من السطر 4 فصاعدًا.
Selector: footer
Property: background-color
Value: #1e90ff
أدخل CSS على النحو التالي بدءًا من السطر 4 فصاعدًا.
Selector: footer
Property: background-color
Value: #1e90ff
الاجابة
ترك اول 3 سطور كما هما وكتابه الكود التالي من السطر الرابع الي السادس
footer {
background-color: #1e90ff;
}
شكل الكود النهائي
header {
background-color: rgb(255, 255, 180);
}
footer {
background-color: #1e90ff;
}
السؤال الثاني
أنشئ صفحة قائمة مقهى.
غيّر لون نص قسم التذييل.
أدخل CSS على النحو التالي في السطر 6.
Property: color
Value: #ffffff
غيّر لون نص قسم التذييل.
أدخل CSS على النحو التالي في السطر 6.
Property: color
Value: #ffffff
الاجابة
كتابة الكود التالي في السطر السادس مع ترحيل القوس الموجود الي السطر السابع
color: #ffffff;
شكل الكود النهائي بالكامل
header {
background-color: rgb(255, 255, 180);
}
footer {
background-color: #1e90ff;
color: #ffffff;
}
....................................................................................................................................................
حل اختبار المستوي 44
حل مراجعة المستوي 44
السؤال الاول
أدرج صورة باسم الملف "mountain_hut.png". أضف سمة alt إليها أيضًا. الرجاء تحديد الكود المناسب من الخيارات.
الاجابة
السؤال الثاني
عند كتابة رأس صفحة ويب في HTML، الرجاء تحديد الوسم الذي يجب استخدامه لإحاطة كود قسم رأس الصفحة من الخيارات.
الاجابة
السؤال الثالث
الرجاء إضافة class باسم "mountains" إلى وسم div.
الاجابة
تعديل او مسح ونسخ الكود ليصبح هكذا
<div class="mountains">
<h1>World Mountains</h1>
<ul>
<li>Mount Everest</li>
<li>Mount McKinley</li>
<li>Mount Kilimanjaro</li>
</ul>
</div>
السؤال الرابع
عند كتابة تذييل صفحة ويب في HTML، الرجاء تحديد الوسم الذي يجب استخدامه لإحاطة كود قسم التذييل من الخيارات.
الاجابة
السؤال الخامس
الرجاء تحديد وصف CSS الأكثر ملاءمة من الخيارات لجعل لون خلفية قسم التذييل بأكمله هو اللون الممثل بكود اللون #e0a241.
الاجابة
footer{
background-color: #e0a241;
}
background-color: #e0a241;
}
الف مبروك انتهائك من المستوي وحصولك علي الدرجة الكاملة