loulou ange
11-01-2013, بتوقيت غرينيتش 04:23 PM
http://www.dzbatna.com/images/icons/idea.gif ط§ظ„ط¯ط±ط³ ط§ظ„ط«ط§ظ†ظٹ ظ…ظ† طھط¹ظ„ظ… HTML ط¨ط³ظ‡ظˆظ„ط© : ظ…ظپط§ظ‡ظٹظ… ظˆظ…ط¹ظ„ظˆظ…ط§طھ ط£ط³ط§ط³ظٹط© – HTML Introduction (http://www.dzbatna.com/t2111615/)
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاتة
أهلا وسهلآ بجميع الزوار والأعضاء ، اليوم بإذن الله راح نبدأ الدرس مفصل الثاني وأن شاء أقدر أوصل الدرس مفصل بشكل مبسط ومفهوم ..
نبدأ على بركة الله
HTML Introduction – مفاهيم ومعلومات أساسية
لابد علينا أن نفهم بعض الأشياء قبل البدء في الدروس ، الأن لو أردت أن تقدم موضوع في اي شئ موضوع في منتدى في مدونتك الشخصية في مسرح ، لابد أن تضع مقدمة للموضوع وأن تشرح طريقة للمستمع أو القارء
عن ماذا تتكلم ، فا إذن في HTML لابد أن نشرح طريقة لمتصفحات الأنترنت أن موضوع هذي الصفحة هو HTML وهناك في HTML أكواد اساسية لابد كتابتها حتى تكون جاهزه لقرائة المتصفحات لها
أذن دعونآ نلقي نظرة بسيطة على الكود codeالأساسي لل HTML ونشرح طريقة كل نقطة بالتفصيل :-
الكود code الأساسي لل HTML :
http://www.lessons.im/wp-content/uploads/Screen-shot-2014-06-24-at-7.22.04-PM1.png (http://www.lessons.im/2014/06/%d8%a7%d9%84%d8%af%d8%b1%d8%b3-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d9%85%d9%86-%d8%aa%d8%b9%d9%84%d9%85-html-%d8%a8%d8%b3%d9%87%d9%88%d9%84%d8%a9-%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d9%85/screen-shot-2014-06-24-at-7-22-04-pm-2/)
الأن مثل ما نلاحظ هذا كود code وثيقة HTML أساسي ، فلابد من وجود الأكواد الموضحة في الصوة
وراح نشرح طريقة كل كود code على حدى .
فا الأن أول كود code لدينآ في الصورة التالية :-
وظيفته تحديد نوع الوثيقة حتى يعلم المتصفح أن هذي الوثيقة من نوع HTML وهذي من الأشياء المهمة التي لابد وجودها في صفحات الويب .
http://www.lessons.im/wp-content/uploads/D.png (http://www.lessons.im/2014/06/%d8%a7%d9%84%d8%af%d8%b1%d8%b3-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d9%85%d9%86-%d8%aa%d8%b9%d9%84%d9%85-html-%d8%a8%d8%b3%d9%87%d9%88%d9%84%d8%a9-%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d9%85/d/)
http://www.lessons.im/wp-content/uploads/H.png (http://www.lessons.im/2014/06/%d8%a7%d9%84%d8%af%d8%b1%d8%b3-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d9%85%d9%86-%d8%aa%d8%b9%d9%84%d9%85-html-%d8%a8%d8%b3%d9%87%d9%88%d9%84%d8%a9-%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d9%85/h/)
الأن مايكون داخل هذين الوسمين هو صفحة ال html
طبعآ مثل مانلاحظ وجود وسم
<html>
هذا هو فتح الوسم ، وبعد مانفتح وسم في ال html لابد من إغلاقة
وبهذه الطريقة يتم إغلاقة
</html>
مثل ماتلاحظ وجود علامة / قبل اسم الوسم
http://www.lessons.im/wp-content/uploads/H2.png (http://www.lessons.im/2014/06/%d8%a7%d9%84%d8%af%d8%b1%d8%b3-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d9%85%d9%86-%d8%aa%d8%b9%d9%84%d9%85-html-%d8%a8%d8%b3%d9%87%d9%88%d9%84%d8%a9-%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d9%85/h2/)
اما الأن مع أخر وسم وهو وسم body
http://www.lessons.im/wp-content/uploads/b.png (http://www.lessons.im/2014/06/%d8%a7%d9%84%d8%af%d8%b1%d8%b3-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d9%85%d9%86-%d8%aa%d8%b9%d9%84%d9%85-html-%d8%a8%d8%b3%d9%87%d9%88%d9%84%d8%a9-%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d9%85/b/)
هذا الوسم هو على أسمة ( جسم الصفحة ) اي بمعنى مايتم كتابتة بداخل هذا الوسم يتم أستعراضة في صفحة الويب .. الأن جرب أن تكتب هذي الوثيقة في اي محرر أكواد تستخدمة
وأكتب بداخل وسم body مثلا ( السلام عليكم ورحمة الله وبركاتة ) وأحفظ الصفحة
بأسم index.html
لو نلاحظ أمتداد الصفحة هو .html فلابد من وضع هذا الأمتداد
وأحفظ الصفحة وأستعرضها في متصفح الأنترنت لديك وسوف تلاحظ وجود ( السلام عليكم ورحمة الله ) وبهذا أنت انشئت أول ملف html بسيط
الى هنا أنتهينا من الدرس مفصل الثاني
أتمنى لكم التوفيق أن شاء الله ..
أخوكم / محمد فهد
المصدر (http://www.lessons.im/2014/06/%D8%A7%D9%84%D8%AF%D8%B1%D8%B3-%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A-%D9%85%D9%86-%D8%AA%D8%B9%D9%84%D9%85-html-%D8%A8%D8%B3%D9%87%D9%88%D9%84%D8%A9-%D9%85%D9%81%D8%A7%D9%87%D9%8A%D9%85-%D9%88%D9%85/)
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاتة
أهلا وسهلآ بجميع الزوار والأعضاء ، اليوم بإذن الله راح نبدأ الدرس مفصل الثاني وأن شاء أقدر أوصل الدرس مفصل بشكل مبسط ومفهوم ..
نبدأ على بركة الله
HTML Introduction – مفاهيم ومعلومات أساسية
لابد علينا أن نفهم بعض الأشياء قبل البدء في الدروس ، الأن لو أردت أن تقدم موضوع في اي شئ موضوع في منتدى في مدونتك الشخصية في مسرح ، لابد أن تضع مقدمة للموضوع وأن تشرح طريقة للمستمع أو القارء
عن ماذا تتكلم ، فا إذن في HTML لابد أن نشرح طريقة لمتصفحات الأنترنت أن موضوع هذي الصفحة هو HTML وهناك في HTML أكواد اساسية لابد كتابتها حتى تكون جاهزه لقرائة المتصفحات لها
أذن دعونآ نلقي نظرة بسيطة على الكود codeالأساسي لل HTML ونشرح طريقة كل نقطة بالتفصيل :-
الكود code الأساسي لل HTML :
http://www.lessons.im/wp-content/uploads/Screen-shot-2014-06-24-at-7.22.04-PM1.png (http://www.lessons.im/2014/06/%d8%a7%d9%84%d8%af%d8%b1%d8%b3-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d9%85%d9%86-%d8%aa%d8%b9%d9%84%d9%85-html-%d8%a8%d8%b3%d9%87%d9%88%d9%84%d8%a9-%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d9%85/screen-shot-2014-06-24-at-7-22-04-pm-2/)
الأن مثل ما نلاحظ هذا كود code وثيقة HTML أساسي ، فلابد من وجود الأكواد الموضحة في الصوة
وراح نشرح طريقة كل كود code على حدى .
فا الأن أول كود code لدينآ في الصورة التالية :-
وظيفته تحديد نوع الوثيقة حتى يعلم المتصفح أن هذي الوثيقة من نوع HTML وهذي من الأشياء المهمة التي لابد وجودها في صفحات الويب .
http://www.lessons.im/wp-content/uploads/D.png (http://www.lessons.im/2014/06/%d8%a7%d9%84%d8%af%d8%b1%d8%b3-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d9%85%d9%86-%d8%aa%d8%b9%d9%84%d9%85-html-%d8%a8%d8%b3%d9%87%d9%88%d9%84%d8%a9-%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d9%85/d/)
http://www.lessons.im/wp-content/uploads/H.png (http://www.lessons.im/2014/06/%d8%a7%d9%84%d8%af%d8%b1%d8%b3-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d9%85%d9%86-%d8%aa%d8%b9%d9%84%d9%85-html-%d8%a8%d8%b3%d9%87%d9%88%d9%84%d8%a9-%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d9%85/h/)
الأن مايكون داخل هذين الوسمين هو صفحة ال html
طبعآ مثل مانلاحظ وجود وسم
<html>
هذا هو فتح الوسم ، وبعد مانفتح وسم في ال html لابد من إغلاقة
وبهذه الطريقة يتم إغلاقة
</html>
مثل ماتلاحظ وجود علامة / قبل اسم الوسم
http://www.lessons.im/wp-content/uploads/H2.png (http://www.lessons.im/2014/06/%d8%a7%d9%84%d8%af%d8%b1%d8%b3-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d9%85%d9%86-%d8%aa%d8%b9%d9%84%d9%85-html-%d8%a8%d8%b3%d9%87%d9%88%d9%84%d8%a9-%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d9%85/h2/)
اما الأن مع أخر وسم وهو وسم body
http://www.lessons.im/wp-content/uploads/b.png (http://www.lessons.im/2014/06/%d8%a7%d9%84%d8%af%d8%b1%d8%b3-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d9%85%d9%86-%d8%aa%d8%b9%d9%84%d9%85-html-%d8%a8%d8%b3%d9%87%d9%88%d9%84%d8%a9-%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d9%85/b/)
هذا الوسم هو على أسمة ( جسم الصفحة ) اي بمعنى مايتم كتابتة بداخل هذا الوسم يتم أستعراضة في صفحة الويب .. الأن جرب أن تكتب هذي الوثيقة في اي محرر أكواد تستخدمة
وأكتب بداخل وسم body مثلا ( السلام عليكم ورحمة الله وبركاتة ) وأحفظ الصفحة
بأسم index.html
لو نلاحظ أمتداد الصفحة هو .html فلابد من وضع هذا الأمتداد
وأحفظ الصفحة وأستعرضها في متصفح الأنترنت لديك وسوف تلاحظ وجود ( السلام عليكم ورحمة الله ) وبهذا أنت انشئت أول ملف html بسيط
الى هنا أنتهينا من الدرس مفصل الثاني
أتمنى لكم التوفيق أن شاء الله ..
أخوكم / محمد فهد
المصدر (http://www.lessons.im/2014/06/%D8%A7%D9%84%D8%AF%D8%B1%D8%B3-%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A-%D9%85%D9%86-%D8%AA%D8%B9%D9%84%D9%85-html-%D8%A8%D8%B3%D9%87%D9%88%D9%84%D8%A9-%D9%85%D9%81%D8%A7%D9%87%D9%8A%D9%85-%D9%88%D9%85/)
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
