#1
|
||||
|
||||
![]() ![]() ![]() السلام عليكم ورحمة الله وبركاتة كيفكم جميعاً نبداء اليوم بمشئة الله سلسلة دروس 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 |
![]() |
#2 |
عضو شرف في منتديات العاشق
رقـم العضويــة: 99034
تاريخ التسجيل: Sep 2011
العـــــــــــمــر: 30
الجنس:
![]() المشـــاركـات: 9,311
نقـــاط الخبـرة: 2105
|
![]() واووووووووووو
![]() ![]() مكاني ![]() |
![]() |
![]() |
![]() |
#3 |
موقوف
رقـم العضويــة: 100855
تاريخ التسجيل: Oct 2011
الجنس:
![]() المشـــاركـات: 3,218
نقـــاط الخبـرة: 766
|
![]() التعديل الأخير تم بواسطة JERY7 ; 12-14-2013 الساعة 05:09 PM سبب آخر: ت/م |
![]() |
![]() |
![]() |
#5 |
عاشق مبدع ومحترف
رقـم العضويــة: 169215
تاريخ التسجيل: Oct 2012
الجنس:
![]() المشـــاركـات: 890
نقـــاط الخبـرة: 168
|
![]() مشكور على الدرس الروعه وإن شاء الله متابع معك وشكراً. تم التطبيق بنجاح 100% يلايت تضع رد في هذا الموضوع ويحتوي على صورة وملف الكود ![]() ![]() التعديل الأخير تم بواسطة JERY7 ; 12-13-2013 الساعة 04:21 PM |
![]() |
![]() |
![]() |
#9 |
عضو مخضرم في فريق العاشق للمانجا
رقـم العضويــة: 179498
تاريخ التسجيل: Jan 2013
الجنس:
![]() المشـــاركـات: 10,809
نقـــاط الخبـرة: 2696
|
![]()
جـآري التطبيق ..
![]() |
![]() |
![]() |
![]() |
#10 |
عاشق جديد
رقـم العضويــة: 289410
تاريخ التسجيل: Nov 2013
الجنس:
![]() المشـــاركـات: 12
نقـــاط الخبـرة: 10
Skype :
![]() |
![]()
اشكرك يا اخي على عملك الرائع
![]() وأنا أنشاء الله اتعلم اللغة بأسرع وقت كي أتفاعل معك ![]() وديkawaii-005 |
![]() |
![]() |
![]() |
الكلمات الدلالية (Tags) |
الدرس الاول |
الذين يشاهدون محتوى الموضوع الآن : 4 ( الأعضاء 0 والزوار 4) | |
|
|
![]() |
||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
تطبيقات الدرس الاول |[ المستوى الاول]| | lady chi | دورة الرسم | 35 | 03-01-2013 05:49 PM |