‏إظهار الرسائل ذات التسميات حاسب آلي - الصف الثاني الإعدادي - ترم أول. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات حاسب آلي - الصف الثاني الإعدادي - ترم أول. إظهار كافة الرسائل

حاسب آلي الصف الثاني الإعدادي 2019/2020 | HTML | ترم أول | الوحدة الثانية كاملة ( إنشاء مشروع "موقع مدرستي " )

تتكون صفحة الويب الرئيسية من الأتي :

·         النص " مدرستي "

·          الخط ( لونه أحمر – نوعة Tahoma – حجمة 6 )

·         خمسة ارتباطات تشعبية نصية .

·         صورة

<body bgcolor ="skyblue" dir="rtl" >

<center> <font face ="andalus" color="red" size="6">مدرستي  </font>

<a href="home.html">الصفحة الرئيسية</a>

<a href="about.html">عن المدرسة</a>

<a href="photo.html">البوم صور</a>

<a href="photo.html">الرؤية والرسالة</a>

<a href="contact.html">إتصل بنا</a>

<br><br>

<img src="school.png" height="450" width="800">

</center>

</body>

 

لمشاهدة الفيديو من هنا



 

·         تتكون صفحة الويب " عن المدرسة " من الأتي :

·         النصوص " تاريخ نشأة المدرسة – عنوان المدرسة – تليفون المدرسة

·         الخط ( احمر – Tahoma – 6 )

·         فيديو

·         ارتباط تشعبي صورة

<body bgcolor ="skyblue" dir="rtl" >

<center> <font face ="andalus" color="red" size="6">

عن المدرسة  <br>

تاريخ نشأة المدرسة  <br>

عنوان المدرسة  <br>

تليفون المدرسة <br></font>

<embed src="video.mp4 height="300" width="300">

<a href="home.html"><img src="back.jpg" height="100" width="100"></a>

</center>

</body>

 


تابع إنشاء مشروع " موقع مدرستي "


·         تتكون صفحة الويب " البوم صور " من الأتي :

·         النصوص "البوم صور "

·         الخط ( احمر – Tahoma – 6 )

·         عدد 3 صور

·         ارتباط تشعبي

<body bgcolor ="skyblue" >

<center> <font face ="andalus" color="red" size="6">

البوم صور

</font> <br>

<img src="students.jpg" height="400" width="300">

<img src="teachers" height="400" width="300">

<img src="yard" height="400" width="300"><br>

<a href="home.html"><img src="back.jpg" height="100" width="100"></a>

</center>

</body>

 

·         تتكون صفحة الويب " الرؤية والرسالة " من الأتي :

·         النصوص "الرؤية والرسالة "

·         الخط ( احمر – Tahoma – 6 )

 

 

<body bgcolor ="skyblue" >

<center> <font face ="andalus" color="red" size="6">

  رؤية المدرسة

</font> <br>

إعداد طالب متميز  <br>

الرسالة <br>

تنمية مهارات الطالب <br>

<a href="home.html"><img src="back.jpg" height="100" width="100"></a>

</center>

</body>

 


حاسب آلي الصف الثاني الإعدادي 2019/2020 | HTML | ترم أول | الوحدة الثانية | جزء 6

 إدراج صوت كخلفية لصفحة الويب

§                         يتم ذلك من خلال الأمر <bgsound>

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

§         المستعرض الوحيد الذي يتعامل مع هذا الأمر هو  Internet Explorer  

§         باستخدام الأمر <bgsound> والخاصية Src يتم إدراج الصوت ، حيث أن الخاصية Src تأخذ قيمة اسم الملف الصوتي وإمتداده

 

وتكتب على الشكل التالي :

<bgsound  Src="Egypt.mp3">

