الازهر والتعليم
حل المستوى 35 الخامس والثلاثين كامل لمنصة كوريو اليابانية للصف الأول الثانوي – إجابات جاهزة للنسخ والدرجة الكاملة
حل المستوى 35 الخامس والثلاثين كامل لمنصة كوريو اليابانية للصف الأول الثانوي – إجابات جاهزة للنسخ والدرجة الكاملة
حل المستوى 35 الخامس والثلاثين كامل لمنصة كوريو اليابانية للصف الأول الثانوي – إجابات جاهزة للنسخ والدرجة الكاملة
حل المستوي 35 الخامس والثلاثين منصة كوريو اليابانية لطلاب الصف الاول الثانوي مادة البرمجة والذكاء الاصطناعي
الاكواد ممكن تاخدها نسخ لسهوله الحل ولضمان عدم كتابه اخطاء
موجود حل جميع المستويات نسخ ولصق لمنصة كوريو لطلاب الصف الاول الثانوي
من المستوي الاول الي المستوي الاخير
الحل يضمن لك حصولك علي الدرجة النهائية
لو محتاج مساعدة في حل مستويات المنصة ابعت وهنساعدك من خلال الفيس بوك بالضغط هنا وارسال رسالة
حل المستوي 35 الخامس والثلاثين منصة كوريو اليابانية لطلاب الصف الاول الثانوي مادة البرمجة والذكاء الاصطناعي
حل المستوي 35 الخامس والثلاثين بالكامل لمنصة كوريو لطلاب الصف الاول الثانوي
المستوي 35 CSS
الدرس الاول
السؤال الاول
انقر على "تشغيل الكود" دون إجراء أي تغييرات.
اضغط علي تشغيل الكود فقط
السؤال الثاني
سنقوم بإنشاء قائمة الواجبات المنزلية.
لنجعل عنوان Homework List باللون الأحمر.
* كود HTML مكتوب بالفعل.
أدخل الكود التالي في المحرر:
h1 {
color: red;
}
الاجابة
h1 {
color: red;
}
السؤال الثالث
سنقوم بإنشاء قائمة الواجبات المنزلية.
لنجعل لون الخلفية للعنوان Homework List ورديًا.
* كود HTML مكتوب بالفعل.
أدخل الكود التالي في السطر الثالث من المحرر:
background-color: pink;
الاجابة
مسح ونسخ الكود او تعديل الكود ليكون هكذا
h1 {
color: red;
background-color: pink;
}
السؤال الرابع
سننشئ قائمة الواجبات المنزلية.
لنغيّر حجم النص وسمكه لعناصر القائمة.
* كود HTML مكتوب بالفعل.
أدخل الكود التالي في السطر الخامس من المحرر:
li {
font-size: 24px;
font-weight: 900;
}
الاجابة
كتابة الكود من السطر الخامس الي الثامن
li {
font-size: 24px;
font-weight: 900;
}
الكود كامل
h1 {
color: red;
background-color: pink;
}
li {
font-size: 24px;
font-weight: 900;
}
السؤال الخامس
سننشئ قائمة الواجبات المنزلية.
لنغيّر لون نص عنصر Math Practice فقط في القائمة إلى اللون الأزرق.
أولًا، أضف سمة class إلى كود HTML.
عدّل السطر الرابع كما يلي:
<li class="blue">Math Practice</li>
الاجابة
مسح ونسخ الكود او تعديل الكود ليكون هكذا
<h1>Homework List</h1>
<ul>
<li>History Study</li>
<li class="blue">Math Practice</li>
<li>Essay</li>
</ul>
السؤال السادس
سننشئ قائمة الواجبات المنزلية.
لنغيّر لون نص Math Practice فقط إلى اللون الأزرق.
* كود HTML مكتوب بالفعل.
أدخل الكود التالي في السطر التاسع من المحرر:
.blue {
color: blue;
}
الاجابة
كتابة الكود بعد الاكواد المكتوبة من السطر التاسع
.blue {
color: blue;
}
الكود الكامل
h1 {
color: red;
background-color: pink;
}
li {
font-size: 24px;
font-weight: 900;
}
.blue {
color: blue;
}
...........................................................................................................................................
الدرس الثاني
السؤال الاول
انقر على "تشغيل الكود" دون إجراء أي تغييرات.
نضغط علي تشغيل الكود فقط
السؤال الثاني
انقر على "تشغيل الكود" دون إجراء أي تغييرات.
نضغط علي تشغيل الكود فقط
السؤال الثالث
سننشئ صفحة تصويت.
لنجعل زر التصويت First one باللون الأزرق الفاتح.
* كود HTML مكتوب بالفعل.
أدخل الكود التالي في المحرر:
background-color: aqua;
الاجابة
نكتب في المكان المخصص لكتابة الكود
background-color: aqua;
شكل الكود النهائي
.btn1 {
background-color: aqua;
}
السؤال الرابع
سننشئ صفحة تصويت.
لنجعل زر التصويت Second one يتحول إلى اللون الأصفر فقط عند تمرير الفأرة عليه.
* كود HTML مكتوب بالفعل.
أدخل الكود التالي من السطر الرابع في المحرر:
.btn2:hover {
background-color: yellow;
}
الاجابة
نكتب من السطر الرابع الكود الاتي
.btn2:hover {
background-color: yellow;
}
الكود كامل
.btn1 {
background-color: aqua;
}
.btn2:hover {
background-color: yellow;
}
السؤال الخامس
سننشئ صفحة تصويت.
لنجعل زر التصويت First one يتحول إلى اللون الأصفر المخضر عند تمرير الفأرة عليه.
* كود HTML مكتوب بالفعل.
عدّل الأسطر من 1 إلى 3 كما يلي:
.btn1:hover {
background-color: lime;
}
الاجابة
مسح ونسخ الكود او تعديل الكود ليكون هكذا
.btn1:hover {
background-color: lime;
}
.btn2:hover {
background-color: yellow;
}
..............................................................................................................................................
الدرس الثالث
السؤال الاول
انقر على "تشغيل الكود" دون إجراء أي تغييرات.
نضغط علي تشغيل الكود فقط
السؤال الثاني
انقر على "تشغيل الكود" دون إجراء أي تغييرات.
نضغط علي تشغيل الكود فقط
السؤال الثالث
سنزيّن أزرار صفحة التصويت.
لنجعل زر التصويت First one يتحول إلى اللون الأصفر المخضر تدريجيًا خلال ثانيتين عند تمرير الفأرة عليه.
* كود HTML مكتوب بالفعل.
أدخل الكود التالي في السطر الثالث من المحرر:
transition: 2s;
الاجابة
مسح ونسخ الكود او تعديل الكود ليكون هكذا
.btn1:hover {
background-color: lime;
transition: 2s;
}
.btn2:hover {
background-color: yellow;
}
السؤال الرابع
سنزيّن أزرار صفحة التصويت.
لنجعل زر التصويت Second one يتحول إلى اللون الأصفر تدريجيًا خلال خمس ثوانٍ عند تمرير الفأرة عليه.
* كود HTML مكتوب بالفعل.
أدخل الكود التالي في السطر السابع من المحرر:
transition: 5s;
الاجابة
مسح ونسخ الكود او تعديل الكود ليكون هكذا
.btn1:hover {
background-color: lime;
transition: 2s;
}
.btn2:hover {
background-color: yellow;
transition: 5s;
}
.................................................................................................................................................
الدرس الرابع
السؤال الاول
انقر على "تشغيل الكود" دون إجراء أي تغييرات.
اضغط علي تشغيل الكود فقط
السؤال الثاني
انقر على "تشغيل الكود" دون إجراء أي تغييرات.
اضغط علي تشغيل الكود فقط
السؤال الثالث
لنزيّن قائمة الأمتعة.
لنضف خطًا واحدًا كإطار حول العنوان Packing List.
* كود HTML مكتوب بالفعل.
أدخل الكود التالي في السطر الثاني من المحرر:
border: solid;
الاجابة
مسح ونسخ الكود او تعديل الكود ليصبح هكذا
h1 {
border: solid;
}
السؤال الرابع
لنزيّن قائمة الأمتعة.
لنضف إطارًا مزدوج الخطوط حول العنوان Packing List.
* كود HTML مكتوب بالفعل.
أدخل الكود التالي في السطر الثاني من المحرر:
border: double;
الاجابة
مسح ونسخ الكود او تعديل الكود ليكون هكذا
h1 {
border: double;
}
السؤال الخامس
لنزيّن قائمة الأمتعة.
لنجعل الإطار المزدوج أكثر سُمكًا.
* كود HTML مكتوب بالفعل.
أدخل الكود التالي في السطر الثاني من المحرر:
border: 10px double;
الاجابة
نكتب في المكان المخصص لكتابة الكود
10px
شكل الكود بالكامل
h1 {
border: 10px double;
}
السؤال السادس
لنزيّن قائمة الأمتعة.
لنجعل الإطار المزدوج باللون الأزرق.
* كود HTML مكتوب بالفعل.
أدخل الكود التالي في السطر الثاني من المحرر:
border: 10px double blue;
الاجابة
نكتب في المكان المخصص لكتابة الكود
blue
شكل الكود بالكامل
h1 {
border: 10px double blue;
}
السؤال السابع
لنزيّن قائمة الأمتعة.
لنجعل الإطار بخط أحمر واحد حول العنوان Packing List.
* كود HTML مكتوب بالفعل.
أضف خاصية border في السطر الثاني.
حدد القيم كما يلي: النوع solid، السُمك 5px، اللون red.
* يُرجى تحديد القيم بترتيب سُمك الإطار، النوع، اللون.
الاجابة
مسح ونسخ الكود او تعديل الكود ليكون بهذا الشكل
h1 {
border: 5px solid red;
}
...................................................................................................................................................
مراجعة المستوي 35
حل مراجعة المستوي 35
السؤال الاول
يرجى اختيار الطريقة الصحيحة لإضافة خاصية class إلى <p>CAT</p>.
الاجابة
<p class="cat">CAT</p>
السؤال الثاني
يرجى اختيار كود CSS الذي يجعل الزر المُنشأ بالكود التالي يتحول إلى اللون الأحمر عند لمس الفأرة له:
HTML
<input type="button" value="Agree" class="btn">
الاجابة
.btn:hover {
background-color: red;
}
السؤال الثالث
يرجى اختيار كود CSS الذي يجعل لون الزر يتغيّر إلى الأحمر خلال 5 ثوانٍ عند لمس الفأرة له.
الاجابة
.btn:hover {
background-color: red;
transition: 5s;
}
السؤال الرابع
عند إضافة حدّ، تُستخدم خاصية border. يرجى اختيار القيمة التي تضيف حدًّا مزدوج الخطوط.
الاجابة
double
السؤال الخامس
يرجى اختيار كود CSS الذي يضيف حدًا إلى وسم h1، بحيث يكون نوع الحد خطًا واحدًا ، السُمك 10px، ولون الحد أزرق.
الاجابة
h1 {
border: 10px solid blue;
}
الف مبروك انتهائك من المستوي وحصولك علي الدرجة الكاملة