برمجةhtml لموقع site
لقد انتهينا من عمل صورة لراس الموقع سنقوم الان بانشاء صفحة للموقع و نسميها index.html
- اعمل الكود في notepad++
الاكواد هذه تكتب كلها في صفحة واحدة ل notepad و احفظ الملف باسم index.html
عند فتح الملف سيظهر الموقع بهذا الشكل :
-شرح الكود المستخدم :
الترميز <Doctype> يوضع داءما في اعلى الصفحة و هو يخبر المتصفح عن نوعية الاكواد المستخدمة ، بعد ذلك قمنا بفتح منطقة head .
في السطر الرابع ترميز لاعلام المتصفح في عرض الموقع لاي شخص و تمكين اللغة العربية و تكتب في منطقة head العنوان الخاص بالموقع ثم نغلق head .
- السطر الثامن قمنا بفتح محتوى الموقع <body> و اضفنا داخله كود لتحديد لون الخلفية
bgcolor="#ffffb7" .
- السطر التاسع عملنا جدول <table> بالخصاءص التالية :
عرض الموقع "width="800
اتجاه الموقع align="center"
سمك حواف الجدول border="1"
لون الحواف bordercolor="ff6600"
خاصية بدا المحتوى dir="rtl" من اليمين الى اليسار ، بعد ذلك عملنا صف اول في الجدول و الذي سيكون خاص بترويسة الموقع <tr> ثم الخلفية في الصف <td> بعدها كود الصورة الخاصة بالموقع
<src="img/header.jpg"
و في الاسطر 18 - 36 قمنا بفتح الصف ثم الخلية و اضفنا كود لتفخيم الخط <b> ثم عمل رابط للقاءمة الرءيسية و نفس الشيء لباقي الصفحات في هذا الصف .
في الاسطر الاخيرة بعد ان انتهينا من قاءمة الازرار و الترويسة ناتي الى عمل المحتوى حيث قمنا بعمل صف جديد و فتح الخلية الاخيرة في هذا الموقع ، ثم نغلق محتوى صفحة html بالترميز <body/> بعدها <html/> .