إدراج فيديو داخل صفحة الويب

                        يتم ذلك باستخدام الأمر <embed> والخاصية التابعة لها وهي Src والتي تكون قيمتها اسم ملف الفيديو وامتداده يستخدم هذا الأمر في إدراج ملفات الفيديو ولكن بدعم هذا الأمر ذات ملفات الفيديو من النوع (Avi – Swf - Mov).

وتكتب على الشكل التالي :

<embed  src="internet.avi">

لمشاهدة الفيديو من هنا



 


إدراج ارتباط تشعبي HyperLink

                وذلك باستخدام الخاصية href التابعة للأمر <a> والتي تحدد قيمتها العنوان المطلوب الانتقال اليه . وتكتب على الشكل التالي :

<a href =http://www.google.com.eg> Google </a>

 

إدراج ارتباط تشعبي نصي

                <a href=http://www.moe.gov.eg> وزارة التربية والتعليم </a>

إدراج ارتباط تشعبي لصورة

            لكي تصبح صورة ارتباط تشعبي لموقع ما يجب اظهار الصورة باستخدام الأمر <img>

 وتكتب على الشكل التالي :

<a  href=http://www.moe.gov.eg> < img  src="ahmed.jpg"> </a>

حاسب آلي الصف الثاني الإعدادي 2019/2020 | HTML | ترم أول | الوحدة الثانية | جزء 5

 إدراج صورة لصفحة الويب

                يتم ذلك باستخدام الأمر <IMG>

ولإدراج صورة في صفحة الويب يتم استخدام خاصية Src التابعة للأمر <img> ويتطلب ذلك اسم ملف الصورة ومكان حفظه . ويكتب كالتالي :

<img  src="school.jpg">

تنسيق الصورة المدرجة في صفحات الويب

                للتحكم في أبعاد الصور بصفحة الويب وذلك من خلال الخصائص التابعة للأمر <img> وهي الخاصيتين :

1.      Height  وتعني ارتفاع الصورة .

2.      Width  وتعني عرض الصورة .

ويتم استخدام وحدة القياس Pixel  لقياس أبعاد الصورة

وتكتب على الشكل التالي :

<img  src = "School.jpg"  height="200" width="200">

لمشاهدة الفيديو من هنا



 


محاذاة الصورة داخل صفحة الويب

            ويتم ذلك من خلال الخاصية align  التابعة للأمر <img> وتأخذ مجموعة من القيم وهي :

1.      Right    وتعني محاذاة الصورة لأقصى يمين صفحة الويب .

2.      Left      وتعني محاذاة الصورة لأقصي يسار صفحة الويب .

3.      Middle    وتعني النص يقع بمحاذاة منتصف الصورة .

4.      Bottom    النص يثع بمحاذاة الحافة السفلي للصورة .

Top     النص يقع بمحاذاة الحافة العليا للصورة .

حاسب آلي الصف الثاني الإعدادي 2019/2020 | HTML | ترم أول | الوحدة الثانية | جزء 4

 تنسيق لون خلفية صفحة الويب

                نستخدم الخاصية bgcolor  والتي تأتي مع الأمر <body> في نفس التاج

وتكتب على الشكل التالي :

<body  bgcolor = "green">

وضع صورة كخلفية لصفحة الويب

        نستخدم الخاصية background  والتي تأتي مع الامر <body> في نفس التاج

وتكتب على الشكل التالي :

<body  background = "ahm.jpg">

 لمشاهدة الفيديو من هنا



 


ملحوظة هامة ::

                  في حالة وجود الصورة في مجلد أخر غير مجلد موقع الويب

                  لا بد من كتابة مسار الصورة كاملاً حتى يتمكن المتصفح من الوصول للصورة لعرضها .

 

ملحوظة هامة ::

                 في حالة استخدام الأمر bgcolor والأمر backgroung  في نفس الوقت

                 فإن صورة الخلفية هي التي ستظهر وليس اللون

                 أما في حالة عدم ظهور الصورة لأي سبب كان فإن لون الخلفية هو الذي سيظهر .