كتاب جيد لتعلم تعلم لغة البرمجة html

ان الحمد لله ، نحمده و نستعينه ، و نستغفره ، و نعوذ بالله

من شرور انفسنا و من سيئات أعمالنا ، من يهده الله فلا مضل له

و من يضلل فلا هادي له ، و أشهد أن لا إله إلا الله وحده لا شريك له، و أن محمدا

عبده و رسوله صلى الله عليه و على آله و أصحابه و من تبعهم

بإحسان الى يوم الديـــن و سلم تسليما كثيرا ، أما بعد ...


وصف برنامج تعلم HTML تعلم لغة البرمجة اتش تي ام ال

تعلم HTML تعلم لغة البرمجة اتش تي ام ال كتاب يعلمك من الصفر حتى الأحتراف للغة البرمجة HTML

للتحميل إضغط

http://hulkload.com/lzgqc65q7jb8

وانا اعتبر الشرح كتابة وصور افضل والسبب هو البعض لديهم اتصال الانترنت غير جيد
اي سوف لايستطيع متابعة الدورة انا الذي يهمني هو فائتكم واستطيع ان اعمل لكم الدروس فيديو
وباعلى جودة لكن قلت لكم البعض اتصال الانترنت لديه غي جيد
لذالك انا قمت بعمل اول درس كتابة والشرح تم عمله بالتفصيل وشرحت لكم كل صغيرة وكبيرة
بالنسبة للدوس سوف تكون كالتالي

html
css
php

سوف نبدأ على بركة الله في html

هذا الدرس هو البداية وتم شرح فيه اساسيات html حاول ان تقرأ الدرس بتركيز ولا تنسى التطبيق واي استفسار انا موجود ان شاء الله وسوف ارد على استفساراتكم سواء هنا في المعهد
او المدرسة والي والشخص الذي يواجه صعوبة في فهم الشرح يكلمني كذالك

نبدأ الأن الدرس


اليوم سوف نتناول اول دروس تعلم html وسوف نتكلم في هذا الدرس عن html وكيفية عملها
عزيزي الطالب لغة html من الغات السهلة جدآ وهي غير معقدة وسهلة الاستخدام والتعلم طيب لو كنت طالب مبتدأ وتريد ان تتعلم يتوجب عليك ان تفهم ماهي html واين تستخدم انت الان لو دخلت الى موقع مثال موقع مدرسة المستقبل التعليمية سوف تلاحظ انه المدرسة فيها تصميم مكون من صور والالوان والخطوط والقوائم الجانبية هذه كلها تم عملها بواسطة html اي بمعنى انه html هي الهيكلية او هيكل الموقع او الشكل الظاهر هناك شيء اخر يتوجب عليك ان تفهمه وهو css تعتبر css شيء مكمل الى html لانه css مسؤول عن الالوان والخطوط اي انه مسؤول عن جمالية التصميم لكن اكود css تكون مفصولة عن اكواد html دعن الان من css سوف نتكلم عنها ونتعلمها بعد دورة html ان شاء الله الان نرجع الى html سوف نتكلم الان عن كل وسم خاص في html تابع معي .... انت لما تشاهد الان صفحة الموقع سوف تشاهدها مكونة من هيدر (headr) و جسم الصفحة (body) و ذيل الصفحة (footer) الان نتطرق الى كتابة الاكواد الخاصة في صفحة html اول شيء يجب ان تبدآ صفحة html بوسم الفتح الخاص ب html ويكتب بهذا الشكل :
تابع معي الكود التالية :

