A H M A D
06-04-2008, 02:49 PM
السلام عليكم والرحمة
اليوم سوف نبدأ باذن الله دورة تعليمية في لغة HTML المعروفة بالهتمل
عند جلوسكم أمام الحاسوب، لا بد و أنكم تزورون العشرات أو حتى المئات من المواقع بمختلف أشكالها و أنواعها.
اذا كنت ممن يريدون أن يكون لهم مثل تلك المواقع فهذه الدورة مهداة لك...
هذه الدورة لن تغطي جميع جوانب لغة الهتمل، فهذا مستحيل، لكنها تسمكنك باذن الله من معرفة قواعد هذه اللغة و بدأ العمل عليها...
مقدمة :
ما هو الهتمل؟؟؟
الهتمل هي اللغة الأساسية لبرمجة صفحات الويب، أي أنه بدون هذه اللغة لن نستطيع العمل بأي لغة أخرى...
و مبدأ هذه اللغة يعتمد على مجموعة من الوسوم
ما هو الوسم؟؟؟
الوسم هو عبارة عن أمر يكتب على الشكل التالي: <الأمر>، و هذا الأمر يكون له اسم و في بعض الأحيان توابع...
أغلبية الوسوم يجب أن يتم اغلاقها بعد فتحها و اذا كان الفتح يتم بـ: <الأمر> فان الاغلاق يتم بـ: <الأمر/>
الى ماذا نحتاج لبدأ الدورة؟؟؟
لبرمجة المواقع و صفحات الويب نحتاج الى:
- متصفح
- واجهة لكتابة النصوص و الأكواد (أنصحكم بـ NotePad++)
- الى بعض الوقت و الكثير من الصبر
- ليس من الضروري الاتصال بالانترنت لبرمجة المواقع
صفحتي الأولى
حان الوقت الآن لبدأ العمل و انشاء صفحتك الأولى...
نبدأ بفتح النوتباد و ادخال الكود التالي:
<HTML>
<HEAD>
<TITLE>صفحتي الأولى</TITLE>
</HEAD>
<BODY>
السلام عليكم، هذه صفحتي الأولى
</BODY>
</HTML>
سجل الملف بأي اسم تريد، لكن الامتداد يجب أن يكون *.htm أو *.html
مبروك عليك، لقد أنشأت أول صفحاتك
الآن نأتي الى شرح الكود:
<html> و </html>
الأولى تعلم المتصفح بأنه سيفتح صفحة بلغة الهتمل، و دائما ما تكون هي الأولى في كود الصفحة، أما الأخيرة تعلن عن انتهاء الصفحة.
<head>و </head>
هذا الوسم خاص بفتح و اغلاق هيدر الصفحة، و يحتوي الهيدر عادة على عنوان الصفحة، على المفاتيح التي تعرف الصفحة لدى محركات البحث و على الدوال التمكتوبة بلغات أخرى مثل الجافاسكريبت و السي اس س.
<title> و </title>
هذان الوسمان يخصان العنوان الذي يظهر أعلى المتصفح، و يكونان دائما ضمن الهيدر
<body> و </body>
بعد أن تحدثنا عن رأس الصفحة نأتي الى البدن، حيث أن هذان الوسمان يخصان فتح و اغلاق بدن صفحة الويب، و في البدن نضع كل ما نريد أن يراه الزائر على الصفحة...
ملخص ما قلناه حتى الآن
كود صفحة الويب يتكون من رأس أو هيدر (HEAD) و جسم أو بدن (BODY) و وحده البدن هو الذي يظهر لزائر الصفحة، ففي المثال أعلاه لن يرى الزائر الا: السلام عليكم، هذه صفحتي الأولى
تحياتي لكم
اليوم سوف نبدأ باذن الله دورة تعليمية في لغة HTML المعروفة بالهتمل
عند جلوسكم أمام الحاسوب، لا بد و أنكم تزورون العشرات أو حتى المئات من المواقع بمختلف أشكالها و أنواعها.
اذا كنت ممن يريدون أن يكون لهم مثل تلك المواقع فهذه الدورة مهداة لك...
هذه الدورة لن تغطي جميع جوانب لغة الهتمل، فهذا مستحيل، لكنها تسمكنك باذن الله من معرفة قواعد هذه اللغة و بدأ العمل عليها...
مقدمة :
ما هو الهتمل؟؟؟
الهتمل هي اللغة الأساسية لبرمجة صفحات الويب، أي أنه بدون هذه اللغة لن نستطيع العمل بأي لغة أخرى...
و مبدأ هذه اللغة يعتمد على مجموعة من الوسوم
ما هو الوسم؟؟؟
الوسم هو عبارة عن أمر يكتب على الشكل التالي: <الأمر>، و هذا الأمر يكون له اسم و في بعض الأحيان توابع...
أغلبية الوسوم يجب أن يتم اغلاقها بعد فتحها و اذا كان الفتح يتم بـ: <الأمر> فان الاغلاق يتم بـ: <الأمر/>
الى ماذا نحتاج لبدأ الدورة؟؟؟
لبرمجة المواقع و صفحات الويب نحتاج الى:
- متصفح
- واجهة لكتابة النصوص و الأكواد (أنصحكم بـ NotePad++)
- الى بعض الوقت و الكثير من الصبر
- ليس من الضروري الاتصال بالانترنت لبرمجة المواقع
صفحتي الأولى
حان الوقت الآن لبدأ العمل و انشاء صفحتك الأولى...
نبدأ بفتح النوتباد و ادخال الكود التالي:
<HTML>
<HEAD>
<TITLE>صفحتي الأولى</TITLE>
</HEAD>
<BODY>
السلام عليكم، هذه صفحتي الأولى
</BODY>
</HTML>
سجل الملف بأي اسم تريد، لكن الامتداد يجب أن يكون *.htm أو *.html
مبروك عليك، لقد أنشأت أول صفحاتك
الآن نأتي الى شرح الكود:
<html> و </html>
الأولى تعلم المتصفح بأنه سيفتح صفحة بلغة الهتمل، و دائما ما تكون هي الأولى في كود الصفحة، أما الأخيرة تعلن عن انتهاء الصفحة.
<head>و </head>
هذا الوسم خاص بفتح و اغلاق هيدر الصفحة، و يحتوي الهيدر عادة على عنوان الصفحة، على المفاتيح التي تعرف الصفحة لدى محركات البحث و على الدوال التمكتوبة بلغات أخرى مثل الجافاسكريبت و السي اس س.
<title> و </title>
هذان الوسمان يخصان العنوان الذي يظهر أعلى المتصفح، و يكونان دائما ضمن الهيدر
<body> و </body>
بعد أن تحدثنا عن رأس الصفحة نأتي الى البدن، حيث أن هذان الوسمان يخصان فتح و اغلاق بدن صفحة الويب، و في البدن نضع كل ما نريد أن يراه الزائر على الصفحة...
ملخص ما قلناه حتى الآن
كود صفحة الويب يتكون من رأس أو هيدر (HEAD) و جسم أو بدن (BODY) و وحده البدن هو الذي يظهر لزائر الصفحة، ففي المثال أعلاه لن يرى الزائر الا: السلام عليكم، هذه صفحتي الأولى
تحياتي لكم