1. ‫بسم اهلل الرمحن الرحيم‬

2. ‫بناء الصفحة‬

3. ‫‪‬تكلمنا فى املرة السابقة عن التاج االساسية للصفحة وهى كاآلتى‬

4. ‫• كًب تزٖ انًٕضٕع سٓم جذا .‬
‫• نٍ تحتبج نهحفظ , يغ انتكزار ستصبح ْذِ انتبجبث يٍ‬
‫االشيبء انؼبديت جذا .‬
‫• كم صفحت ستُشئٓب يجب اٌ تحتٕٖ ػهٗ ْذِ انتبجبث (يغ‬
‫انؼهى اَّ يًكٍ االستغُبء ػٍ بؼضٓب ٔنٍ تحذث يشكهت‬
‫كبيزة) .‬
‫• يجب ػهيك تجزبت كم يثبل سُقٕو ببَشبئّ .‬

5. ‫• أل شٗء افتح انُٕث ببد ٔضغ بٓب انتبجبث االسبسيت .‬

6. ‫• يٍ قبئًت ‪file‬اختز ‪ٔ save as‬اختز انًكبٌ انذٖ ستحفظ‬
‫فيّ انصفحت ٔاكتب اسًٓب يغ تغييز االيتذاد انٗ ‪ٔhtml‬نيكٍ‬
‫اسًٓب ‪ٔHome.html‬اختزَٕع انتزييز 8-‪.UTF‬‬

7. ‫• اآلٌ افتح انصفحت بٕاسطت اٖ يتصفح ستجذ اآلتٗ .‬

8. ‫• اآلٌ نُتؼزف ػهٗ بؼض انتبجبث انخبصت ببنبُبء ‪structure‬‬
‫• تبج انؼُبٔيٍ ‪<h1 6></h> Headings‬‬
‫• حيج >‪</h‬اكبزْب>1‪<h‬‬
‫• بيًُب >‪</h‬اصغزْب>6‪<h‬‬
‫اآلٌ افتح انًهف انذٖ كتبتّ سببقب ػٍ طزيق انضغط ػهيّ ضغطت‬
‫يًيٍ ٔاختيبر ‪ٔopen with notepad‬اضف انيّ ْذا‬
‫>‪</h‬ػُٕاٌ>1‪<h‬‬
‫>‪</h‬ػُٕاٌ>2‪<h‬‬
‫>‪</h‬ػُٕاٌ>3‪<h‬‬
‫>‪</h‬ػُٕاٌ>4‪<h‬‬

10. ‫‪ ‬وتكهم ايضا عه تاج مقطُعت ‪Paragraph‬‬
‫‪َ ‬يكتب ٌكرا >‪ٌ</p‬ري ٌى قطعت >‪<p‬‬
‫‪َ ‬يظٍس ٌكرا‬

11. ‫يزجٗ يالحظت اٌ نيس كم انتبجبث تحتبج نتبج انقفم نكٗ تظٓز انُتيجت‬ ‫‪‬‬
‫فًثال يًكٍ استخذاو >‪<p‬بذٌٔ >‪ٔ</p‬ستظٓز انُتيجت اال اٌ ْذا‬
‫نيس قيبسٗ ٔال ُفضم ,الٌ انُتيجت تختهف يٍ يتصفح آلخز حسب‬
‫ي‬
‫تذقيقّ ػهٗ انًؼبييز انقيبسيت ٔنكٗ تزيح َفسك يٍ ْذا انؼُبء يفضم‬
‫كتبيت تبج انفتح ٔتبج انقفم‬
‫كفبيت ػهيك انًؼهٕيت انتٗ بأػهٗ انصفحت ,اَظز نهصفحت انقبديت .‬ ‫‪‬‬

12. ‫‪ّ ‬تنيٌ عِ تاج >/‪ <hr‬وهى تهرا اىشنو يسَى تاج‬
‫ٍقفىه ‪ closed tag‬عَىٍا تستطيع متاتته مرىل‬
‫>‪<hr></hr‬‬
‫‪ٍ ‬ا فائدته ,فائدته وضع فاطو عسضى تهرا اىشنو‬
‫اذهة ىيظفذة واضف اىتاج ثٌ اضغط ‪ctrl+s‬ىتذفظ‬
‫اىَيف ثٌ استعسضه تاىَتظفخ مَا تعيَْا‬
‫<<<<ىألٍاً يا تطو.‬

13. ‫تاج سطس جديد ,تثساطة اىَتظفخ ال يعتسف‬ ‫‪‬‬
‫تاىَسافات اىتى تنتثها او تاىضغط عيى ٍفتاح‬
‫االدخاه ‪ Enter‬ىنى تْزه سطس ,وجسب االٍس‬
‫امتة ميَة عيى سطس ثٌ اضغط ‪(Enter‬طثعا‬
‫مو هرا فى اه ‪ ) Notepad‬وادفظ اىَيف‬
‫واستعسضه ,ستجد اُ اىنيَتاُ تجاّة تعض‬
‫,وىنى تْزه سطس يجة اضافة >/‪<br‬او‬
‫>‪ <br></br‬تعد اىنيَة اىتى تسيد اُ تْزه سطس‬
‫تعدها .‬

14. ‫‪ ‬مه أٌم انتاجاث انتى ستتعامم معٍا َأغىاٌا َاٌمٍا ٌَُ‬
‫اختصاز ل ‪َDivision‬يعىى جزء , ٌَُ ببساطت تاج تحجز‬
‫بً جزء مه انصفحت نتعطى نً خصائص مميزة عه باقى‬
‫االجزاء َيمكه كتابت تاجاث بداخهً بٍرا انشكم مثال‬
‫‪<div><p>www.ITessential.NET</p></div> ‬‬
‫َبما أوً مه اٌم انتاجاث فسىتىاَنً فى مساث قادمت باذن اهلل.‬

15. ‫‪ ‬هرا اىتاج ال يقىً تْفسه وىنِ يجة وضع ٍا‬
‫يسَى ب ‪attribute‬او خظائض وهى يهتٌ تاىتعاٍو‬
‫ٍع اىْظىص ,سْتذدث عْه عْد اىنالً عِ اه‬
‫‪attributes‬يَنْل تجستته اآلُ تنتاتة اآلتى‬
‫‪</span> ‬تازك اهلل فينٌ>”‪<span style=“color:red‬‬