الوحدة الثانية :إنشاء صفحات ويب باستخدام HTML الفصل الاول : لغة الترميز HTML

الموضوع :   الوحدة الثانية :إنشاء صفحات ويب باستخدام HTML

الفصل الاول : لغة الترميز HTML

Hyper Text Markup Language

التمهيد     اذكر ما تعرفة عن لغة الترميز؟

الاهداف

أن يتعرف الطالب على أوامر لغة  HTML

 أن يدرك الطالب أهميةالقواعد الاساسية لاستخدام أوامر HTML

 أن يكتسب الطالب مهارة في خطوات إنشاء صفحة ويب باستخدام أوامر HTML

الوسائل التعليمية

                         (الكتاب – الجهاز – السبورة )

لغة الترميز :

هي لغة تكويد تستخدم لإنشاء صفحات موقع الإنترنت الثابتة والتي يتم عرضها باستخدام أحد برامج مستعرضات الإنترنت .

أوامر لغة  HTML:

لإنشاء صفحة الويب يتم استخدام أوامر لغة HTML وتسمى هذه الأوامر بال Tags ويقوم مستعرض الانترنت بتنفيذها

القواعد الاساسية لاستخدام أوامر HTML:

·        إنشاء ملف نصى باستخدام أحد برامج تحرير النصوص وذلك لكتابة أوامر HTML وتعديلها

·        كتابة أوامر HTML حيث يتم وضع الامر بين العلامتين  " <> "

·        معظم الأوامر لها بداية <> ونهاية < / >

·        حفظ الملف النصي الذى يحتوى على أوامر HTML بامتداد HTM أو HTML

·        فتح الملف المحفوظ باستخدام مستعرض الانترنت لعرض صفحة الويب ومشاهدة نتيجة تنفيذها

·        لا يشترط أن تكتب أوامر HTML بحروف كبيرة Capital أو صغيرة Small

التركيب البنائى لإنشاء صفحة الويب باستخدام HTML:

خطوات إنشاء صفحة ويب باستخدام أوامر HTML:

1-   فتح برنامج تحرير نصوص مثل ( Notepad )

2-   اكتب الأمر HTMLفى بداية الكود ليشير الى أن المستند مكتوب باللغة HTML ينقسم الكود الى

·        Head: المنطقة الخاصة بكتابة المعلومات للمستعرض حول الصفحة مثل عنوان الصفحة

·        body: المنطقة الخاصة بكتابة المحتوى الذى سيظهر داخل الصفحة

إضافة عنوان لصفحة الويب بالأمر <title></Title> :

يظهر عنوان صفحة الويب داخل شريط العنوان أعلى الصفحة 

اقرء المزيد

اتعلم ازاى تعمل صفحة ويب

هذا الملف يحتوى على تحضير الكترونى مميز لدرس " انشاء صفحة ويب باستخدام لغة الترميز HTML "
من الرابط التالى :
https://drive.google.com/file/d/0B_9Jvvl2QDoUTXFnMzEyejZ3ZEE/view?usp=sharing

اقرء المزيد

Learn how to make a Blog ....

يمكنك عمل مدونه بطريقه سهله وبسيطه من خلال الموقع التالى

 من هنــــــــــــــــــــــــــــــــــا 

 وفى هذا الفيديو سيتم شرح كيفيه اضافه القالب الذى تريده  ..

اقرء المزيد