رمز PHP:
<html> // 1
<head> // 2
<title>عنوان الصفحة</title> // 3
</head> // 4
<body> // 5
</body> // 6
</html> // 7
الكود تبين لك طريقة كتابة كل وسم في صفحة html تابع
الرقم 1 في الكود هو بداية وسم صفحة html اي بمعنا انه اخبرنا المتصفح انه هذه الصفحة تحتوي على اكواد تنتمي الى صفحة html اما الرقم 7 هو اغلاق وسم html اغلب وسوم html فيها بداية للوسم واغلاق للوسم كما عملنا في بداية كتابة html انظر الى الكود وتابع فيها الارقام 1 و 7 طيب بعد ما كتبنا وسم بداية واغلاق صفحة html هناك امور اخرى يجب كتابتها وهي head و title و body سوف نتكلم عن head وتابع في الكود الارقام 2 و 4 لو تلاحظ عزيزي الطالب وسم head يتكون من فتح واغلاق الفتح في الرقم 2 والاغلاق في الرقم 4 طيب سوف نتعرف الان عن وسم head هذا الوسم يكون فيه اكواد الميتا Meta وهي user meta variable و الترميز encoding و اوامر css الـ style و عنوان الصفحة title.
الان نشرح كل واحد منهم : meta :-
في وسم head هناك meta يتم وضعها وسوف اشرح لكم الشيء المهم فيها وهو user meta variable والاهم في user meta variable هو description و keywords تابع معي
بالنسبة الى description فهي مسؤولة عن الوصف الخاص في الموقع مثل انا لدي صفحة اضع فيها دروس وهذه الصفحة اريد ان اعطيها وصف لذالك سوف استخدم description لوضع وصف للصفحة لكن هذا الوصف لايظهر امام الزائر او من يتصفح هذه الصفحة وانما هذا الوصف سوف يكون مهم لمحركات البحث اي بمعنى اننا قمنا بعمل وصف لمحركات البحث لكي تتعرف على الصفحة وتم هذا الوصف عن طريق description وطريقة كتابة كود الميتا meta description يكون بهذه الطريقة


رمز PHP:
<meta name="description" content="وصف الموقع يكتب هنا" />

شرح الكود meta description : تكلمت سابقآ عن الفتح والاغلاق اعلم عزيزي الطالب انه اكواد meta كذالك فيها فتح واغلاق لكن تختلف في شيء واحد اكود meta وهو الاغلاق طيب كيف تختلف سوف اشرح لك الاختلاف نحن عندما تكلمنا عن فتح واغلاق وسم html قلنا يتم بهذه الطريقة


رمز PHP:
<html> // الفتح
</html> // الاغلاق
لكن اكود meta تختلف عن html في الفتح والاغلاق ويتم اغلاقها فقط بهذه الطريقة

رمز PHP:
/>
لا اريد ان اطيل عليكم الدرس لكن احاول ان اشرح لك بالتفصيل حتى تفهم فائدة الكود وطريقة كتابته نكمل درسنا هنا عرفنا meta و اخبرنا html انه هذا وسم meta اما name فهو اسم او نوع سطر meta و content هي محتوى او مضمون هذه meta طيب بما نحن عرفنا اسم meta بـ description اي يعني انه هذه meta هي للوصف وفي الاخير الاغلاق وهو كالتالي

رمز PHP:
/>
طيب لدينا meta اخرى يكون اسمها keywords وهي للكلمات الدليلية وتكتب بهذا الشكل

رمز PHP:
<meta name="keywords" content="الكلمات الدليلية توضع هنا" />
طريقة كتابة هذه meta هي نفس طريقة كتابة meta description لكن الاسم الخاص فيها name هو keywords اي يعني انه اخبرنا html انه هذه meta هي خاصة في الكلمات الدليلية وهناك فرق بين الوصف والكلمات الدليلية طيب الان ننتقل الى شيء اخر وهو encoding تابع معي ...


encoding هو خاص بالترميز وهو من انواع meta ومهم جدآ في صفحات html لنتعرف اكثر على encoding
encoding هو ترميز الصفحة طيب كيف يعني ترميز الصفحة انا اقولك كيف الصفحة انت لما تكتب فيها اللغة العربية تحتاج الى تعريف او ترميز يسمى encoding هذا الترميز يتوجب عليك وضعه والسبب هو حتى لاتحدث مشاكل في اللغة او الكتابة التي تحتويها الصفحة بالنسبة الى encoding الترميز هناك اكثر من نوع ومن انواع الترميز windows-1256 وهو مايسمى arabic windows والترميز iso-8859-2 وهو مايسمى ISO والترميز utf-8 هناك انواع اخرى من الترميز لكن انت غير مجبر انك تتعلمها او تتعرف عليها جميعها طيب ماهو افضل ترميز encoding عزيزي الطالب افضل ترميز للصفحات هو utf-8 ترميز رائع جدآ لانه يعمل معك بدون اي مشاكل وبالاخص مع اللغة العربية وطريقة كتابته تكون كالتالي :


