دورة البرمجة - الدرس الأول
السبت, 15/08/2009 - 09:06
موقع كوليلك - دورة البرمجة - اللغة HTML - الدرس الأول
السلام عليكم أخواني وأخواتي :
الدرس الأول سيكون عن أساسيات لغة HTML وهي لغة بسيطة جداً غير معقدة كباقي اللغات و يبرز دورها الكبير
من ناحية التصميم في الموقع .
وسنبدأ درسنا بشرح الوسوم :
كما سنلاحظ في الدروس أن كل وسم يتألف من زوجين وهما وسم البداية و وسم النهاية
والسؤال هنا كيف نستطيع التمييز بين وسم البداية و وسم النهاية ؟
الأمر بسيط جدا ً وسم النهاية يتميز بوجود هذه العلامة \ .
و صفحة الـhtml دائماً تبدأ بالوسم <html> وتغلق أو تنتهي بالوسم </html> .
وداخل هذين الوسمين يستخدم وسمان أحدهما لتحديد مقطع تعريف الصفحة ومعلوماتها وما سيظهر على شريط المتصفح في الأعلى .
و الوسم الأخر يحدد المقطع الذي يتضمن مضمون او محتوى الصفحة .
شرح الوسم :
والوسم الهام الذي يستخدم في المقطع الرأسي هو :
<title> هنا ستقوم بوضع العنوان</title> يوضع هذا الكود في القسم الرأسي Head
مــــلاحظات :
س - ماذا أحتاج لكتابة ملف يتضمن لغة البرمجة html ?
ج - تحتاج غلى محرر نصوص عادي ( المفكرة ) أو يمكنك استخدام إحدى البرامج التالية : فرونت بيج - دريم ويفر - بي اتش بي كودير - أو أي برنامج أخر . و أفضلها هو الفرونت بيج حيث هو سهل الاستخدام ويتضمن مجموعة كبيرة من الأكواد الجاهزة الخاصة بلغة HTML .
س - كيف أحفظ الملف بعد كتابته ؟
ج - بعد كتابة كودك في المحرر ستقوم بحفظه على الشكل التالي :
FileName.html
Filename : هو اسم الملف
س - هل هناك فرق في الكتابة بالأحرف الإنجليزية الكبيرة أو بالكتابة بالأحرف الصغير ؟
ج - كلا لا يوجد فرق بين الكتابة بالأحرف الكبيرة او الصغيرة في النهاية ستحصل على نفس النتيجة .
التجربة العملية :
1- قم بفتح محرر النصوص الخاص بك
وأكتب كما موجود في الصورة ومن ثم قم بحفظ الملف بصيغة html
ستكون النتيجة كالأتي :
ألف مبروك لقد قمت ببرمجة صفحتك الأولى
أتمنى أن أكون قد أفدتكم لأي سؤال أو استفسار أنا جاهز
------------------------------------------------------------------------------------
بعض الأوسمة :
<br> وظيفة هذا الوسم هو تحديد نهاية السطر وانتقال إلى سطر جديد وكما نلاحظ ان هذا الوسم ليس له وسم نهاية
<p> وظيفة هذا الوسم شبيه بالوسم الذي سبقه ينهي السطر ويبدأ بسطر جديد ولكن مع ترك فراغ إضافي بين الاسطر
: ويستخدم لترك فراغ بين الكلمة والكلمة التي تليها
-------------------------------------------------------------------------------
