السلام عليكم ورحمة الله وبركاتة
كيفكم جميعاً
نبداء اليوم بمشئة الله سلسلة دروس HTML
وبأذن الله ما راح نطول فيها لسهولتها وفعاليتها في نفس الوقت
"
هيا بنا"
المقدمة:
HTML
إنها اللغه المستخدمة في إنشاء صفحات الإنترنت
وهي اختصار لي:
Hyper Text Markup Language
وهي ليست لغة برمجة بالمعنى والشكل المتعارف عليه
للغات البرمجة مثلا C++ ,C
وهي لغة بسيطة جداً وسهلة الفهم ولاتحتاج الى
خبرة في لغات البرمجة حتى تتقنها
انما ما تحتاجه هو قليل من التفكير المنطقي
والتعلم وترتيب الافكار
فهي بأختصار لغه يفهمها المتصفح الخاص بالنت فقط ض1
ولن اتطرق في شرح اشياء ليس لها دااع مثل تاريخها وما الى ذلك
يمكنكم البحث عنها في ويكبيدياء
ناتي لا اهم الاشياء التي يجب علينا استخدامها
1-
التؤكل على الله واحتساب الاجر في التعلم
2-
المفكرة
3-
لغه انجليزية (
بسيطة و ليست أحترافية)
4-
فهمك للشرح هو 80% من تمكنك للغه
لنبدى
الأساسيات
سوف أقوم في هذا الدرس بسرد الوسوم الأساسية لصفحة الويب
ومناقشتها معك واحد تلو الأخر.لنصل الى إنشاء
صفحة ويب بسيطة.
يتكون الكود المستخدم في HTML من شفرات
تسمى TAGS < أي الوسوم
وهي تستخدم بشكل زوجي وتكتب من (اليسار الى اليمين)
مثلا:-
الوسوم <B> يستخدم لجعل الخط عريض Bold كما التالي:
<B/>انا مبرمج جيد<B>
طيب هنالك قسم اخرى من الوسوم وهي التي تاتي فردية
يعني لاتغلق وهي قليلة وما يهمك الا معرفتها
الوسم <BR> وتستخدم لتنزل سطر جديد مثال:-
انا مبرمج <BR>جيد
سوف يبتين معك في التطبيق ان شاء الله .
لناخذ الوسوم التالية وهي الوسوم الاساسية في كل صفحة ويب
ماذا تلاحظ؟ أن كل منها يتألف من زوج من الوسوم أحدهما
وسم البداية و الآخرى وسم النهاية . ويتميز وسم النهاية بوجود
الرمز /
مثلاً
في نهاية الصفحة لابد من وجود الوسوم
<HTML/>
إذن فملف HTML يبدا دائما بالوسم <HTML>
وينتهى بالوسوم <HTML/> . لاتنسى ذلك!
أما الوسوم <HEAD> فيحدد بدايةالمقطع الذي يتحوي على المعلومات الخاصة
بتعريف الصفحة.
كالعنوان الظاهر على شريط عنوان المتصفح ويحتاج العنوان الوسوم
<TITLE>
العآشق
<TITLE/>
^^^
عنوان الصفحة العآشق
ويجب علينا كتابة نهاية الوسم
<HEAD/>
لكى ننهي هذا المقطع من الصفحة.
نأتي الى الوسم الأهم
<BODY>
والذي يتم كتابة النصوص و كل مايظهر في الصفحة بداخلها
كل شيء من نص الى صور الى روابط
وهو يحتاج الى وسم اغلاق ايضاً
<BODY/>
حسنا للتطبيق
نفتح المفكرة ونكتب الكود كما يلي
كود:
<HTML>
<HEAD>
<TITLE>
This is a test Webpage
</TITLE>
</HEAD>
<BODY>
Wow, I'm writing my first webpage
</BODY>
</html>
والأن فم بحفظ الملف بأي أسم تحب لكن
بعد الاسم ضع .HTML
مثلاً
صفحتي الاولى.HTML
بحيث امتداد الملف لزم يكون صفحة نت
مثل هذا الشكل
ونجرب نفتحها وضعو النتيجة في موضوع مشاريع السلسلة.
هنا انتهينا من الدرس الاول في HTML
أرجو ان حاز على اعجابكم ولم يكن ثقيل
حاولت تخفيفه قدر الأمكان
وراح تكون السلسلة بأذن الله خفيفة ومفيدة وكل نهاية اسبوع راح
أنزل درس جديد ما لم يحصل لي أي ظرف
الى الاسبوع القادم راجع الدرس
ولاتطبق مرة واحدة حاول ان تطبقها عده مرات حتى الدروس القادمة
لا تضطر الى الرجوع الى هذا الدرس
هذا و الله ولي التوفيق
التعديل الأخير تم بواسطة JERY7 ; 03-30-2014 الساعة 11:13 AM