مدخل الى تعلم تطوير وتصميم الويب بلغة HTML
لغة الاتش تي ام ال هي من اللغات المميزة في البرمجة الخاصة بصفحات الويب معا انها ليست لغة برمجة تطبيقات او برامج ولا توجد صفحة ويب لا تحتوي على لغة الاتش تي ام ال لانها هي اللغة الرئيسية في برمجة صفحات الويب ولا تخلو منها اي صفحة منذ تاسيسها في 1990 من طرف تيم بيرنرزيلي ولقد حققة الاتش تي ام ال نجاحا لم يكن يتوقعه تيم بيرنرزيلي .
مميزاتها
- لغة سهلة التعلم
- لا تتعدا انها لغة انجليزية
- لا فرق فيها بين الحروف الكبيرة والصغيرة في كتابة الاكود
- يمكن ادراج داخلها لغات اخرى في برمجة صفحات الويب
- Javascript
- Php
- Css
نبذة عن الكتاب
نحن نعلم ان كثير منا يريد يطور نفسه من جهة البرمجة والتصميم وخاصتا بناء المواقع هذا الكتاب الذي بين يدينا يحتاجه كل شخص يفكر او يريد تعلم تصميم وتطوير وبناء موقع ويب حيث اذا اخذناه كقاعدة اساسية للانطلاق في هذا المشوار والذي هو بناء موقع الكتروني بمشيئة الله له نفع كبير . وبالتالي هذه الكتاب يعالج اللغة الاساسية في بناء و موقع ويب والتي لا تستطيع بناء اي موقع ويب بدونها وهي لغة تهتم بتوصيف مواقع والويب والخلل الحيد في هذه اللغة انها لا نستطيع التحكم بسلاسة من جهة التحكم في خصائص اجزاء الموقع بانفراد ولكن لا ولم ولن تستطيع انشاء موقع ويب بدونها مهما كان ولكن يجب ادخالها في موقعك بصفة سائدة او قليلة .
محتويات الكتاب
- مدخل الى لغة الاتش تي ام ال (HTML)
- مذا يلزمني لانشاء صفحة ويب
- بنية ملف الاتش تي ام ال (HTML)
- الوسوم الرئيسيية في لغة الاتش تي ام ال
- وسم العنوان
- من استخدامات وسم الرااس
- الوسم <h> للتحكم في حجم الخط 1
- الوسمين <big> <small> للتحكم في حجم الخط 2
- الوسم <br> لتحديد مهايات الاسطر
- الوسم <p> لتحديد الفقرات
- الخاصية Align لتحديد محاذات الكتابة
- الوسم <b> لجعل الخط غليظ
- الوسمين <em> و <i> لامالة الخط
- الوسم <u> لاضافة خط تحت النص
- الوسم Font
- الخاصية Size لتحديد حجم الخط
- الخاصية Color لتحديد لون الخط
- الخاصية Face لتحديد نوع الخط
- الخلفية ( لون )
- الخلفية ( صورة )
- الصورة كمحتوى
- الروابط
- الجداول
- القوائم
- نصائح حول انشاء موقعك
صيغة الكتاب
لمن هذا الكتاب؟
- من لم يكتب سطر كود من قبل ويريد أن يرى أول صفحة ويب له تعمل في المتصفح.
- طالب يريد فهم بنية ملف HTML والوسوم الأساسية قبل الانتقال إلى CSS.
- صاحب مدونة أو موقع جاهز يريد فهم الكود الذي يراه عند تعديل القوالب.
ما الذي تغيّر منذ كتابة الكتاب؟
الكتاب يعتمد في التنسيق على أساليب أُلغيت في HTML5: الوسم font بخصائصه size و color و face، والوسم big، والخاصية align، وتحديد لون الخلفية وصورتها من داخل وسوم HTML. هذه الأساليب قد تعمل في المتصفح لكنها لم تعد مقبولة في الكود الحديث، والصواب أن يُنقل كل ما يخص الشكل إلى CSS.
معلومة أن HTML لا تفرق بين الحروف الكبيرة والصغيرة صحيحة، لكن العرف المعتمد اليوم كتابة الوسوم بحروف صغيرة. ويبدأ كل ملف حديث بالسطر <!DOCTYPE html> ووسم meta charset="utf-8" لعرض العربية بشكل صحيح، مع خاصية dir="rtl" للصفحات العربية.
ما يبقى صالحًا: بنية الملف، والعناوين، والفقرات، والروابط، والصور، والجداول، والقوائم.
كيف تطبّق أثناء القراءة
يكفي محرر نصوص مثل Visual Studio Code ومتصفح. مع كل وسم قديم في الكتاب اكتب بجواره البديل الحديث بـ CSS. مشروع ختامي مقترح: صفحة سيرة ذاتية فيها صورة شخصية، وقائمة بالمهارات، وجدول للخبرات، وروابط لحساباتك، ثم ارفعها مجانًا على GitHub Pages.
استخدم خدمة التحقق من صحة الكود validator.w3.org لفحص صفحتك، فهي تكشف الوسوم غير المغلقة والوسوم الملغاة وتشرح سبب كل خطأ.
أسئلة شائعة
ما الخطوة التالية بعد هذا الكتاب؟
تعلّم CSS لتنسيق الصفحة، ثم وسوم HTML5 الدلالية مثل header و nav و section و footer، ثم أساسيات JavaScript.
هل أحتاج برنامجًا خاصًا لكتابة HTML؟
لا، أي محرر نصوص يكفي، لكن محررًا مثل Visual Studio Code يلوّن الكود ويكمل الوسوم تلقائيًا ويكشف الأخطاء، مما يسهّل التعلم كثيرًا.
اقرأ أيضاً
- كتاب HTML بسهولة لكل مبتدأ باللغة العربية PDF
- كتاب كورس HTML و HTML5 بالعربي pdf
- كتاب تعلم HTML5 & CSS3 باللغة العربية الخطوة الأولى لأحتراف برمجة الويب PDF
- ماهي لغة CSS وأهميتها و أساسيات تعلمها|الدرس الأول