رمز PHP:
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
سوف اشرح لك فقط المهم في الكود وهو content و charset
لو تلاحظ عزيزي الطالب انه content قيمتها هي text/html هذا يعني عرفنا الترميز لصفحة html وانا قلت لكم ماهي content وهي المحتوى او المضمون اما charset فهي نوع الترميز ولو تلاحظ نوع الترميز الذي تم وضعه هو utf-8
بالنسبة الى meta كبداية يكتفي انك تعرف فقط description و keywords و encoding ليس بمعنا انه فقط هذه انواع meta هناك انواع اخرى سوف نتطرق لها في دروس اخرى لكن هذه meta التي تكلمنا عنها هي كشيء اساسي في صفحات html.
الان ننتقل الى وسم title يكتب وسم title بهذا الشكل

رمز PHP:
<title></title>
وسم title ياخذ عنوان الصفحة مثل انا لدي صفحة مختصة في تعلم دروس html واريد ان اعطي لهذه الصفحة اسم سوف اضع الاسم الخاص في الصفحة بين وسمي title ويتم بهذ الشكل

رمز PHP:
<title>اسم الصفحة يكتب هنا</title>

عزيزي الطالب انت تعلمت الان اهم الاكواد التي توضع في head وهي فتح واغلاق كود head و في داخلهما meta والتي تتكون من description وهو وصف الصفحة و keywords الكلمات الدليلية للصفحة و encoding ترميز الصفحة و title هو لعنوان الصفحة هذه اكواد meta توضع جميعها داخل وسوم head وهي لاتظهر للزائر الذي يتصفح الصفحة وانما هي فقط تعريف للصفحة وللمتصفح ولمحركات البحث والذي يظهر في الصفحة فقط هو title وهو الخاص بعنوان الصفحة اما الترميز والوصف والكلمات الدليلية لاتظهر على الصفحة بقى شيء اخر يوضع داخل وسوم head وهو style هذا سوف نتعرف عليه في دورة css ان شاء الله.
وفي الاخير كود head لدينا الان كالتالي :

رمز PHP:
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="وصف الصفحة" />
<meta name="keywords" content="كلمات دليلية للصفحة" />
<title<عنوان الصفحة</title>
</head>
الان سوف ننتقل الى وسمي body تابع الكود التالي :

رمز PHP:
<body> <body/>
وسوم body يكون بينهما محتوى الصفحة طيب ماهو محتوى الصفحة ؟؟ محتوى الصفحة عزيزي الطالب هو ما تشاهده عندما تدخل الى الصفحة وهو الهيدر header و القوائم الجانبية قائمة والوسط وهذا يعود حسب توزيعك للتصميم بالاضافة الى الفوتر footer وهو ذيل الصفحة الذي غالبآ يكون فيه حقوق الموقع الاضافة الى ذالك عزيزي الطالب انت تستطيع ان تضع حتى ولو كلمة واحد تحت body وتعطيها تنسيق مثل الون وحجم الخط واتجاه النص وغير ذالك انت لست مجبر ان تضع فقط الجداول وغيرهم في body وان شاء الله هذا سوف يكون في الدروس القادمة بأذن الله وان شاء الله سوف تكون محترف في html طيب بقى لدينا شيء اخير حتى ننتهي من الدرس الاول وهو امتداد الملفات عزيزي الطالب عندما تريد ان تحفظ ملف من نوع html يتوجب عليك ان تضعه الامتداد الخاص فيه اما html او htm هذه هي الامتدادات الخاصة في ملفات html وهذا شرط يتوجب عليك ان تعمله وهو عندما تقوم بعمل صفحة من نوع html يجب ان يكون الامتداد الخاص فيها اما html او htm الى هنا ينتهي درسنا الاول من سلسلة دروس تعلم html واسف على الاطالة لكن انا اريد انا اعلمكم كل صغيرة وكبيرة وبالتفصيل وان شاء الله يكون الشرح سهل وسلس وحتى تفهم اكثر راجع الدرس اكثر من مرة وطبق مع كل درس وحاول ان تبتعد عن نسخ الاكواد واعتمد على نفسك حتى تتعلم بشكل الصحيح وفي الاخير سوف اعطيكم كود صفحة html بالكامل للمراجعه
تابع الكود التالي :

