لغة الترميز html
( hyper text markup language )
* يتعرف بعض ادوات انتاج صفحات المعلومات وخدمات الانترنت .
* يتعرف القواعد الاساسية لإنشاء صفحة ويب باستخدام أوامر html .
* يتعرف التركيب البنائي لانشاء صفحة ويب بأمر html .
* يضيف محتوي لصفحة الويب ( نص - صورة - فيديو - ارتباطات تشعبية - ....)
* ينسق محتوي صفحة الويب .
* يدرج ارتباط تشعبي داخل صفحة الويب / بين صفحات الموقع .
في الفصول السابقة تعرفنا علي المراحل الاساسية لإنشاء موقع ويب , ومن هذه المراحل مرحلة التنفيذ والتي يتم فيها تحويل التصميم الورقي لصفحات الموقع إلي صفحات ويب يوضع فيها البيانات المختلفة ( نصوص - صوت - فيديو ) وذلك حسب مرحلة التصميم السابقة لكل صفحة ويب , وإنشاء الارتباطات التشعبية بين صفحات الويب .
وفي هذا الفصل سوف نتعرض بالتفصيل إلي كيفية استخدام أوامر html في إنشاء أحد صفحات الويب ثم يلي ذلك عرض تفصيلي لكيفية إنشاء موقع ( مدرستي) والذي تم وضع تصميم تفصيلي لصفحاته .
 |
| تخطيط تفصيلي لصفحات - موقع مدرستي |
لغة الترميز html:
هي لغة تكويد تستخدم لإنشاء صفحات موقع الإنترنت الثابتة والتي يتم عرضها باستخدام أحد برامج مستعرضات الإنترنت .
أوامر لغة html :
لإنشاء صفحة ويب يتم استخدام أوامر لغة html وتسمي هذه الاوامر بال Tags ويقوم برنامج مستعرض الإنترنت بتنفيذها ليظهر تأثير تلك الأوامر علي صفحة المستعرض .
لإنشاء صفحة ويب باستخدام أوامر html يجب اتباع القواعد الاساسية التالية :
- إنشاء ملف نصي باستخدام احد برامج تحرير النصوص وذلك لكتابة أوامر Html وتعديلها .
- كتابة أوامر html جيث يتم وضع الامر بين العلامتين ,, < > .
- معظم الاوامر لها بداية <> ونهاية </> .
- حفظ الملف النصي الذي يحتوي علي اوامر HTML بامتداد HTM . أو HTML .
- فتح الملف المحفوظ باستخدام مستعرض الانترنت لعرض صفحة الويب ومشاهدة نتيجة تنفيذها .
- لا يشترط ان تكتب اوامر html بحروف كبيرة capital أو صغيرة small
التركيب البنائي لإنشاء صفحة الويب باستخدام HTML
نشاط (1)
عزيزي الطالب : بالتعاون مع زملائك وبمساعدة معلمك تعرف علي التركيب البنائي لإنشاء صفحة ويب باستخدام أوامر html .
خطوات تنفيذ النشاط
- تحميل احد برامج تحرير النصوص .
- يكتب الأمر < html> في بداية الكود ليشير الي ان المستند مكتوب بلغة html
يقسم كود html لقسمين رئيسين هما :
head : وهي المنطقة الخاصة بكتابة معلومات للمتصفح حول الصفحة مثل عنوان الصفحة .
body : وهي المنطقة الخاصة بكتابة المحتوي الذي سيظهر داخل الصفحة .
وبالتالي يكون التركيب الاساسي لملف الاوامر كما يلي :
في التركيب البنائي لإنشاء صفحة ويب بأمر HTML يجب مراعاة التالي :
- كتابة الامر <html> في بداية الكود يشير الي ان المستند مكتوب بلغة html
يقسم كود HTML لقسمين رئيسين هما :
- head : المنطقة الخاصة بكتابة معلومات للمستعرض حول الصفحة مثل عنوان الصفحة .
- body : المنطقة الخاصة بكتابة المحتوي الذي سيظهر داخل الصفحة .
إضافة عنوان لصفحة الويب بالأمر <title/>.........<title>
تتكون صفحة الويب من عنوان ومحتوي , ويظهر عنوان صفحة الويب داخل شريط العنوان أعلي الصفحة .
نشاط (2)
عزيزي القارئ : بالتعاون مع اصدقائك قم بالبحث عبر الانترنت ومشاهدة عنوان ومحتوي احد صفحات الويب .
احد صفحات الويب
يظهر به عنوان صفحة الويب
ومحتوي صفحة الويب
عزيزي القارئ : بالتعاون مع احد زملائك وبمساعدة اسرتك قم بإضافة كلمة مدرستي كعنوان لصفحة الويب .
خطوات تنفيذ النشاط :
- تحميل احد برامج تحرير النصوص .
- كتابة التركيب البنائي صفحة ويب بأمر HTML
- كتابة أمر <title/> مدرستي <title> في الجزء المخصص <head/>......head>
 |
| كتابة الكود في محرر النصوص / فتح الملف scool,htm صفحة الويب بمستعرض الانترنت |
- جفظ الملف باسم school.htm
- فتح الملف school.htm (صفحة الويب) من خلال مستعرض الإنترنت لمشاهدة نتيجة تنفيذ الأوامر التي تم كتابتها .
ليست هناك تعليقات:
موقع تعليمي يشكركم جميعا ويتمني للجميع التوفيق والنجاح &يمكنكم الانضمام الي الموقع من خلال رابط الانضمام & يمكنكم طلب شروحات واستفسار في اي وقت علي مدار اليوم