الدرس الأول ما هي : html
السلام عليكم و رحمة اللله تعالى و بركاته
في موضوع جديد على مدونة بوابة العلم
.
.
.و بعد
نظرا لعدم أهمية تعريف ال:html في دورة البرمجة هذه قررت ارفاقها ب سياسة العمل حتى لا تواجه مشاكل أثناء التعلم بلاضافة الى الأدوات التي تحتاجها اذا فنحن الان نكون قد دمجنا ثلاث دروس في موضوع واحد.
أولا نبدا بتعريف html :
بكل بساطة هي الهيكل الأساسي لصفحات الويب فاذا على سبيل المثال صفحة مبرمجة فقط ب html ستكون عبارة عن خطوط بدون ديكور أو ما شابه ....
أما بالنسبة الى التعريف الروتيني الخاص بها فهو كالأتي :
HTML اخترعت في عام 1990م من قبل عالم يسمى تيم بيرنرز لي، الهدف من هذه اللغة هو تبسيط عملية وصول العلماء في جامعات مختلفة إلى البحوث التي ينشرونها، المشروع نجح بشكل لم يتصوره تيم بيرنرز لي، باختراعه HTML قام تيم بوضع أساس شبكة الويب كما نعرفها اليوم....و مستطلح HTML هو اختصار "HyperText Mark-up Language" :
- Hyper هي عكس "خطي" وهي تعني في هذه الحالة أن تنتقل من أي نقطة إلى أي نقطة بدون أن تسير في خط سير محدد، في الماضي - عندما كانت الفأرة شيء يلحقه القط - كانت الحواسيب تعمل بشكل خطي، تقوم بتنفيذ أمر ما ثم تذهب لما بعده، لكن HTML مختلفة، يمكنك أن تذهب إلى أي مكان في أي وقت، ليس بالضرورة مثلاً أن تزور موقع MSN.com قبل أن تزور HTML.net.
- Text تعني النص، وهذه تشرح نفسها.
- Mark-up هو ما تفعله بالنص، فهذه الكلمة تعني توصيف النص، فأنت تقوم بتوصيف النص تماماً كما تفعل مع معالجات الكلمات فتضيف العناوين والنقاط والنص السميك وغيرها.
- Language تعني اللغة، فتقنية HTML هي لغة توصيف وهي أيضاً تستخدم العديد من كلمات اللغة الإنجليزية.
في هذا الدرس أيضا سنتطرق الى تعلم ال XHTML والتي تعني "Extensible HyperText Mark-up Language" وهي باختصار طريقة أحدث وأكثر تنظيماً لكتابة HTML.
و يمكن معاينتها source المثبتة مع المتصفح... كما في الصورة :
عند تجريبها ستحصل على وسوم تبدو معقدة لا تقلق يا أخ ف انك ان اتبعت هذا الدرس سيزول عنها الغموض و ستدرك حينها أنها لا تمس للغموض بأي رابط.
الان و بعد التعرف على مفهوم html و الذي أظن اني ألممت بزواياه .... فهنا أوجه لك أخي الزائر طلبا ان أغفلت شيئا فضعه في التعليق فهدفنا الافادة .
الأن الأدوات التي تحتاجها:
الأدوات التي تحتاجها في الغالب أنت تملكها ... بلااضافة الى أنها مجانية...
و مع ذالك سنذكرها :
- المتصفح و هو البرنامج الذي أنت الان تزور مدونتنا المتواضعة منه ....(موزيلا فايرفوكس,أوبرا,كروم,صافاري...)
- لن تحتاج الى الاتصال بالشبكة عند تطبيق الدروس لانه سيكون بنظام الاتصال الداخلي و يمكن رفعه الى الشبكة بعد الانتهاء من التصميم (اذا لم تكن على اتصال دائم) فترقبو الموقع بنظام عمل داخلي بالفرنسية و سيكون شاملا ....
- أنت يا أخي معنا لن تضطر الى تحميل برنامج أو ماشابه أنت فقط تحتاج الى "note pad" تفتحه من خلال:
اذا لم تكن تستخدم ويندوز يمكنك أن تجد برامج مماثلة في أنظمة التشغيل الأخرى، فمثلاً لينكس يحوي برنامج بيكو "Pico" ونظام ماك يحوي برنامج TextEdit.
نصائح لنجاح الدورة التعليمية:
- حاول تطبيق كل درس
- ان تعسر عليك أو واجهت مشكلا اطرحه و سنجد حلا انشاء الله
- لا تيأس بفشل أي محاولة فقط استمر و ابحث عن الخطأ فعند النتهاؤء من انشائك للمشروع المترقب ستشعر برضا عن النفس
و أخيرا :
أود قول كلمتين :
الدرس الاحق سيكون البداية الفعلية لل html لأننا فقط في مرحلة التمهيد
لا تقرأ و تغاذر ضع ملاحظة في التعليق حتى نتمكن من تدارك أي خلل أو ما شابه
شكرا لك أخي على هذه المعلومات القيمة
ردحذفالعفو يا أخي
ردحذف