رمز PHP:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="وصف الصفحة" />
<meta name="keywords" content="كلمات دليلية للصفحة" />
<title<مدرسة المستقبل التعليمية</title>
</head>
<body>
بسم الله الرحمن الرحيم
مدرسة المستقبل التعليمية
http://www.school-thefuture.com
</body>
</html>
الى هنا ينتهي هذا الدرس ان شاء الله يكون سهل عليكم وهذا الدرس ماهو الى بداية الدخول الى html

السلام عليكم و رحمة الله
موضوع مميز ومفيد
شرح وافي ، كافي و أنيق
بارك الله فيك أخي
و جزاك الله بألف خير على مساهمتك هذه
بارك الله فيك أخي و شكرا جزيلا

السلام عليكمو رحمه الله و بركاته
لساني لايقدر ان يصف المضوع ,,
بارك الله فيك أخي الى الموضوع الذي لاتوجد كلمة راح تصفهاا لك
جزاك الله خير
ما شاء الله عليك أخي الكريم
موضوع رائع و شرح أروع
نتمنى لك التوفيق
بلتوفيق
تقبل مروري

السلام عليكم ورحمة الله وبركاته
واش نقولك خويا علي روعة روعة
اداة هائلة
ومميزة
ولا قولي مواضيعك كلها متميزة
بارك الله فيك وجزاك كل خير
على الافادة

السلام عليكم و رحمة الله
أخي الكريم
كتاب جيد لغة البرمجة html
جاري التحميل أخي
بالتوفيق و السلام

تسلم اخي العزيز


أسأل الله أن يعطيك أطيب ما في الدنيا (محبة الله)
و أحسن ما في الجنة ( رؤية وجه الله)
و أنفع الكتب (كتاب الله)
و أن يجمعك بأبر الخلق (رسول الله)
وأن يبلغك رمضان ويبارك لك فيه

شكرا اخى على هذا الكتاب المتميز فى برمجة ال html
ولكل مبرمجى الجافا والويب سايت فان هذا الكتاب سوف يفيدهم جداااااااااا

اخى الكريم شكرا لمرورك الطيب
وأسأل الله أن يعطيك أطيب ما في الدنيا محبة الله و أحسن ما في الجنة رؤية وجه الله و أنفع الكتب كتاب الله
و أن يجمعك بأبر الخلق رسول الله وأن يبلغك رمضان ويبارك لك فيه.
شكرا لك ياخى

الاه تمل فهو في نظري سهل للغايةللتعلمه
و لهذا فانا ارى مثل هذا الطتبا فهو كاف لان يعلم الفهم الجيد
لهذا البمردجة التي تهتم في الخصوص على المواقع

شكرا أخي علي هذا الموضوع والربط

والله شرح الاخ العزيز ktama والكتاب الرائع من الاخ الفاضل صاحب الموضوع
يجعلون لغة html فى متناول الجميع ويمكن تداولها وفهمها بكل سهولة

السلام عليكم
شكرا لك يا أخي الكريم على هذا الكتاب الجيد حول البرمجة بلغة html وبارك الله فيك وجزاك كل خير
وبالتوفيق

ان الله لا يضيع اجر من احسن عملا

شكرا اخي الفاضل علي مساهمتك الكريمة

لسلام عليكم اخواني
الآن أطلب بطاقة ماستركارت مجانا تصلك حت للمنزل واربح $25 وذلك باتباع الرابط التالي
http://www.payoneer.com/payment-serv...rc=facebook_js
عندما تنتهي من التسجيل ستجد رابطك الخاص انشره كم فعلت وستربح $25
وجزاكم الله خيرا