[بالحكم]

السلام عليكم ورحمة الله وبركاته

وعودة مرّة اخرى

من اجل عيون كلّ من يتابعنا

سنتعرّض لأهمّ جزء برأيى فى فهم ما يدور حولنا فى انفنيتى الآن

وهو الجزء الخاص بلغة ال html
وللعلم

html اختصار لهذه الجملة:
hyper text markup language

ترجمتها هى لغة ترميز النص التشعّبى


ليس المهم المعنى ولكن المهم أن نعلم أنها اللغة التى يفهمها الاكسبلورر ويحوّلها الى نصوص وجداول وصور وغيره


فى البداية نتعرّف اين ستقابلنا فى انفنيتى

فيمكننا استخدام هذه الأكواد
فى البلوكات باضافة بلوك
ومكان البنرات الإعلانية مثلما اقترح المهندس عبد الله
و فى نماذج الهتمل فى لوحة التحكّم عندما نفتح أى نموذج استايل سنجد ملفات كلها بهذه اللغة


header.htm
footer.htm
index.htm

وهكذا
بفتح اى صفحة سنجد بها كود الهتمل المسؤول عن شكل ظهورها
وبالطبع سنتوقّع وجود كود أى صورة خاصة بالهيدر أو الفوتر أو... أو .....به للتغيير اليدوى
واكواد الجداول و.. و..... و
إذاً لابد أن نتعلّم ونكتسب مهارة كيف نضيف أو نعدّل فى اى نموذج


أحيانا يمكننا هذا ببرنامج الفرونت بيج
واحيانا تفشل المهمة ونتمنى أن لو كنّا على علم بهذه الأكواد لتضبيطها
ولذلك سنأخذ نبذة سريعة عن اشهر أوامر الهتميل




ملحوظة لمن لم يتعامل مع الفرونت بيج من قبل


فيجب أن يعلم انه برنامج سهل جدّا التعامل معه مثل برنامج الوورد مثلا
الحصول عليه سهل من خلال الشبكة اكتب اسمهfrontpage فى أى محرك بحث وحاول تنزيله
يشبهه كثيراً برنامج الدريم ويفر

عند فتح صفحة ويب فارغة فى البرنامج سيكون لها 3 طرق عرض

أحدها تستطيع فيه الكتابة وانشاء الجداول وادراج الصور بطريقة سهلة جدّا من خلال الضغط على الأيقونات الخاصة بذلك

وبجانبها سنجد زر مكتوب عليه html بالضغط عليه يمكنك ببساطة الحصول على كود الهتميل جااااااااااهز
لما قمت به من تنسيق بيدك
وهذا يمكن ادراجه من خلال البلوكّات فى لوحة التحكم
أى يمكنك الكتابة بأى لون خط ونوع خط تريده وادراج صور
ونسخ الكود فى مكان اضافة بلوك جديد فيظهر بالنتيجة المطلوبة

والخانة الثالثة للعرض تظهر النتيجة كما ستظهر لك على الشبكة وفى موقعك

وهنا وجب التنبيه على استخدام روابط للصور على الشبكة وليست من الجهاز
وإن كانت الصور المضافة من جهازك فلابد من رفعها على موقعك من خلال السى بانل



وبالتالى نستطيع ايضا استخدام الفرونت بيج
فى نسخ كود نماذج الاستايل به
ولكن بعد أن نتعرف على الهتميل
سنحاول التغيير فى كود الهتمل نفسه
ونعاين كيفية ظهوره على الموقع من خلال المعاينة
قبل اعادة نسخه بعد التعديل فى النماذج مرة اخرى


مثلا عندما أردنا اضفة شريط آخر المقالات

ببساطة فتحنا الهيدر
نسخنا الكود فى جزء الهتمل على الفرونت بيج
اتّبعنا خطوات اضافة الكود
وأضفناه على الفرونت بيج
نعمل معاينه
اذا تمام
خلاص بنرجع ننسخ الكود المعدّل فى الموقع ونعتمد التغيير ونشاهده على الطبيعة



هذا بالنسبة للفرونت بيج والدريم ويفر

ونرجع مرة تااااااااانية للهتمل ولكن فى مداخلة أخرى ان شاء الله
والمعذرة على الاطالة وعدم الترتيب هذه المرّة من اجل الوقت