04 تابع شرح منهج الحاسب الالي للصف الثاني الاعدادي الترم الاول
تابع شرح منهج الحاسب الالي للصف الثاني الاعدادي الفصل الدراسي الاول
=======
الوحدة الثانية : إنشاء صفحات الويب
الموضوع الأول : لغة الترميز HTML
لغة HTML هي لغة تكويد تستخدم لإنشاء صفحات ومواقع الويب . يتم عرضها باستخدام مستعرضات الانترنت. أوامر لغة HTML .ا تستخدام أوامر لغة HTML لإنشاء صفحة ويب . تسمى هذه الأوامر Tag ويقوم برنامج مستعرض الانترنت بتنفيذها. ليظهر تأثير تلك الأمر على صفحة المستعرض .
القواعد التي يجب مراعتها عند إنشاء صفحة ويب بأوامرHTML
1-إنشاء ملف نصي بإستخدام أحد برامج تحرير النصوص ( Note Pad )
۲. كتابة أوامر HTML بين العلامتي < >
٣. معظم الأوامر لها بداية <> ونهاية < />
4-حفظ الملف النصي لأوامر HTML بامتداد htm أو html.)
ہ .. فتح الملف المحفوظ باستخدام مستعرض الويب لمشاهدة نتيجة التنفيذ.
6. لايشترط كتابة أوامر HTML بحرف كبيرة Capital أو صغيرة
Small . ۷. المتصفح لا يتأثر بالمسافات المتروكة أو الانتقال لسطر جديد بمفتاح Enter داخل ملف الأوامر.
( أي يمكن كتابة الأوامر على سطر واحد أو على أكثر من سطر)
التركيب البنائي لإنشاء صفحة الويب باستخدام HTML :. | <html> :
في بداية الكود يشير الى أن المستند مكتوب بلغة html.
يقسم كود HTML لقسمين رئيسين هما: <head> : المنطقة الخاصة بكتابة معلومات للمستعرض حول الصفحة مثل عنوان
الصفحتها
<body> : المنطقة الخاصة بكتابة المحتوى الذي سيظهر داخل الصفحة .
<html>
<head>
< title/> أي عنوان للصفحة < title >
<head/>
<body>
<body/>
<html>
يقسم كود HTML لقسمين رئيسين هما: <head> : المنطقة الخاصة بكتابة معلومات للمستعرض حول الصفحة مثل عنوان
الصفحتها
<body> : المنطقة الخاصة بكتابة المحتوى الذي سيظهر داخل الصفحة .
<html>
<head>
< title/> أي عنوان للصفحة < title >
<head/>
<body>
<body/>
<html>
< title /> :.
- تتكون صفحة الويب من عنوان ومحتوی . . ويظهر عنوان صفحة الويب داخل شريط العنوان ( أو اللسان ) أعلى الصفحة .
- تتكون صفحة الويب من عنوان ومحتوی . . ويظهر عنوان صفحة الويب داخل شريط العنوان ( أو اللسان ) أعلى الصفحة .
<title/> مدرستي <title>
إضافة محتوى لصفحة الويب :.
يمكن أن تحتوي صفحة الويب على ( نص - صورة - فيديو - ارتباط تشعبي ...)<body/> مدرستي جميلة ونظيفة <body>
.. خطوات تطبيق ما سبق :.
فتح برنامج Note Pad من قائمة Start نختار All programs ثم Notepad Accessories
٢. كتابة الكود التالي في الصفحة.
<html>
<head >
< title >
< Ititle > مدرستي
<head > </body>
مدرستي جميلة ونظيفة
<body> </html>
٣. حفظ ما تم كتابة بامتداد htm.
فتح قائمة file ونختار منها Save as ثم نكتب اسم الملف بالشكل التالي
<head >
< title >
< Ititle > مدرستي
<head > </body>
مدرستي جميلة ونظيفة
<body> </html>
٣. حفظ ما تم كتابة بامتداد htm.
فتح قائمة file ونختار منها Save as ثم نكتب اسم الملف بالشكل التالي
تغيير اتجاة محتوى صفحة الويب باستخدام الخاصية dir :.
يكتب داخل الأمر body يوجد قيمتنا للخاصية dir وهما م التغيير اتجاه محتوى الصفحة من اليمين لليسار. تناسب الصفحة ذات الواجهة العربية.اليمين لليسار
و Right to Left |
Right to Left
body dir = "RTL">
مدرستي
مدرستي جميلة ونظيفة
التغيير اتجاه محتوى الصفحة من اليسار لليمين .
تناسب الصفحة ذات الواجهة الإنجليزية وهو الوضع الافتراضي في حالة عدم كتابة الخاصية
Left to Right
.dir
<body dir = "LTR" >
تنسيقات صفحة الويب :.
توجد العديد من التنسيقات ومنها ....1. تنسيقات تطبق على النص بصفحة الويب
۲. تنسيقات تطبق على خلفية صفحة الويب .
أولا : تنسيق النص بصفحة الويب :.
١. الكتابة بداية من سطر جدید بالأمر <br> يستخدم لكي يجعل النص داخل الصفحة يظهر في سطرين
. ( أي ما قبله على سطر وما بعده على سطر)
<html>
<head>
< Ititle > مدرستي < title >
<head> </body>
أهلا بكم في مدرستنا مدرستي جميلة ونظيفة
مدرستي جميلة ونظيفة <br> أهلا بكم في مدرستنا
<body> </html>
٢. محاذاة النص ( توسيط بالأمر < center >
<center />
يستخدم لوضع النص في منتصف السطر
<head>
< Ititle > مدرستي < title >
<head> </body>
أهلا بكم في مدرستنا مدرستي جميلة ونظيفة
مدرستي جميلة ونظيفة <br> أهلا بكم في مدرستنا
<body> </html>
٢. محاذاة النص ( توسيط بالأمر < center >
<center />
يستخدم لوضع النص في منتصف السطر
كما يمكنكم متابعة الشرح العملي للدرس من خلال مشاهدة ذلك الفيديو الموضح الرائع العملي لما سبق شرحه
0 التعليقات
Post a Comment