SlideShare a Scribd company logo
1 of 32
Download to read offline
‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬
ASP.Net
‫اﻻول‬ ‫اﻟﺪرس‬
‫اﻻﻓﺎﺿﻞ‬ ‫واﺧﻮاﺗﻲ‬ ‫اﺧﻮﺗﻲ‬..
‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫وﺗﺼﻤﻴﻢ‬ ‫ﺑﺮﻣﺠﺔ‬ ‫ﺑﺘﻌﻠﻴﻢ‬ ‫اﻟﺨﺎﺻﺔ‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﺪروس‬ ‫ﺳﻠﺴﻠﺔ‬ ‫ﻟﻜﻢ‬ ‫اﻗﺪم‬ASP.NET‫ﻣﻊ‬
VB.net...
‫وا‬ ‫ﻳﻘﺪﻣﻬﺎ‬ ‫اﻟﺘﻲ‬ ‫اﻟﻤﻌﻠﻮﻣﺎت‬ ‫و‬ ‫اﻟﻮب‬ ‫ﺗﻄﻮر‬ ‫ﻣﺠﺎل‬ ‫ﻓﻲ‬ ‫اﻟﺘﻘﻨﻲ‬ ‫اﻟﻌﺎﻟﻢ‬ ‫ﺷﻬﺪﻩ‬ ‫اﻟﺬي‬ ‫اﻟﺘﻄﻮر‬ ‫ﺑﻌﺪ‬‫ﻓﻲ‬ ‫ﺣﺼﺮهﺎ‬ ‫ﻻﻳﻤﻜﻦ‬ ‫ﻟﺘﻲ‬
‫اﻟﻤﻌﺎرف‬ ‫و‬ ‫اﻟﻌﻠﻮم‬ ‫ﻣﺨﺘﻠﻒ‬ ‫وﺗﻘﺪم‬ ‫ﺗﺘﻨﻮع‬ ‫ﺑﺎﺗﺖ‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫واﻧﻤﺎ‬ ، ‫اﺧﺮ‬ ‫دون‬ ‫ﻣﻌﻴﻦ‬ ‫ﻣﺠﺎل‬..
‫ﻟﻐﺔ‬ ‫ﻻﺗﺘﻌﺪى‬ ‫ﺳﺎﺑﻘﺎ‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫آﺎﻧﺖ‬ ‫وﻗﺪ‬HTML..‫ﻣﺠﺮد‬ ‫ﻏﻴﺮ‬ ‫اﺧﺮى‬ ‫ﻣﺘﻄﻠﺒﺎت‬ ‫وﻇﻬﻮر‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫ﺗﻄﻮر‬ ‫ﻟﻜﻦ‬
‫ﺗﺴ‬ ‫اﺧﺮى‬ ‫ﺗﻘﻨﻴﺎت‬ ‫ﻟﻈﻬﻮر‬ ‫اﻻﺳﺎﺳﻴﺔ‬ ‫اﻟﺒﺬرة‬ ‫آﺎﻧﺖ‬ ‫ﻓﻘﺪ‬ ، ‫اﻟﻤﻌﻠﻮﻣﺎت‬ ‫ﻋﺮض‬‫ﻣﻮاﻗﻊ‬ ‫اﻧﺘﺎج‬ ‫ﻋﻠﻰ‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫ﻣﺼﻤﻢ‬ ‫ﺎﻋﺪ‬
‫ﻣﺘﺎﻧﻪ‬ ‫و‬ ‫ﻗﻮة‬ ‫ذات‬ ‫دﻳﻨﺎﻣﻴﻜﻴﺔ‬ ‫وب‬..
‫هﻮ‬ ‫اﻟﺪﻳﻨﺎﻣﻴﻜﻴﺔ‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫اﻧﺘﺎج‬ ‫ﻓﻲ‬ ‫وﺷﻴﻮﻋﺎ‬ ‫ﺳﻬﻮﻟﺔ‬ ‫و‬ ‫ﻗﻮة‬ ‫ﻣﻦ‬ ‫اﻟﺘﻄﻮر‬ ‫اﻟﻴﻪ‬ ‫وﺻﻞ‬ ‫ﻣﺎ‬ ‫اﺧﺮ‬ ‫ورﺑﻤﺎ‬)PHP &
ASP(‫اﻟ‬ ‫وهﺬا‬ ‫اﻟﺴﺎﺑﻘﺔ‬ ‫ﻣﻨﺘﺠﺎﺗﻬﺎ‬ ‫ﺟﻤﻴﻊ‬ ‫ﻓﻴﻪ‬ ‫ﺗﺠﺎوزت‬ ‫اﻟﺬي‬ ‫و‬ ‫اﻟﻘﻮي‬ ‫اﻧﺘﺎﺟﻬﺎ‬ ‫اﻧﺘﺠﺖ‬ ‫ﻣﺎﻳﻜﺮوﺳﻮﻓﺖ‬ ‫ﺷﺮآﺔ‬ ‫ﻟﻜﻦ‬ ،‫ﻤﻨﺘﺞ‬
‫هﻮ‬ASP.NET..‫زادت‬ ‫اﻟﺘﻲ‬ ‫و‬ ‫اﻟﺠﺪﻳﺪة‬ ‫اﻻﺟﺎآﺲ‬ ‫ﺗﻘﻨﻴﺔ‬ ‫ﺻﺪرت‬ ‫ﻓﻘﺪ‬ ‫اﻟﺪرس‬ ‫هﺬا‬ ‫آﺘﺎﺑﺔ‬ ‫وﺣﺘﻰ‬ ‫اﻻن‬ ‫واﻣﺎ‬
‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫ﺑﺮﻣﺠﺔ‬ ‫و‬ ‫ﺗﺼﻤﻴﻢ‬ ‫ﻣﺠﺎل‬ ‫ﻓﻲ‬ ‫اﻻﻣﻜﺎﻧﻴﺎت‬..
‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫وﺗﺼﻤﻴﻢ‬ ‫ﺑﺮﻣﺠﺔ‬ ‫آﻴﻔﻴﺔ‬ ‫ﺷﺮح‬ ‫ﻋﻠﻰ‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﺴﻠﺴﻠﺔ‬ ‫هﺬﻩ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﺳﻨﻌﻤﺪ‬ASP.NET‫ﻣﻊ‬
‫اﻟﺒﺮﻣﺠﺔ‬ ‫ﻟﻐﺔ‬VB.NET...
‫اﻻﺻﺪارة‬ ‫ﺑﺎﺳﺘﺨﺪام‬ ‫ﺳﺎﻗﻮم‬ ‫اﻧﻨﻲ‬ ‫اﻟﻰ‬ ‫اﻻﺷﺎرة‬ ‫وﺗﺠﺪر‬Visual Studio 2005‫اﻻﺣﺘﺮاﻓﻲ‬ ‫اﻻﺻﺪار‬..‫ﺷﺮح‬ ‫ﺧﻼل‬
‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﺪروس‬.
‫اﻟﺪروس‬ ‫ﺷﺮح‬ ‫ﻓﻲ‬ ‫اﻟﺴﻬﻮﻟﺔ‬ ‫اﻻﻣﻜﺎن‬ ‫ﻗﺪر‬ ‫اﺗﻮﺧﻰ‬ ‫ان‬ ‫وﺳﺎﺣﺎول‬..
، ‫اﻟﺪرس‬ ‫ﺗﻄﺒﻴﻖ‬ ‫ﻟﻠﻄﺎﻟﺐ‬ ‫ﻳﺘﺴﻨﻰ‬ ‫ان‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫واﺧﺮ‬ ‫درس‬ ‫ﺑﻴﻦ‬ ‫ﺛﺎﺑﺘﺔ‬ ‫زﻣﻨﻴﺔ‬ ‫ﻓﻮاﺻﻞ‬ ‫ﺳﺘﻜﻮن‬ ‫اﻧﻪ‬ ‫آﻤﺎ‬‫ﻋﻠﻴﻪ‬ ‫اﻟﺰﻳﺎدة‬ ‫ﺑﻞ‬
‫ﻧﻔﺴﻪ‬ ‫اﻟﺪرس‬ ‫ﻓﻲ‬ ‫اﻟﻤﺸﺮوﺣﺔ‬ ‫اﻻﻣﻜﺎﻧﻴﺎت‬ ‫ﻣﻦ‬ ‫اآﺜﺮ‬ ‫اﺧﺮى‬ ‫اﻣﻜﺎﻧﻴﺎت‬ ‫وﺗﺠﺮﺑﺔ‬..
‫اﺧﻴﺮا‬
‫ﺑﻬﺎ‬ ‫وﻳﻨﺘﻔﻌﻮا‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﺴﻠﺴﻠﺔ‬ ‫هﺬﻩ‬ ‫ﻣﻦ‬ ‫اﻟﺠﻤﻴﻊ‬ ‫ﻳﺴﺘﻔﺎد‬ ‫ان‬ ‫ارﺟﻮ‬..
‫ﻋﻨﻮان‬ ‫ﻋﻠﻰ‬ ‫ﻣﺮاﺳﻠﺘﻲ‬ ‫وﺑﺎﻣﻜﺎﻧﻜﻢ‬‫ان‬ ‫راﺟﻴﺎ‬ ، ‫اﻻﺳﺌﻠﺔ‬ ‫و‬ ‫اﻻﺳﺘﻔﺴﺎرات‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫ادﻧﺎﻩ‬ ‫اﻟﻤﻮﺿﺢ‬ ‫اﻻﻟﻜﺘﺮوﻧﻲ‬ ‫اﻟﺒﺮﻳﺪ‬
‫ﺗﻜ‬‫اﻟﻌﻠﻤﻴﺔ‬ ‫ﻣﺎدﺗﻪ‬ ‫وﺿﻤﻦ‬ ‫اﻟﺪرس‬ ‫ﺣﺪود‬ ‫ﺿﻤﻦ‬ ‫هﻲ‬ ‫اﻻﺳﺘﻔﺴﺎرات‬ ‫او‬ ‫اﻻﺳﺌﻠﺔ‬ ‫ﻮن‬..
‫ﺑﺎﻟﺘﻮﻓﻴﻖ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ ‫دﻋﺎﺋﻲ‬
‫اﻟﻤﻬﻨﺪس‬
‫ﻳﺎﺳــﻴﻦ‬ ‫ﻋـــﺪي‬
‫ﺣﺎﺳﻮب‬ ‫هﻨﺪﺳﺔ‬ ‫ﺑﻜﺎﻟﻮرﻳﻮس‬
engauday@hotmail.com
‫اﻟﺴﺒﺖ‬–21/7/2007
1
‫اﻟﺪرس‬ ‫ﺑﺪاﻳﺔ‬...
‫ا‬ ‫اﻟﻨﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﻟﺘﻈﻬﺮ‬ ‫ﻧﺖ‬ ‫دوت‬ ‫ﺳﺘﻮدﻳﻮ‬ ‫ﻓﻴﺠﻮال‬ ‫ﺑﻴﺌﺔ‬ ‫ﺑﺘﺸﻐﻴﻞ‬ ‫ﻧﻘﻮم‬‫ﻟﺮﺋﻴﺴﻴﺔ‬:
‫اﻟﻜﺘﺎﺑﺔ‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ، ‫ﺟﺪﻳﺪ‬ ‫وب‬ ‫ﻣﻮﻗﻊ‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﻧﻘﻮم‬ ‫ان‬ ‫وﻻﺟﻞ‬Web Sit…‫ﻟـ‬ ‫اﻟﻤﻘﺎﺑﻠﺔ‬Create:
‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﺟﺪﻳﺪ‬ ‫وب‬ ‫ﻣﻮﻗﻊ‬ ‫ﻻﻧﺸﺎء‬ ‫اﺧﺮى‬ ‫ﻃﺮﻳﻘﺔ‬ ‫اﺳﺘﺨﺪام‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫او‬..
File New Web Sit…
‫اﻟﺘﺎﻟﻴﺔ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫ﻣﻮﺿﺢ‬ ‫آﻤﺎ‬:
2
‫اﻟﺘﺎﻟﻴﺔ‬ ‫اﻟﻨﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻈﻬﺮ‬:
‫ا‬ ‫اﻻرﻗﺎم‬ ‫ﻧﺘﺘﺒﻊ‬‫ﻣﻮﻗﻊ‬ ‫ﻧﺨﺘﺎر‬ ‫ﺣﻴﺚ‬ ، ‫اﻋﻼﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫ﻟﻤﻮﺿﺤﺔ‬ASP.NET‫اﻟﺮﻗﻢ‬ ‫ﻣﻦ‬1‫ﺧﺰن‬ ‫ﻣﻜﺎن‬ ‫وﻧﺤﺪد‬ ،
‫اﻟﺮﻗﻢ‬ ‫ﻣﻦ‬ ‫اﻟﻤﻮﻗﻊ‬2‫ﻣﻦ‬ ‫اﻟﻤﺴﺘﺨﺪﻣﺔ‬ ‫اﻟﺒﺮﻣﺠﺔ‬ ‫ﻟﻐﺔ‬ ‫وﻧﺤﺪد‬ ،3‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫واﺧﻴﺮا‬ ،OK‫ﻣﻦ‬4..
‫اﻟﺘﺎﻟﻴﺔ‬ ‫اﻟﻨﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫وﺗﻈﻬﺮ‬ ‫ﺟﺪﻳﺪ‬ ‫ﻣﻮﻗﻊ‬ ‫اﻧﺸﺎء‬ ‫ﺳﻴﺘﻢ‬..
3
‫اﻟﻰ‬ ‫اﻻرﻗﺎم‬ ‫ﺗﺸﻴﺮ‬ ‫ﺣﻴﺚ‬:
‫اﻟﺮﻗﻢ‬1:‫اﻟﻜﻮد‬ ‫ﻧﺎﻓﺬة‬.
‫اﻟﺮﻗﻢ‬2:‫اﻟﺘﺼﻤﻴﻢ‬ ‫ﻧﺎﻓﺬة‬.
‫اﻟﺮﻗﻢ‬3:‫اﻻدوات‬ ‫ﺻﻨﺪوق‬.
‫اﻟﺮﻗﻢ‬4:‫اﻟﺘﺼﻤﻴﻢ‬ ‫ﻧﺎﻓﺬة‬.
‫اﻟﺮﻗﻢ‬5:‫اﻟﻜﻮد‬ ‫ﻧﺎﻓﺬة‬.
‫اﻟﺮﻗﻢ‬6:‫وﻣﻠﻔﺎﺗﻪ‬ ‫اﻟﻮب‬ ‫ﻣﻮﻗﻊ‬.
‫اﻟﺮﻗﻢ‬7:‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﻧﺎﻓﺬة‬..
‫ﻣﻼﺣﻈﺔ‬:‫واآﺜﺮ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫ﻧﺎﻓﺬة‬ ‫ﻣﻦ‬ ‫اآﺜﺮ‬ ‫ﺗﻮﺟﺪ‬ ‫اﻧﻪ‬ ‫اﻋﻼﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫اﻟﻤﻮﺟﻮدة‬ ‫اﻻرﻗﺎم‬ ‫ﺷﺮح‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻧﻼﺣﻆ‬‫ﻣﻦ‬
‫آﻮد‬ ‫ﻧﺎﻓﺬة‬..‫اﻣﺎ‬ ، ‫اﻟﻘﺎدﻣﺔ‬ ‫اﻟﺪروس‬ ‫و‬ ‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﺧﻼل‬ ‫ﺳﻨﺘﻌﻠﻢ‬ ‫آﻤﺎ‬ ‫واﺣﺪة‬ ‫ﻧﺎﻓﺬة‬ ‫هﻲ‬ ‫اﻟﺘﺼﻤﻴﻢ‬ ‫ﻧﺎﻓﺬة‬ ‫ان‬ ‫اﻟﺤﻘﻴﻘﺔ‬ ‫ﻓﻲ‬
‫ﻧﺎﻓﺬﺗﺎن‬ ‫ﻓﻬﻲ‬ ‫اﻟﻜﻮد‬ ‫ﻧﺎﻓﺬة‬..‫ﻟﻐﺔ‬ ‫آﻮد‬ ‫ﻧﻌﺰل‬ ‫ان‬ ‫ﺑﺎﻣﻜﺎﻧﻨﺎ‬ ‫ﺣﻴﺚ‬VB.net‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﻴﻬﺎ‬ ‫ﻧﺼﻞ‬ ‫ﺑﻪ‬ ‫ﺧﺎﺻﺔ‬ ‫ﺻﻔﺤﺔ‬ ‫ﻓﻲ‬
‫اﻟﺮﻗﻢ‬ ‫ﻓﻮﻗﻪ‬ ‫اﻟﻤﻜﺘﻮب‬ ‫اﻟﺰر‬ ‫ﻧﻘﺮ‬5‫ﻧﺼ‬ ‫اﻟﺘﻲ‬ ‫اﻟﻨﺎﻓﺬة‬ ‫اﻣﺎ‬ ،‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﻴﻬﺎ‬ ‫ﻞ‬1‫اﻟﻤﺼﺪري‬ ‫اﻟﻜﻮد‬ ‫ﻧﺎﻓﺬة‬ ‫ﻓﻬﻲ‬.
‫اﻟﺮﻗﻢ‬ ‫اﺳﻔﻞ‬ ‫اﻟﻤﻮﺟﻮدة‬ ‫اﻟﻜﺘﺎﺑﺔ‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺘﺼﻤﻴﻢ‬ ‫ﻧﺎﻓﺬة‬ ‫اﻟﻰ‬ ‫ﻧﺬهﺐ‬ ‫اﻻن‬2‫اﻟﻤﻮﺟﻮد‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫او‬
‫اﻟﺮﻗﻢ‬ ‫اﺳﻔﻞ‬4.
‫اﻟﺼﻔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﻣﻦ‬ ‫وﻏﻴﺮهﺎ‬ ‫واﻟﻜﺘﺎﺑﺎت‬ ‫اﻻدوات‬ ‫وﺿﻊ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫ﺣﻴﺚ‬ ‫اﻟﺘﺼﻤﻴﻢ‬ ‫ﻧﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻈﻬﺮ‬‫ﺤﺔ‬..
‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﺑﻮﺿﻊ‬ ‫ﻧﻘﻮم‬Label‫اﻻداة‬ ‫و‬Button‫اﻟﺘﺎﻟﻲ‬ ‫ﺑﺎﻟﺸﻜﻞ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﻠﻰ‬:
‫او‬ ‫اﻟﻌﻤﻞ‬ ‫ﻧﺎﻓﺬة‬ ‫ﻋﻠﻰ‬ ‫واﻓﻼﺗﻬﺎ‬ ‫اﻻدوات‬ ‫ﺻﻨﺪوق‬ ‫ﻣﻦ‬ ‫اﻻدوات‬ ‫ﺳﺤﺐ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﻌﻤﻞ‬ ‫ﻧﺎﻓﺬة‬ ‫ﻋﻠﻰ‬ ‫اﻻدوات‬ ‫وﺿﻊ‬ ‫ﻳﺘﻢ‬
‫اﻟﺘﺼﻤﻴﻢ‬..
‫واﺣﺪ‬ ‫ﺳﻄﺮ‬ ‫ﻋﻠﻰ‬ ‫آﻼهﻤﺎ‬ ‫اﻻداﺗﻴﻦ‬ ‫ان‬ ‫ﻧﻼﺣﻆ‬..‫اﻻ‬ ‫ﻧﻬﺎﻳﺔ‬ ‫ﻋﻨﺪ‬ ‫اﻟﻤﺆﺷﺮ‬ ‫ﻧﻀﻊ‬‫داة‬Label‫ﻣﻔﺘﺎح‬ ‫وﻧﻨﻘﺮ‬Enter‫ﻣﻦ‬
‫اﻟﺰر‬ ‫ﻟﻴﺼﺒﺢ‬ ‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬Button‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫اﺳﻔﻞ‬Label..
‫ﻣﻔﺘﺎح‬ ‫ﻧﻘﺮﻧﺎ‬ ‫آﻠﻤﺎ‬ ‫اﻧﻨﺎ‬ ‫ﺣﻴﺚ‬Enter‫واﺣﺪ‬ ‫ﺳﻄﺮ‬ ‫ﺑﻤﻘﺪار‬ ‫اﻟﺰر‬ ‫ﺳﻴﻨﺰل‬..
‫ﻣﻼﺣﻈﺔ‬:‫اﻟﺼﻔﺤﺔ‬ ‫ﺿﻤﻦ‬ ‫اﻻدوات‬ ‫ﻣﻮاﻗﻊ‬ ‫ﺗﺮﺗﻴﺐ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﻟﺠﺪاول‬ ‫اﺳﺘﺨﺪام‬ ‫آﻴﻔﻴﺔ‬ ‫اﻟﻘﺎدﻣﺔ‬ ‫اﻟﺪروس‬ ‫ﻓﻲ‬ ‫ﺳﻨﺘﻌﻠﻢ‬.
‫آﺒ‬‫ﺪاﻳﺔ‬..‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬source‫اﻟﺼﻔﺤﺔ‬ ‫اﺳﻔﻞ‬ ‫اﻟﻤﻮﺟﻮدة‬)‫اﻟﺮﻗﻢ‬ ‫ﻋﻠﻴﻬﺎ‬ ‫ﻳﻈﻬﺮ‬ ‫آﺎن‬ ‫اﻟﺘﻲ‬1.. (
‫اﻟﻤﺼﺪري‬ ‫اﻟﻜﻮد‬ ‫ﻧﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻔﺘﺢ‬..
‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫ﻧﻼﺣﻆ‬ ‫اﻟﻤﻜﺘﻮب‬ ‫اﻟﻜﻮد‬ ‫ﺿﻤﻦ‬ ‫وﻣﻦ‬:
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<br />
<asp:Button ID="Button1" runat="server" Text="Button" /></div>
‫اﻻداة‬ ‫اﺿﺎﻓﺔ‬ ‫ﻃﺮﻳﻘﺔ‬ ‫ﻳﻮﺿﺢ‬ ‫اﻟﻜﻮد‬ ‫ﻣﻦ‬ ‫اﻻول‬ ‫اﻟﺴﻄﺮ‬ ‫ان‬ ‫ﺣﻴﺚ‬Label‫ﻳﻀﻴﺮ‬ ‫ﻓﻬﻮ‬ ‫اﻻﺧﻴﺮ‬ ‫اﻟﻜﻮد‬ ‫اﻣﺎ‬ ، ‫اﻟﻨﺎﻓﺬة‬ ‫اﻟﻰ‬
‫اﻟﺰر‬Button‫اﻟﺼﻔﺤﺔ‬ ‫اﻟﻰ‬..
4
‫اﻟﻤﻨﺘﺼﻒ‬ ‫ﻓﻲ‬ ‫اﻟﻤﻮﺟﻮد‬ ‫اﻟﺴﻄﺮ‬ ‫اﻣﺎ‬)<br />(‫اﻻ‬ ‫ﺑﻴﻦ‬ ‫ﺳﻄﺮ‬ ‫اﺿﺎﻓﺔ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫ﻓﻬﻮ‬‫داﺗﻴﻦ‬..
‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫اﻻداة‬ ‫اﺿﺎﻓﺔ‬ ‫آﻮد‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻧﻼﺣﻆ‬Label‫اﻟﺒﺮﻣﺠﻲ‬ ‫اﻻﺳﻢ‬ ‫ﻟﻨﺎ‬ ‫ﺣﺪد‬ ‫اﻧﻪ‬ ،ID‫اﻟﻨﺺ‬ ‫ﻟﻨﺎ‬ ‫وﺣﺪد‬
‫اﻻداة‬ ‫داﺧﻞ‬ ‫اﻟﻤﻜﺘﻮب‬Text..‫اﻣﺎ‬runat‫وب‬ ‫ﺧﺎدم‬ ‫اداة‬ ‫هﻲ‬ ‫اﻻداة‬ ‫هﺬﻩ‬ ‫ان‬ ‫ﻳﻮﺿﺢ‬ ‫ﻓﻬﻮ‬)server(...‫هﻮ‬ ‫وهﺬا‬
‫ادوات‬ ‫ﺑﻴﻦ‬ ‫اﻟﻔﺮق‬ASP.net‫ادوات‬ ‫و‬HTML..
‫اﻟﺼﻮ‬ ‫ﺳﺘﺘﻮﺿﺢ‬‫ادوات‬ ‫اﺳﺘﺨﺪام‬ ‫ﻧﺘﻌﻠﻢ‬ ‫ﻋﻨﺪﻣﺎ‬ ‫اآﺜﺮ‬ ‫رة‬HTML..
‫اﻟﺠﻤﻠﺔ‬ ‫ﻟﻨﻜﺘﺐ‬ ‫اﻻن‬)Hello ,this is my test(‫اﻟﻌﺒﺎرة‬ ‫ﺑﺪل‬Label‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻓﻲ‬Text..
<asp:Label ID="Label1" runat="server" Text="Hello ,this is my test"></asp:Label>
‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬Design‫ﻣﻦ‬ ‫ﺑﺎﻟﻘﺮب‬ ‫اﻟﻤﻮﺟﻮدة‬Source‫اﺟ‬ ‫ﻣﻦ‬‫اﻟﺘﺼﻤﻴﻢ‬ ‫ﻧﺎﻓﺬة‬ ‫اﻟﻰ‬ ‫اﻟﻤﺼﺪر‬ ‫آﻮد‬ ‫ﻧﺎﻓﺬة‬ ‫ﻣﻦ‬ ‫اﻻﻧﺘﻘﺎل‬ ‫ﻞ‬..
‫اﻟﺠﻤﻠﺔ‬ ‫ان‬ ‫ﻧﻼﺣﻆ‬)Hello ,this is my test(‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻓﻲ‬ ‫آﺘﺒﺖ‬ ‫ﻗﺪ‬..
‫اﻻدوات‬ ‫ﻧﺎﻓﺬة‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻻداوت‬ ‫ﺧﺼﺎﺋﺺ‬ ‫ﻓﻲ‬ ‫ﺑﺴﺎﻃﺔ‬ ‫اآﺜﺮ‬ ‫ﺑﺼﻮرة‬ ‫اﻟﺘﺤﻜﻢ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫آﺬﻟﻚ‬Properties..
‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫اداة‬ ‫ﺣﺪد‬ ‫اﻧﻨﺎ‬ ‫ﻣﻦ‬ ‫ﻧﺘﺎآﺪ‬Label‫ﺛ‬‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻗﻴﻤﺔ‬ ‫ﻧﻐﻴﺮ‬ ‫ﻢ‬Text‫ﻓﻴﻬﺎ‬ ‫وﻧﻜﺘﺐ‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﻧﺎﻓﺬة‬ ‫ﻣﻦ‬..
‫ﺗﺠﺮﻳﺒﻴﺔ‬ ‫ﺻﻔﺤﺔ‬ ‫هﺬﻩ‬ ، ‫ﻣﺮﺣﺒﺎ‬
‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻓﻲ‬ ‫آﺘﺒﺖ‬ ‫اﻟﺠﻤﻠﺔ‬ ‫ان‬ ‫ﻧﻼﺣﻆ‬..
‫اﻟﺰر‬ ‫اداة‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫ﻧﻔﺴﻪ‬ ‫اﻟﺸﺊ‬ ‫ﻧﻔﻌﻞ‬ ‫ان‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫آﺬﻟﻚ‬Button‫ان‬ ‫ﻧﺮﻳﺪﻩ‬ ‫اﻟﺬي‬ ‫اﻟﻨﺺ‬ ‫وآﺘﺎﺑﺔ‬ ‫ﺗﺤﺪﻳﺪهﺎ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬
‫اﻟﺨﺎﺻ‬ ‫اﻟﻰ‬ ‫اﺳﻨﺎدﻩ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻋﻠﻴﻬﺎ‬ ‫ﻳﻈﻬﺮ‬‫ﻴﺔ‬Text..
‫اﻟﻮب‬ ‫ﺧﺎدم‬ ‫وﺗﺸﻐﻴﻞ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺠﺮﺑﺔ‬:
‫ﺑﺎﺳﺘﺨﺪام‬ ‫ﺑﺎﻧﺸﺎؤهﺎ‬ ‫ﻧﻘﻮم‬ ‫اﻟﺘﻲ‬ ‫اﻟﺼﻔﺤﺎت‬ ‫ان‬ASP.Net‫ﺻﺤﻴﺤﺔ‬ ‫ﺑﺼﻮرة‬ ‫ﺗﺸﻐﻴﻠﻬﺎ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫وب‬ ‫ﺧﺎدم‬ ‫اﻟﻰ‬ ‫ﺗﺤﺘﺎج‬.
‫ﻗﺒﻞ‬ ‫ﻣﻦ‬ ‫ﺗﺸﻐﻴﻠﻪ‬ ‫ﻟﻴﺘﻢ‬ ‫وهﻤﻲ‬ ‫ﻣﺠﻠﺪ‬ ‫ﺑﻌﻤﻞ‬ ‫ﻧﻘﻮم‬ ‫آﻨﺎ‬ ‫اﻟﺴﺎﺑﻘﺔ‬ ‫اﻻﺻﺪارات‬ ‫ﻓﻲ‬IIS..‫ﺷﺮآﺔ‬ ‫ﻗﺎﻣﺖ‬ ‫اﻻن‬ ‫وﻟﻜﻦ‬
‫وب‬ ‫ﺧﺎدم‬ ‫ﺑﺘﻄﻮﻳﺮ‬ ‫ﻣﺎﻳﻜﺮوﺳﻮﻓﺖ‬‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺠﺮﺑﺔ‬ ‫ﻋﻨﺪ‬ ‫ﺗﻠﻘﺎﺋﻴﺎ‬ ‫ﻳﻌﻤﻞ‬..‫ﻣﺴﺒﻘﺔ‬ ‫اﻋﺪادات‬ ‫اي‬ ‫ﻟﻌﻤﻞ‬ ‫ﻻﻧﺤﺘﺎج‬ ‫وﺑﺬﻟﻚ‬
‫ﺑﺎﻧﺸﺎؤهﺎ‬ ‫ﻧﻘﻮم‬ ‫اﻟﺘﻲ‬ ‫اﻟﺼﻔﺤﺎت‬ ‫ﻻﺧﺘﺒﺎر‬..
‫ﻗﺎﺋﻤﺔ‬ ‫اﻟﻰ‬ ‫اﻟﺬهﺎب‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫واﺧﺘﺒﺎر‬ ‫ﺗﺸﻐﻴﻞ‬ ‫ﺑﺎﻣﻜﺎﻧﻨﺎ‬ ‫اﻧﻪ‬ ‫ﻧﻼﺣﻆ‬
Debug‫اﻻﻣﺮ‬ ‫اﺧﺘﻴﺎر‬ ‫ﺛﻢ‬ ‫وﻣﻦ‬Start Without Debugging.
‫ﺑﺘﺸ‬ ‫اﻟﺘﺸﻐﻴﻞ‬ ‫ﺑﻴﺌﺔ‬ ‫ﺳﺘﻘﻮم‬ ‫ﻋﻨﺪهﺎ‬‫ﻓﺘﺢ‬ ‫ﺛﻢ‬ ‫وﻣﻦ‬ ‫اﻻﻓﺘﺮاﺿﻲ‬ ‫اﻟﻮب‬ ‫ﺧﺎدم‬ ‫ﻐﻴﻞ‬
‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﺮض‬ ‫و‬ ‫اﻻﻧﺘﺮﻧﺖ‬ ‫ﻣﺴﺘﻌﺮض‬.
‫اﻟﻮب‬ ‫ﻟﺨﺎدم‬ ‫ﻣﺼﻐﺮة‬ ‫اﻳﻘﻮﻧﻪ‬ ‫اﻟﺤﺎﺳﻮب‬ ‫ﺳﺎﻋﺔ‬ ‫ﺑﺠﺎﻧﺐ‬ ‫ﺳﻨﻼﺣﻆ‬
‫اﻟﻮب‬ ‫ﺧﺎدم‬
5
‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻧﺸﺎؤهﺎ‬ ‫ﻳﺘﻢ‬ ‫اﻟﺘﻲ‬ ‫اﻟﺼﻔﺤﺎت‬ ‫ان‬ ‫وﻧﻼﺣﻆ‬
ASP.Net‫اﻟﻼﺣﻘﺔ‬ ‫ﺗﺎﺧﺬ‬.aspx
‫هﻲ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫وهﻨﺎ‬Default.aspx
‫اﻟﺘﺮﺣﻴﺐ‬ ‫ﻋﺒﺎرة‬ ‫ﻧﺸﺎهﺪ‬‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻓﻲ‬ ‫آﺘﺒﻨﺎهﺎ‬ ‫اﻟﺘﻲ‬Label‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﺺ‬ ‫و‬Button..
‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺣﺎول‬ ‫اﻻن‬...‫ﻋﻨﺪ‬ ‫ﺗﻨﻔﻴﺬﻩ‬ ‫ﻟﻴﺘﻢ‬ ‫آﻮد‬ ‫اي‬ ‫ﺑﻜﺘﺎﺑﺔ‬ ‫ﻧﻘﻢ‬ ‫ﻟﻢ‬ ‫اﻧﻨﺎ‬ ‫ذﻟﻚ‬ ‫ﻓﻲ‬ ‫اﻟﺴﺒﺐ‬ ، ‫ﺷﺊ‬ ‫ﻳﺤﺪث‬ ‫ﻟﻦ‬ ‫اﻧﻪ‬ ‫ﺗﻼﺣﻆ‬
‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬..
‫اﻟﻮب‬ ‫ﻣﺘﺼﻔﺢ‬ ‫ﻧﻐﻠﻖ‬..‫ﺑﻴﺌﺔ‬ ‫اﻟﻰ‬ ‫وﻧﺮﺟﻊ‬VS.net..
‫ﻳﻘ‬ ‫ﻣﺒﺴﻂ‬ ‫آﻮد‬ ‫ﺳﻨﻜﺘﺐ‬ ‫اﻻن‬‫اﻟﺰر‬ ‫ﻧﻘﺮ‬ ‫ﻋﻨﺪ‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻋﻠﻰ‬ ‫ﻣﻌﻴﻨﺔ‬ ‫ﻋﺒﺎرة‬ ‫ﺑﻌﺮض‬ ‫ﻮم‬..
‫ﻣﺰدوﺟﺎ‬ ‫ﻧﻘﺮا‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﺑﺎﻟﻨﻘﺮ‬ ‫هﻮ‬ ‫ﻟﻠﺰر‬ ‫اﻟﻨﻘﺮ‬ ‫ﺣﺪث‬ ‫ﻟﻜﺘﺎﺑﺔ‬ ‫ﻃﺮﻳﻘﺔ‬ ‫اﺑﺴﻂ‬..
‫ﺑﻠﻐﺔ‬ ‫اﻟﻜﻮد‬ ‫ﻟﻜﺘﺎﺑﺔ‬ ‫ﻣﺨﺼﺼﺔ‬ ‫واﺟﻬﺔ‬ ‫اﻧﻬﺎ‬ ، ‫اﻟﻤﺼﺪر‬ ‫آﻮد‬ ‫ﻧﺎﻓﺬة‬ ‫ﻋﻦ‬ ‫ﺗﺨﺘﻠﻒ‬ ‫اﻟﻤﺮة‬ ‫هﺬﻩ‬ ‫ﻟﻜﻨﻬﺎ‬ ، ‫اﻟﻜﻮد‬ ‫ﻧﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻔﺘﺢ‬
‫ﻧﺖ‬ ‫دوت‬ ‫ﺑﻴﺴﻚ‬ ‫ﻓﻴﺠﻮال‬..
‫اﻟﻜ‬ ‫ﻧﻜﺘﺐ‬‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫اﻟﻜﻠﻲ‬ ‫اﻟﻜﻮد‬ ‫ﻟﺘﺒﺪو‬ ‫اﻟﻤﻄﻠﻮب‬ ‫ﻮد‬:
Partial Class _Default
Inherits System.Web.UI.Page
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As
System.EventArgs) Handles Button1.Click
Label1.Text = "This is a Test"
End Sub
End Class
‫هﻮ‬ ‫آﺘﺒﻨﺎﻩ‬ ‫اﻟﺬي‬ ‫اﻟﻜﻮد‬:Label1.Text = “This is a Test”
‫اﻟﺠﻤﻠﺔ‬ ‫ﻧﺴﻨﺪ‬ ‫ﻓﺎﻧﻨﺎ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻳﻨﻘﺮ‬ ‫ﻋﻨﺪﻣﺎ‬ ‫ﺑﺬﻟﻚ‬)This is a Test(‫اﻟﺨﺎﺻﻴﺔ‬ ‫اﻟﻰ‬Test‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﺘﺎﺑﻌﺔ‬
‫اﻟﺘﺴﻤﻴﺔ‬Label.
‫ﻣﻔﺘﺎﺣﻲ‬ ‫ﻧﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫او‬ ‫ﺳﺎﺑﻘﺎ‬ ‫ﺗﻌﻠﻤﻨﺎ‬ ‫آﻤﺎ‬ ‫اﻟﻜﻮد‬ ‫ﺑﺘﺠﺮﺑﺔ‬ ‫اﻻن‬ ‫ﻧﻘﻮم‬Ctrl + F5‫ﻣﻦ‬‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬..
‫اﻟﺠﺪﻳﺪة‬ ‫اﻟﻌﺒﺎرة‬ ‫ﺑﻌﺮض‬ ‫ﻟﻨﺎ‬ ‫ﺗﺴﺘﺠﻴﺐ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻓﺎن‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻋﻨﺪ‬..
‫وآﻴﻔﻴﺔ‬ ‫ﻟﻼدوات‬ ‫اﻻﺧﺮى‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﺗﻐﻴﻴﺮ‬ ‫آﻴﻔﻴﺔ‬ ‫ﺳﻨﺘﻌﻠﻢ‬ ‫اﻟﻘﺎدﻣﺔ‬ ‫اﻟﺪروس‬ ‫ﻓﻲ‬ ، ‫درﺳﻨﺎ‬ ‫ﻧﻬﺎﻳﺔ‬ ‫اﻟﻰ‬ ‫ﻧﺎﺗﻲ‬ ‫هﻨﺎ‬ ‫اﻟﻰ‬
‫اﺧﺮى‬ ‫ادوات‬ ‫اﺳﺘﺨﺪام‬..
‫اﻟﺪرس‬ ‫ﻣﻦ‬ ‫اﺳﺘﻔﺪﺗﻢ‬ ‫ﻗﺪ‬ ‫ﺗﻜﻮﻧﻮا‬ ‫ان‬ ‫ارﺟﻮ‬..
‫دﻋﺎﺋﻲ‬‫ﺑﺎﻟﺘﻮﻓﻴﻖ‬ ‫ﻟﻠﺠﻤﻴﻊ‬
6
‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬
ASP.Net
‫اﻟﺪرس‬‫اﻟﺜﺎﻧﻲ‬
‫اﻻﻓﺎﺿﻞ‬ ‫اﻻﺧﻮات‬ ‫و‬ ‫اﻻﺧﻮة‬..
‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫وﺗﺼﻤﻴﻢ‬ ‫ﺑﺮﻣﺠﺔ‬ ‫ﺗﻌﻠﻴﻢ‬ ‫دروس‬ ‫ﻣﻦ‬ ‫اﻟﺜﺎﻧﻲ‬ ‫اﻟﺪرس‬ ‫ﻓﻲ‬ ‫ﺑﻜﻢ‬ ‫ﻣﺮﺣﺒﺎ‬ASP.NET & VB.NET..
‫ﺑﻴﺌﺔ‬ ‫ﺗﺸﻐﻴﻞ‬ ‫آﻴﻔﻴﺔ‬ ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﺪرس‬ ‫ﻓﻲ‬ ‫ﺗﻌﻠﻤﻨﺎ‬VS.NET‫وﺿﻊ‬ ‫وآﺬﻟﻚ‬ ‫ﺟﺪﻳﺪ‬ ‫وب‬ ‫ﻣﻮﻗﻊ‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﻧﻘﻮم‬ ‫وآﻴﻒ‬‫اﻟﻨﻤﻮذج‬ ‫ﻋﻠﻰ‬ ‫اﻻدوات‬
‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻋﻠﻰ‬ ‫ﻣﻌﻴﻨﺔ‬ ‫ﺟﻤﻠﺔ‬ ‫اﻇﻬﺎر‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫ﺟﺪا‬ ‫ﺑﺴﻴﻂ‬ ‫آﻮد‬ ‫وآﺘﺎﺑﺔ‬..
‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫اﺳﺘﺨﺪام‬ ‫وآﻴﻔﻴﺔ‬ ‫اﻻدوات‬ ‫ﺑﺨﺼﺎﺋﺺ‬ ‫اﻟﺘﺤﻜﻢ‬ ‫آﻴﻔﻴﺔ‬ ‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﻓﻲ‬ ‫ﺳﻨﺘﻌﻠﻢ‬TextBox...
‫ﺑﻴﺌﺔ‬ ‫ﻧﺸﻐﻞ‬Visual Studio.NET‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﺪرس‬ ‫ﻓﻲ‬ ‫اﻧﺸﺄﻧﺎﻩ‬ ‫اﻟﺬي‬ ‫اﻟﻮب‬ ‫ﻣﻮﻗﻊ‬ ‫ﺑﻔﺘﺢ‬ ‫وﻧﻘﻮم‬..
‫ﻧ‬‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺑﺘﺤﺪﻳﺪ‬ ‫ﻘﻮم‬Label1‫ﻓﻘﻂ‬ ‫واﺣﺪة‬ ‫ﻧﻘﺮة‬ ‫اﻻﻳﺴﺮ‬ ‫اﻟﻔﺎرة‬ ‫ﺑﺰر‬ ‫ﻧﻘﺮﻩ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬..‫اﻻداة‬ ‫هﺬﻩ‬ ‫ﺧﺼﺎﺋﺺ‬ ‫اﻟﻰ‬ ‫ﻧﺘﺠﻪ‬ ‫ﺛﻢ‬ ‫وﻣﻦ‬
‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﻧﺎﻓﺬة‬ ‫ﻓﻲ‬..
‫هﻲ‬ ‫ﺧﺎﺻﻴﺔ‬ ‫اول‬ID،‫اﻟﻜﻮد‬ ‫آﺘﺎﺑﺔ‬ ‫ﻋﻨﺪ‬ ‫اﻻداة‬ ‫اﻟﻰ‬ ‫اﻻﺷﺎرة‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﺳﺘﺨﺪاﻣﻪ‬ ‫ﺳﻴﺘﻢ‬ ‫واﻟﺬي‬ ‫ﻟﻼداة‬ ‫اﻟﺒﺮﻣﺠﻲ‬ ‫اﻻﺳﻢ‬ ‫ﺗﺤﺪد‬ ‫اﻟﺘﻲ‬ ‫وهﻲ‬ ،
‫ﻻ‬ ‫آﻤﺎ‬‫آﺘﺒﻨﺎ‬ ‫ﻋﻨﺪﻣﺎ‬ ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﺪرس‬ ‫ﻓﻲ‬ ‫ﺣﻈﻨﺎ‬:Label1.Text = "Hello, This is a test"
‫اﻟﺨﺎﺻﻴﺔ‬ ‫اﻟﻰ‬ ‫اﻟﻤﺴﻨﺪ‬ ‫اﻟﺒﺮﻣﺠﻲ‬ ‫اﺳﻤﻬﺎ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫اداة‬ ‫اﻟﻰ‬ ‫اﺷﺮﻧﺎ‬ ‫اﻧﻨﺎ‬ ‫ﺣﻴﺚ‬ID‫وهﻮ‬Label1
‫ﺛﻢ‬ ‫وﻣﻦ‬ ‫اﻻداة‬ ‫اﺳﻢ‬ ‫آﺘﺎﺑﺔ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ذﻟﻚ‬ ‫ﻓﻴﻤﻜﻨﺎ‬ ‫ﻣﻌﻴﻨﺔ‬ ‫اداة‬ ‫ﺧﺼﺎﺋﺺ‬ ‫اﻟﻰ‬ ‫اﻟﻮﺻﻮل‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫واﻣﺎ‬(.)‫و‬‫اﻟﻤﻄﻠﻮﺑﺔ‬ ‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﺛﻢ‬ ‫ﻣﻦ‬.
‫ﺑﻜﺘﺎﺑﺔ‬ ‫ﻧﻘﻮم‬ ‫ﻋﻨﺪﻣﺎ‬ ‫اﻧﻨﺎ‬ ‫وﻧﻼﺣﻆ‬(.)‫ان‬ ‫وﻳﻤﻜﻨﻨﺎ‬ ‫اﻻداة‬ ‫هﺬﻩ‬ ‫ﻃﺮق‬ ‫و‬ ‫ﺑﺨﺼﺎﺋﺺ‬ ‫ﻗﺎﺋﻤﺔ‬ ‫ﻟﻨﺎ‬ ‫ﺗﻌﺮض‬ ‫اﻟﺘﻄﻮﻳﺮ‬ ‫ﺑﻴﺌﺔ‬ ‫ﻓﺎن‬ ، ‫اﻻداة‬ ‫اﺳﻢ‬ ‫ﺑﻌﺪ‬
‫اﻟﺨﺼﺎﺋﺺ‬ ‫اﺳﻤﺎء‬ ‫ﺟﻤﻴﻊ‬ ‫ﺣﻔﻆ‬ ‫اﻟﻰ‬ ‫ﺑﺤﺎﺟﺔ‬ ‫ﻻﻳﺠﻌﻠﻨﺎ‬ ‫وهﺬا‬ ، ‫ﻣﻨﻬﺎ‬ ‫ﻧﺸﺎء‬ ‫ﻣﺎ‬ ‫ﻧﺨﺘﺎر‬..
‫ﻣﻼﺣﻈﺔ‬:‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﺳﻴﺘﻢ‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫اﺳﻤﺎء‬ ‫ﺣﻔﻆ‬ ‫ان‬‫آﻞ‬ ‫اﻣﻜﺎﻧﻴﺎت‬ ‫ﻓﻬﻢ‬ ‫هﻮ‬ ‫اﻻن‬ ‫ﻋﻠﻴﻚ‬ ‫ﻣﺎ‬ ‫ﻓﻜﻞ‬ ‫ﻟﺬﻟﻚ‬ ، ‫اﻟﻜﻮد‬ ‫وآﺘﺎﺑﺔ‬ ‫اﻟﻤﻤﺎرﺳﺔ‬ ‫آﺜﺮة‬
‫ﺧﺎﺻﻴﺔ‬.
‫ادﻧﺎﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫ﻮﺿﺤﺔ‬: ‫ﻤ‬‫اﻟ‬ ‫اﻻرﺑﻌﺔ‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﻋﻦ‬ ‫ﺳﻨﺘﺤﺪث‬ ‫اﻟﺒﺪاﻳﺔ‬ ‫ﻓﻲ‬
‫اﻻداة‬ ‫ﺧﻠﻔﻴﺔ‬ ‫ﻟﻮن‬.
‫ﺑﺎﻻداة‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻﻃﺎر‬ ‫ﻟﻮن‬.
‫ﺑﺎﻻداة‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻﻃﺎر‬ ‫ﻧﻤﻂ‬.
‫ﺑﺎﻻداة‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻﻃﺎر‬ ‫ﻋﺮض‬.
‫ﻧﻘﻮم‬‫ﻟﻠﺨﺎﺻﻴﺔ‬ ‫اﻟﻤﻘﺎﺑﻞ‬ ‫اﻻﺑﻴﺾ‬ ‫اﻟﻤﺮﺑﻊ‬ ‫ﻋﻠﻰ‬ ‫ﺑﺎﻟﻨﻘﺮ‬BackColor..‫ﺻﻐﻴﺮ‬ ‫ﺳﻬﻢ‬ ‫داﺧﻠﻪ‬ ‫ﻣﺮﺑﻊ‬ ‫اﻟﺠﺎﻧﺐ‬ ‫ﻋﻠﻰ‬ ‫ﻟﻨﺎ‬ ‫ﺳﻴﻈﻬﺮ‬ ‫اﻧﻪ‬ ‫ﻧﻼﺣﻆ‬
‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫ادﻧﺎﻩ‬ ‫ﻣﻮﺿﺢ‬ ‫آﻤﺎ‬:
‫اﻟﺨﺎﺻﻴﺔ‬ ‫هﺬﻩ‬ ‫اﻟﻰ‬ ‫اﺳﻨﺎدهﺎ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫واﻟﺘﻲ‬ ‫اﻟﻤﺘﺎﺣﺔ‬ ‫ﺑﺎﻻﻟﻮان‬ ‫ﻗﺎﺋﻤﺔ‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻈﻬﺮ‬ ‫اﻋﻼﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫اﻟﻤﺆﺷﺮ‬ ‫ﻳﻮﺟﺪ‬ ‫ﺣﻴﺚ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻋﻨﺪ‬..
‫ﻧﺨﺘ‬‫ﻋﻠﻴﻪ‬
1
‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻻداة‬ ‫اﻟﺨﻠﻔﻴﺔ‬ ‫ﻟﻮن‬ ‫ﻳﻜﻮن‬ ‫ان‬ ‫ﻧﺮﻳﺪﻩ‬ ‫ﻟﻮن‬ ‫اي‬ ‫ﺎر‬.
‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻣﻊ‬ ‫ﻋﻤﻠﻪ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫اﻟﺸﺊ‬ ‫وﻧﻔﺲ‬Border Color‫ﺑﺎﻻداة‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻﻃﺎر‬ ‫ﻟﻮن‬ ‫ﺗﺤﺪﻳﺪ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬..‫ﻧﻘﻮم‬ ‫ﻋﻨﺪﻣﺎ‬ ‫اﻧﻨﺎ‬ ‫ﻧﻼﺣﻆ‬ ‫ﻟﻜﻨﻨﺎ‬
‫ﺑﺎﻻداة‬ ‫ﻳﺤﻴﻂ‬ ‫اﻃﺎر‬ ‫اي‬ ‫ﻧﺸﺎهﺪ‬ ‫ﻓﻠﻦ‬ ‫ﻟﻼﻃﺎر‬ ‫ﻣﻌﻴﻦ‬ ‫ﻟﻮن‬ ‫ﺑﺘﺤﺪﻳﺪ‬..‫ﻟﻮ‬ ‫آﺬﻟﻚ‬‫ﻋﻨﺪ‬ ‫اﻟﺘﻄﻮﻳﺮ‬ ‫ﺑﻴﺌﺔ‬ ‫ﻟﻨﺎ‬ ‫ﺗﻮﻓﺮهﺎ‬ ‫اﻟﺘﻲ‬ ‫اﻻﺧﺘﻴﺎرات‬ ‫اﺣﺪى‬ ‫اﺧﺘﺮﻧﺎ‬
‫اﻟﺨﺎﺻﻴﺔ‬BorderStyle‫ﺑﺎﻻداة‬ ‫ﻳﺤﻴﻂ‬ ‫اﻃﺎر‬ ‫اي‬ ‫ﻧﺸﺎهﺪ‬ ‫ﻓﻠﻦ‬ ‫ﺑﺎﻻداة‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻﻃﺎر‬ ‫ﻧﻮع‬ ‫ﺗﺤﺪﻳﺪ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬..
‫ﺻﻔﺮ‬ ‫هﻮ‬ ‫ﺑﺎﻻداة‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻداة‬ ‫ﻋﺮض‬ ‫ان‬ ‫ذﻟﻚ‬ ‫ﻓﻲ‬ ‫اﻟﺴﺒﺐ‬ ‫ان‬..‫اﻟﺨﺼ‬ ‫ﻣﻦ‬ ‫اي‬ ‫ﺗﺤﺪﻳﺪ‬ ‫ﻣﻦ‬ ‫ﻻﻣﻌﻨﻰ‬ ‫ﻓﻠﺬﻟﻚ‬ ‫اﻃﺎر‬ ‫اي‬ ‫ﻻﻳﻮﺟﺪ‬ ‫اي‬‫ﺎﺋﺺ‬
‫اﺻﻼ‬ ‫اﻃﺎر‬ ‫ﻻﻳﻮﺟﺪ‬ ‫ﻻﻧﻪ‬ ‫ﺑﺎﻻﻃﺎر‬ ‫ﺗﺨﺘﺺ‬ ‫واﻟﺘﻲ‬ ‫اﻟﺬآﺮ‬ ‫اﻟﺴﺎﺑﻘﺔ‬.
‫ﻟﻠﺨﺎﺻﻴﺔ‬ ‫اﻟﻤﻘﺎﺑﻞ‬ ‫اﻟﺤﻘﻞ‬ ‫ﻓﻲ‬BorderWidth‫ﻣﺜﻼ‬ ‫وﻟﺘﻜﻦ‬ ‫رﻗﻤﻴﺔ‬ ‫ﻗﻴﻤﺔ‬ ‫ﺑﺎدﺧﺎل‬ ‫ﻧﻘﻮم‬3..
‫ﺑﺎﻻﻃﺎر‬ ‫واﻟﺨﺎﺻﺔ‬ ‫ﻣﺴﺒﻘﺎ‬ ‫ﺣﺪدﻧﺎهﺎ‬ ‫اﻟﺘﻲ‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﺗﺎﺛﻴﺮ‬ ‫وﻧﻼﺣﻆ‬ ‫ﺑﺎﻻداة‬ ‫ﻳﺤﻴﻂ‬ ‫اﻃﺎر‬ ‫ﻟﻨﺎ‬ ‫ﻇﻬﺮ‬ ‫اﻧﻪ‬ ‫ﻧﻼﺣﻆ‬..
‫اﻻ‬ ‫ﺑﺎﻇﺎﻓﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬‫داة‬TextBox‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﻟﺘﺒﺪو‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﻠﻰ‬ ‫واﻓﻼﺗﻬﺎ‬ ‫ﺳﺤﺒﻬﺎ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻻدوات‬ ‫ﻣﻮاﻗﻊ‬ ‫وﻧﺮﺗﺐ‬:
‫اﻟﺰر‬ ‫اﺳﻔﻠﻪ‬ ‫ﻣﻦ‬ ‫و‬ ‫اﻻﻋﻠﻰ‬ ‫ﻓﻲ‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﻳﻜﻮن‬ ‫ﺣﻴﺚ‬Button‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺛﻢ‬ ‫وﻣﻦ‬.
‫ﻋ‬ ‫اﻟﻨﺺ‬ ‫ﺳﻴﻈﻬﺮ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫وﻋﻨﺪ‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﻓﻲ‬ ‫ﻧﺺ‬ ‫آﺘﺎﺑﺔ‬ ‫ﻣﻦ‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﺳﻨﻤﻜﻦ‬ ‫اﻧﻨﺎ‬ ‫هﻲ‬ ‫اﻟﺘﺎﻟﻴﺔ‬ ‫اﻟﺨﻄﻮة‬‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻠﻰ‬
..
‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻗﻴﻤﺔ‬ ‫ﻓﺎن‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻳﻨﻘﺮ‬ ‫ﻋﻨﺪﻣﺎ‬ ، ‫اﺑﺴﻂ‬ ‫وﺑﺴﻮرة‬Text‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻟﻘﻴﻤﺔ‬ ‫ﻣﺴﺎوﻳﺔ‬ ‫ﺳﺘﻜﻮن‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﺘﺎﺑﻌﺔ‬
Text‫اﻟﻨﺺ‬ ‫ﻟﺼﻨﺪوق‬ ‫اﻟﺘﺎﺑﻌﺔ‬..
‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫وﻧﻜﺘﺐ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻣﺰدوﺟﺎ‬ ‫ﻧﻘﺮا‬ ‫ﻧﻨﻘﺮ‬:
Label1.Text = TextBox1.Text
‫ا‬ ‫ﺑﺘﺠﺮﺑﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬‫ﻣﻔﺘﺎﺣﻲ‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻟﺼﻔﺤﺔ‬Ctrl+F5‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬ ‫ﻣﻦ‬..
‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻓﻲ‬ ‫اﻟﻨﺺ‬ ‫ور‬ ‫ﻧﻼﺣﻆ‬ ، ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫وﺛﻢ‬ ‫ﻣﻌﻴﻦ‬ ‫ﻧﺺ‬ ‫ﺑﺎدﺧﺎل‬ ‫ﻧﻘﻮم‬.
‫ﻟﻠﻔﺎرة‬ ‫اﻻﻳﻤﻦ‬ ‫ﺑﺎﻟﺰر‬ ‫اﻟﺼﺔ‬ ‫ﻋﻠﻰ‬ ‫ﻧﻘﺮﻧﺎ‬ ‫ﻟﻮ‬ ‫واﻻن‬..‫اﻻﻣﺮ‬ ‫اﻟﻤﻨﺒﺜﻘﺔ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﻣﻦ‬ ‫واﺧﺘﺮﻧﺎ‬View Source..
‫ﺗﺼﻴﻴ‬ ‫ﺗﻢ‬ ‫اﻻدوات‬ ‫ان‬ ‫ﻧﻼﺣﻆ‬‫ادوات‬ ‫ﺷﻜﻞ‬ ‫ﻋﻠﻰ‬ ‫ﺮهﺎ‬HTML..
‫اﻻدوات‬ ‫ﻣﻦ‬ ‫اداة‬ ‫ﻟﻜﻞ‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫اﺳﻨﺎد‬ ‫ﺗﻢ‬ ‫آﻴﻒ‬ ‫ﻧﺸﺎهﺪ‬ ‫آﺬﻟﻚ‬..
2
<input name="TextBox1" type="text" value="‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫"اﻟﻤﻮﺳﻮﻋﺔ‬ id="TextBox1" />&nbsp;
<br />
<br />
<input type="submit" name="Button1" value="‫هﻨﺎ‬ ‫اﻧﻘﺮ‬ " id="Button1" />
<br />
<br />
<span id="Label1" style="display:inline-block;background-color:Yellow;border-
color:Black;border-width:3px;border-style:Double;">‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫/<اﻟﻤﻮﺳﻮﻋﺔ‬span></div>
‫ﻣ‬ ‫اﻟﻜﻮد‬ ‫ﻧﻌﺪل‬ ‫اﻻن‬‫ﺑﺮﻣﺠﻴﺔ‬ ‫ﺑﺼﻮرة‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﺧﺼﺎﺋﺺ‬ ‫ﺑﺒﻌﺾ‬ ‫ﻧﺘﺤﻜﻢ‬ ‫ان‬ ‫اﺟﻞ‬ ‫ﻦ‬..
‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻟﺤﺪث‬ ‫اﻟﻨﻬﺎﺋﻲ‬ ‫اﻟﻜﻮد‬ ‫ﺳﻴﺼﺒﺢ‬:
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Handles Button1.Click
Label1.Text = TextBox1.Text
With TextBox1
.BorderStyle = BorderStyle.Dotted
.BorderWidth = 3
End With
End Sub
‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺸﻐﻴﻞ‬ ‫اﻻن‬ ‫ﻧﻘﻮم‬Ctrl+F5‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫اﻟﻨﺘﻴﺠﺔ‬ ‫ﻓﺘﺒﺪو‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫داﺧﻞ‬ ‫ﻧﻜﺘﺐ‬ ‫ان‬ ‫ﺑﻌﺪ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬..
‫ﺗﺤﻜﻤﻨ‬ ، ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﻜﻮد‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬‫اﻻﻃﺎر‬ ‫ﻋﺮض‬ ‫وآﺬﻟﻚ‬ ‫اﻟﻨﺺ‬ ‫ﺑﺼﻨﺪوق‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻﻃﺎر‬ ‫ﺑﻨﻤﻂ‬ ‫ﺎ‬..
‫اﻟﻘﻴﻤﺔ‬ ‫اﺳﻨﺪﻧﺎ‬ ‫اﻧﻨﺎ‬ ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﻜﻮد‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻧﻼﺣﻆ‬3‫ﺗﺤﺪﻳﺪ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﺧﺮ‬ ‫اﺳﻠﻮب‬ ‫ﻧﺴﺘﺨﺪم‬ ‫ان‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫آﺬﻟﻚ‬ ، ‫اﻻﻃﺎر‬ ‫ﻋﺮض‬ ‫ﻟﺨﺎﺻﻴﺔ‬
‫اﻻﻃﺎر‬ ‫ﻋﺮض‬..‫اﻟﺘﺎﻟﻲ‬ ‫ﺑﺎﻟﻜﻮد‬ ‫اﻻﻃﺎر‬ ‫ﺑﻌﺮض‬ ‫اﻟﺨﺎص‬ ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﻜﻮد‬ ‫ﻧﺴﺘﺒﺪل‬..
.BorderWidth = Unit.Pixel(3)
‫ﻧﻔﺴﻬﺎ‬ ‫اﻟﻨﺘﻴﺠﺔ‬ ‫ﻋﻠﻰ‬ ‫ﻧﺤﺼﻞ‬ ‫اﻧﻨﺎ‬ ‫ﻧﻼﺣﻆ‬ ، ‫اﻟﺰر‬ ‫وﻧﻘﺮ‬ ‫اﻟﻤﺘﺼﻔﺢ‬ ‫ﻓﻲ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﺮض‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﻜﻮد‬ ‫ﺗﺠﺮﺑﺔ‬ ‫ﻋﻨﺪ‬.
‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﻜﻮد‬ ‫اﻟﻰ‬ ‫اﻟﺘﺎﻟﻴﻴﻦ‬ ‫اﻟﻜﻮد‬ ‫ﺳﻄﺮي‬ ‫ﻧﻈﻴﻒ‬ ‫اﻻن‬..
.Width = 250
.Height = 20
‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫وﻋﺮض‬ ‫ارﺗﻔﺎع‬ ‫ﻳﺤﺪدان‬ ‫وهﻤﺎ‬..‫رﻗﻤﻴﺔ‬ ‫ﻗﻴﻢ‬ ‫ﻟﻬﻤﺎ‬ ‫اﺳﻨﺪﻧﺎ‬ ‫وﻗﺪ‬‫ﺻﺤﻴﺤﺔ‬..
‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺑﻌﺪ‬ ‫اﻟﻨﺘﻴﺠﺔ‬ ‫ﻧﻼﺣﻆ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺠﺮﺑﺔ‬ ‫ﻋﻨﺪ‬..
‫ﻳﻠﻲ‬ ‫وآﻤﺎ‬ ‫اﻻﻃﺎر‬ ‫ﻋﺮض‬ ‫ﻣﻊ‬ ‫اﺳﺘﺨﺪﻣﻨﺎﻩ‬ ‫اﻟﺬي‬ ‫اﻻﺳﻠﻮب‬ ‫ﺑﻨﻔﺲ‬ ‫اﻻرﺗﻔﺎع‬ ‫او‬ ‫اﻟﻌﺮض‬ ‫ﻧﺤﺪد‬ ‫ان‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫آﺬﻟﻚ‬:
.Width = Unit.Pixel(250)
‫ﻣﺌﻮﻳﺔ‬ ‫ﻧﺴﺒﺔ‬ ‫ﺷﻜﻞ‬ ‫ﻋﻠﻰ‬ ‫اﻻرﺗﻔﺎع‬ ‫و‬ ‫اﻟﻌﺮض‬ ‫ﻧﺤﺪد‬ ‫ان‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫او‬..‫ﻳﻠﻲ‬ ‫آﻤﺎ‬:
.Width = Unit.Percentage(30)
‫ﺗﺼﻤﻴﻤﻬﺎ‬ ‫ﻣﻦ‬ ‫اﻻﻧﺘﻬﺎء‬ ‫ﺑﻌﺪ‬ ‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﻟﺘﺒﺪو‬ ‫اﻟﺼﻔﺤﺔ‬ ‫اﻟﻰ‬ ‫ازرار‬ ‫ارﺑﻌﺔ‬ ‫ﺑﺎﻇﺎﻓﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬ ‫اﻣﺎ‬:
3
‫ﺻﻨﺪوق‬ ‫ﺑﺘﻔﻌﻴﻞ‬ ‫اﻟﻤﻮﺿﺤﺔ‬ ‫اﻻزرار‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﺳﻨﻘﻮم‬ ‫ﺣﻴﺚ‬
‫ﺻﻨﺪوق‬ ‫اﻇﻬﺎر‬ ‫او‬ ‫اﺧﻔﺎء‬ ‫وآﺬﻟﻚ‬ ، ‫ﺗﻔﻌﻴﻠﻪ‬ ‫اﻳﻘﺎف‬ ‫او‬ ‫اﻟﻨﺺ‬
‫اﻟﻨﺺ‬.
‫ﺑ‬ ‫اﻟﺨﺎص‬ ‫اﻟﻜﻮد‬ ‫ﺑﻜﺘﺎﺑﺔ‬ ‫اﻻن‬ ‫ﻧﺒﺪا‬‫اﻻرﺑﻌﺔ‬ ‫ﺎﻻزرار‬..
‫أوﻻ‬:‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫اﺧﻔﺎء‬ ‫اﻟﺰر‬:
Protected Sub Button3_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Handles Button3.Click
TextBox1.Visible = False
End Sub
‫ﺛﺎﻧﻴﺎ‬:‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫اﻇﻬﺎر‬ ‫اﻟﺰر‬:
Protected Sub Button2_Click(ByVal sender As Object, ByVal e As
System.EventArgs) Handles Button2.Click
TextBox1.Visible = True
End Sub
‫ﺛﺎﻟﺜﺎ‬:‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﺗﻔﻌﻴﻞ‬ ‫اﻟﺰر‬:
Protected Sub Button5_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Handles Button5.Click
TextBox1.Enabled = True
End Sub
‫راﺑﻌﺎ‬:‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﺗﻔﻌﻴﻞ‬ ‫ﻋﺪم‬ ‫اﻟﺰر‬:
Protected Sub Button4_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Handles Button4.Click
TextBox1.Enabled = False
End Sub
‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺠﺮب‬ ‫اﻻن‬..‫وﻧﻨﻘﺮ‬‫ﺑﻨﺠﺎح‬ ‫ﻋﻤﻠﻬﺎ‬ ‫ﻣﻦ‬ ‫ﻟﻠﺘﺎآﺪ‬ ‫اﻻزرار‬ ‫ﻋﻠﻰ‬..‫ﺗﻢ‬ ‫اﻟﺬي‬ ‫ﻟﻠﺰر‬ ‫ﺗﺒﻌﺎ‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫اﻇﻬﺎر‬ ‫او‬ ‫اﺧﻔﺎء‬ ‫ﺳﻴﺘﻢ‬ ‫ﺣﻴﺚ‬
‫ﻋﺪﻣﻬﺎ‬ ‫او‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﺗﻔﻌﻴﻞ‬ ‫او‬ ‫ﺗﻤﻜﻴﻦ‬ ‫ﻋﻤﻠﻴﻪ‬ ‫وآﺬﻟﻚ‬ ، ‫ﻧﻘﺮﻩ‬..
‫درﺳﻨﺎ‬ ‫اﻧﺘﻬﻰ‬ ‫هﻨﺎ‬ ‫اﻟﻰ‬..
‫اﻟﺪرس‬ ‫ﻣﻦ‬ ‫اﺳﺘﻔﺪﺗﻢ‬ ‫ﻗﺪ‬ ‫ﺗﻜﻮﻧﻮا‬ ‫ان‬ ‫ارﺟﻮ‬..
‫ﺑﺎﻟﺘﻮﻓﻴﻖ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ ‫دﻋﺎﺋﻲ‬
‫اﻟﻤﻬﻨﺪس‬
‫ﻋــﺪ‬‫ﻳﺎﺳـــﻴﻦ‬ ‫ي‬
‫ﺣﺎﺳﻮب‬ ‫هﻨﺪﺳﺔ‬ ‫ﺑﻜﺎﻟﻮرﻳﻮس‬
engauday@hotmail.com
4
‫اﻻﺣﺪ‬:22/7/2007
‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬
ASP.Net
‫اﻟﺪرس‬‫اﻟﺜﺎﻟﺚ‬
‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻤﻮاﻗﻊ‬ ‫وﺑﺮﻣﺠﺔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫دروس‬ ‫ﻣﻦ‬ ‫ﺟﺪﻳﺪ‬ ‫درس‬ ‫ﻓﻲ‬ ‫اﻻﺧﻮات‬ ‫و‬ ‫ﺑﺎﻻﺧﻮة‬ ‫ﻣﺮﺣﺒﺎ‬ASP.NET & VB.NET.
‫ﺳﻨﺘﻌﻠﻢ‬ ‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﻓﻲ‬:
**‫اﻻداة‬ ‫اﺳﺘﺨﺪام‬RadioButtonList
**‫اﻻداة‬ ‫اﺳﺘﺨﺪام‬CheckBoxList
‫ﺑ‬ ‫درﺳﻨﺎ‬ ‫ﻧﺒﺪا‬‫ﺎﺿﺎﻓﺔ‬‫ﺟﺪﻳ‬ ‫ﺻﻔﺤﺔ‬‫ﻣﻮﻗﻌﻨﺎ‬ ‫اﻟﻰ‬ ‫ﺪة‬..
‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﻣﻦ‬Website‫اﻻﻣﺮ‬ ‫ﻧﺨﺘﺎر‬Add New Item…‫ادﻧﺎﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫ﻣﻮﺿﺢ‬ ‫آﻤﺎ‬:
‫اﻻﺧﺘﺼﺎر‬ ‫ﻣﻔﺎﺗﻴﺢ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫او‬Ctrl + Shift + A..
‫ادﻧﺎﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫ﻣﻮﺿﺢ‬ ‫آﻤﺎ‬ ‫اﻟﺜﺎﻟﺜﺔ‬ ‫اﻟﻄﺮﻳﻘﺔ‬ ‫ﺑﺎﺳﺘﺨﺪام‬ ‫او‬:
‫اﻟﺘﺎﻟﻴﺔ‬ ‫اﻟﻨﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻈﻬﺮ‬ ‫ﻋﻨﺪهﺎ‬:
‫ﻓ‬ ‫اﻟﻤﻮﺿﺤﺔ‬ ‫اﻻرﻗﺎم‬ ‫ﻧﺘﺘﺒﻊ‬‫ان‬ ‫ﺣﻴﺚ‬ ‫اﻋﻼﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻲ‬:
1
‫اﻟﺮﻗﻢ‬1:‫وب‬ ‫ﻧﻤﻮذج‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﺳﻨﻘﻮم‬ ‫اﻧﻨﺎ‬ ‫اﻟﻰ‬ ‫ﻳﺸﻴﺮ‬..
‫اﻟﺮﻗﻢ‬2:‫اﻟﺠﺪﻳﺪة‬ ‫اﻟﺼﻔﺤﺔ‬ ‫اﺳﻢ‬ ‫ﻧﺤﺪد‬.
‫اﻟﺮﻗﻢ‬3:‫اﻟﻤﺴﺘﺨﺪﻣﺔ‬ ‫اﻟﻠﻐﺔ‬ ‫ﻧﻮع‬.
‫اﻟﺮﻗﻢ‬4:‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﻦ‬ ‫ﻣﻨﻌﺰل‬ ‫ﻣﻠﻒ‬ ‫ﻓﻲ‬ ‫ﺳﺘﻮﺿﻊ‬ ‫اﻟﻜﻮد‬ ‫ان‬ ‫ﻧﺒﻴﻦ‬.
‫اﻟﺮﻗﻢ‬5:‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬Add‫اﻟﺠﺪﻳﺪة‬ ‫اﻟﺼﻔﺤﺔ‬ ‫اﺿﺎﻓﺔ‬ ‫اﺗﻤﺎﻣﺎ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬.
‫اﻟﺤﻠﻮل‬ ‫ﻣﺴﺘﻌﺮض‬ ‫ﻓﻲ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻇﻬﻮر‬ ‫ﻧﻼﺣﻆ‬Solution Explorer..
‫داﺧﻞ‬ ‫ﺧﺰﻧﻪ‬ ‫ﺳﻴﺘﻢ‬ ‫اﻟﻜﻮد‬ ‫ان‬ ‫ﺣﻴﺚ‬Default2.aspx.vb.
‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬TextBox‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﻧﻀﻴﻒ‬ ‫اﺳﻔﻠﻬﺎ‬ ‫وﻣﻦ‬RadioButtonList‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﻧﻀﻴﻒ‬ ‫وﺛﻢ‬
‫اﻻداة‬Button..‫ﻳﻠﻲ‬ ‫آﻤﺎ‬..
‫ﺑﺎﺿﺎﻓ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬‫اﻻداة‬ ‫اﻟﻰ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﺔ‬RadioButtonList‫ﻟﻠﺨﺎﺻﻴﺔ‬ ‫اﻟﻤﻘﺎﺑﻞ‬ ‫اﻟﺤﻘﻞ‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬Item‫ﻣﺮﺑﻊ‬ ‫ﻟﻨﺎ‬ ‫ﻳﻈﻬﺮ‬ ‫ﺣﻴﺚ‬
‫ﻋﻨﺎﺻﺮ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫اﻟﺨﺎﺻﺔ‬ ‫اﻟﻨﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﻟﺘﻈﻬﺮ‬ ‫ﻋﻠﻴﻪ‬ ‫ﻧﻨﻘﺮ‬ ‫ﺻﻐﻴﺮ‬..
‫اﻟـ‬ ‫ﺧﺎﺻﻴﺔ‬ ‫وﻧﻌﺪل‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﻣﻦ‬ ‫ﻣﺠﻤﻮﻋﺔ‬ ‫ﻧﻀﻴﻒ‬ ‫ﺟﺪﻳﺪة‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﻻﺿﺎﻓﺔ‬ ‫اﻟﻤﺨﺼﺼﺔ‬ ‫اﻟﻨﺎﻓﺬة‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬Text‫آ‬ ‫ﻟﺘﺒﺪو‬ ‫ﻟﻬﺎ‬‫ﻳﻠﻲ‬ ‫ﻤﺎ‬:
2
‫زر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫اﺧﻴﺮا‬OK‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫اﻟﻨﺘﻴﺠﺔ‬ ‫ﺳﺘﻜﻮن‬ ‫ﺣﻴﺚ‬:
‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫داﺧﻞ‬ ‫اﻟﺒﺮﻣﺠﺔ‬ ‫ﻟﻐﺎت‬ ‫ﻣﻦ‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻳﺨﺘﺎرﻩ‬ ‫اﻟﺬي‬ ‫اﻟﺨﻴﺎر‬ ‫ﺑﻌﺮض‬ ‫ﻳﻘﻮم‬ ‫آﻮد‬ ‫آﺘﺎﺑﺔ‬ ‫ﻣﻬﻤﺘﻨﺎ‬ ‫اﻻن‬..‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻧﻘﺮ‬ ‫ان‬ ‫ﺑﻤﻌﻨﻰ‬
‫ﻋﻠﻰ‬VB.NET‫ﻋﺮض‬ ‫ﺳﻴﺘﻢ‬ ‫اﻟﺰر‬ ‫ﻧﻘﺮ‬ ‫ﺛﻢ‬VB.NET‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﻓﻲ‬.
‫ﻣﺰدوﺟﺎ‬ ‫ﻧﻘﺮا‬ ‫ﻧﻨﻘﺮ‬‫ﻋﻠﻰ‬‫اﻟﺰر‬Button‫اﻟﻤﻄﻠﻮب‬ ‫اﻟﻜﻮد‬ ‫اﺿﺎﻓﺔ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬..
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles
Button1.Click
Dim myList As ListItem
For Each myList In RadioButtonList1.Items
If myList.Selected = True Then
TextBox1.Text = myList.Text
End If
Next
End Sub
‫اﻟﻜﻮد‬ ‫ﻋﻦ‬ ‫ﻗﻠﻴﻼ‬ ‫ﻟﻨﺘﺤﺪث‬ ، ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺠﺮﺑﺔ‬ ‫ﻗﺒﻞ‬..
‫اﻟﻤﺘﻐﻴﺮ‬ ‫ﺑﺘﻌﺮﻳﻒ‬ ‫ﻗﻤﻨﺎ‬ ‫اﻟﺒﺪاﻳﺔ‬ ‫ﻓﻲ‬myList‫ﻗﺎﺋﻤﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫اﻧﻪ‬ ‫ﻋﻠﻰ‬..‫اﺳﺘﺨﺪﻣﻨﺎ‬ ‫ﺛﻢ‬For .. Each‫ﺟﻤﻴﻊ‬ ‫ﺑﻴﻦ‬ ‫اﻟﺘﻨﻘﻞ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬‫ﻋﻨﺎﺻﺮ‬
‫اﻻداة‬ ‫ﻓﻲ‬ ‫اﻟﻤﻮﺟﻮدة‬ ‫اﻟﻘﺎﺋﻤﺔ‬RadioButtonList.
‫ﺗﺤﺪﻳﺪﻩ‬ ‫ﺗﻢ‬ ‫اﻟﺬي‬ ‫اﻟﻌﻨﺼﺮ‬ ‫ﺑﺘﻔﺤﺺ‬ ‫ﻗﻤﻨﺎ‬ ‫ذﻟﻚ‬ ‫ﺑﻌﺪ‬...‫اﻟﻤﺤﺪد‬ ‫اﻟﻌﻨﺼﺮ‬ ‫ﻓﻲ‬ ‫ﻟﻠﻨﺺ‬ ‫ﻣﺴﺎوﻳﺎ‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﻓﻲ‬ ‫اﻟﻨﺺ‬ ‫ﻧﺠﻌﻞ‬ ‫ﻧﺠﺪﻩ‬ ‫وﻋﻨﺪﻣﺎ‬..
‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺠﺮﺑﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬ ‫اﻣﺎ‬Ctrl+F5..
‫ا‬ ‫ﻧﺨﺘﺎر‬ ‫ان‬ ‫ﻻﻳﻤﻜﻨﻨﺎ‬ ‫اﻧﻨﺎ‬ ‫ﻧﻼﺣﻆ‬‫اﻻداة‬ ‫ﻣﻴﺰات‬ ‫اﺣﺪى‬ ‫وهﺬﻩ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻣﻦ‬ ‫آﺜﺮ‬RadioButtonList..‫ﻧﻨﻘﺮ‬ ‫ﺛﻢ‬ ‫ﻣﻌﻴﻦ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺑﺎﺧﺘﻴﺎر‬ ‫ﻧﻘﻮم‬
‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫داﺧﻞ‬ ‫اﻟﺰر‬ ‫ﻧﺺ‬ ‫ﻇﻬﻮر‬ ‫ﻧﻼﺣﻆ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬..
‫ﻣﻌﻴﻨﺔ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﻗﺎﺋﻤﺔ‬ ‫ﻓﻲ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻣﻦ‬ ‫اآﺜﺮ‬ ‫اﺧﺘﻴﺎر‬ ‫ﻣﻦ‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻧﻤﻜﻦ‬ ‫ان‬ ‫اﻟﺤﺎﻻت‬ ‫ﺑﻌﺾ‬ ‫ﻓﻲ‬ ‫ﻧﻮد‬ ‫رﺑﻤﺎ‬..
‫اﻻدا‬ ‫اﺳﺘﺨﺪام‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ذﻟﻚ‬ ‫ﺳﻨﺠﺮب‬‫ة‬CheckBoxList..
‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫اﻻن‬ ‫ﻧﻘﻮم‬CheckBoxList‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫اﻟﻨﺘﻴﺠﺔ‬ ‫ﻟﺘﺒﺪو‬ ‫ﻋﻨﺎﺻﺮ‬ ‫وﻧﻀﻴﻒ‬ ‫ﺗﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫و‬:
3
‫ﺑﺎﻟﺰر‬ ‫اﻟﺨﺎص‬ ‫اﻟﻜﻮد‬ ‫ﺳﻨﻌﺪل‬ ‫اﻻن‬..‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫داﺧﻞ‬ ‫اﺧﺘﻴﺎرهﺎ‬ ‫ﻳﺘﻢ‬ ‫اﻟﺘﻲ‬ ‫اﻟﺸﺮآﺎت‬ ‫ﻋﺮض‬ ‫ﺳﻴﺘﻢ‬..
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Handles Button1.Click
Dim myList As ListItem
For Each myList In RadioButtonList1.Items
If myList.Selected = True Then
TextBox1.Text = myList.Text
End If
Next
For Each myList In CheckBoxList1.Items
If myList.Selected = True Then
Label1.Text += "</br>" & myList.Text
End If
Next
End Sub
‫ﻻﻳﻔﺮق‬ ‫اﻟﻜﻮد‬‫ﺑﺎﻻداة‬ ‫اﻟﺨﺎص‬ ‫اﻟﻜﻮد‬ ‫ﻋﻦ‬RadioButtonList..
‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬ ‫اآﺜﺮ‬ ‫او‬ ‫واﺣﺪة‬ ‫ﺷﺮآﺔ‬ ‫ﺑﺎﺧﺘﻴﺎر‬ ‫ﻧﻘﻮم‬ ، ‫ﺻﻔﺤﺔ‬ ‫اﻻن‬ ‫ﻧﺠﺮب‬..‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻓﻲ‬ ‫اﻟﻤﺤﺪد‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﻇﻬﻮر‬ ‫ﻧﻼﺣﻆ‬..
‫اﺧﺮى‬ ‫ﻣﺮة‬ ‫اﻟﺰر‬ ‫وﻧﻨﻘﺮ‬ ‫اﺧﺮى‬ ‫ﺷﺮآﺎت‬ ‫ﻧﺨﺘﺎر‬..‫ﺧﻄﺎ‬ ‫؟؟؟‬ ‫ﻇﻬﻮر‬ ‫ﻧﻼﺣﻆ‬.
‫اﻋﺎ‬ ‫ﺗﻢ‬ ‫اﻟﺴﺎﺑﻘﺔ‬ ‫اﻟﺸﺮآﺎت‬ ‫ان‬‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫داﺧﻞ‬ ‫اﺳﻤﺎؤهﺎ‬ ‫آﺘﺎﺑﺔ‬ ‫دة‬..
‫ﻟﻠﺰر‬ ‫اﻟﺘﺎﺑﻊ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺣﺪث‬ ‫داﺧﻞ‬ ‫اﻟﻜﻮد‬ ‫اﺳﻄﺮ‬ ‫ﺟﻤﻴﻊ‬ ‫ﻗﺒﻞ‬ ‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫ﺳﻄﺮ‬ ‫ﻧﻜﺘﺐ‬Button1:
Label1.Text = “ ‫هﻲ‬ ‫ﻟﺪﻳﻚ‬ ‫اﻟﻤﻔﻀﻠﺔ‬ ‫“اﻟﺸﺮآﺎت‬
‫ﺑﺎ‬ ‫ﻧﻘﻮم‬ ‫ﻓﻴﻬﺎ‬ ‫اﻟﺰر‬ ‫ﻧﻘﺮ‬ ‫ﻳﺘﻢ‬ ‫ﻣﺮة‬ ‫آﻞ‬ ‫اﻧﻨﺎ‬ ‫واﻟﺴﺒﺐ‬ ‫ﺟﺪﻳﺪ‬ ‫ﻣﻦ‬ ‫اﻟﻤﺸﻜﻠﺔ‬ ‫هﺬﻩ‬ ‫ﻇﻬﻮر‬ ‫ﻋﺪم‬ ‫وﻧﻼﺣﻆ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺠﺮب‬ ‫اﻻن‬‫اﻟﻤﻮﺟﻮد‬ ‫اﻟﻨﺺ‬ ‫ﻓﺮاغ‬
‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻓﻲ‬Label1‫اﻟﻨﺺ‬ ‫اﻟﻴﻪ‬ ‫وﻧﺴﻨﺪ‬)‫هﻲ‬ ‫ﻟﺪﻳﻚ‬ ‫اﻟﻤﻔﻀﻠﺔ‬ ‫اﻟﺸﺮآﺎت‬.. (
‫اﻻداة‬ ‫داﺧﻞ‬ ‫اﻟﻤﻮﺟﻮدة‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﺑﺤﺬف‬ ‫ﺳﻨﻘﻮم‬ ‫اﻧﻨﺎ‬ ‫وهﻲ‬ ‫اﺧﻴﺮة‬ ‫ﺑﺨﻄﻮة‬ ‫ﺳﻨﻘﻮم‬ ‫اﻻن‬CheckBoxList..‫ﺑ‬ ‫وﻧﻘﻮم‬‫ﺎﺿﺎﻓﺔ‬‫اﻟﻌﻨﺎﺻﺮ‬ ‫هﺬﻩ‬
‫اﻟﻜﻮد‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬..
‫اﻻدا‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ، ‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﺣﺬف‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬‫ﻟـ‬ ‫اﻟﻤﻘﺎﺑﻞ‬ ‫اﻟﺤﻘﻞ‬ ‫ﻓﻲ‬ ‫اﻟﻤﻮﺟﻮد‬ ‫اﻟﺼﻐﻴﺮ‬ ‫اﻟﻤﺮﺑﻊ‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﻞ‬ ‫ﺛﻢ‬ ، ‫ﻟﺘﺤﺪﻳﺪهﺎ‬ ‫ة‬Items..
‫اﻟﺰر‬ ‫وﻧﻨﻘﺮ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺑﺎﺧﺘﻴﺎر‬ ‫ﻧﻘﻮم‬ ‫اﻟﻨﺎﻓﺬة‬ ‫وﻣﻦ‬Remove‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﺟﻤﻴﻊ‬ ‫ﺣﺬف‬ ‫ﻳﺘﻢ‬ ‫ﺣﺘﻰ‬.
‫اﻟﻜﻮد‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫اﺿﺎﻓﺔ‬ ‫اﺟﻞ‬ ‫وﻣﻦ‬ ‫اﻻن‬..‫ﻣﺰدوﺟﺎ‬ ‫ﻧﻘﺮا‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬.‫ﺗ‬ ‫ﺣﺪث‬ ‫داﺧﻞ‬ ‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫وﻧﻜﺘﺐ‬‫ﺤﻤﻴﻞ‬
‫اﻟﺼﻔﺤﺔ‬.
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
With CheckBoxList1.Items
.Add("Microsoft")
.Add("IBM")
.Add("Borland")
.Add("GenX")
End With
End Sub
‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺠﺮﺑﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬..‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫ﺛﻢ‬ ‫وﻣﻦ‬ ‫ﻣﻌﻴﻨﻪ‬ ‫ﺷﺮآﺎت‬ ‫وﻧﺨﺘﺎر‬..
‫داﺧﻞ‬ ‫ﺗﻜﺮرت‬ ‫اﻟﺸﺮآﺎت‬ ‫اﺳﻤﺎء‬ ‫ان‬ ‫وهﻮ‬ ‫ﺧﻄﺎ‬ ‫ﻇﻬﻮر‬ ‫ﻧﻼﺣﻆ‬CheckBoxList..
4
‫ﺗﺘﻜﺮر‬ ‫اﻟﺸﺮآﺎت‬ ‫اﺳﻤﺎء‬ ‫ﻓﺎن‬ ‫اﻟﺰر‬ ‫ﻧﻘﺮﻧﺎ‬ ‫وآﻠﻤﺎ‬..
‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﻟﻴﺼﺒﺢ‬ ‫اﻟﻜﻮد‬ ‫ﻧﻌﺪل‬ ‫اﻟﺨﻠﻞ‬ ‫هﺬا‬ ‫ﻣﻌﺎﻟﺠﺔ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬:
If Me.IsPostBack = False Then
With CheckBoxList1.Items
.Add("Microsoft")
.Add("IBM")
.Add("Borland")
.Add("GenX")
End With
End If
‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺠﺮب‬ ‫اﻻن‬..‫اﻟﺸﺮ‬ ‫اﺳﻤﺎء‬ ‫ﺑﺎﺧﺘﻴﺎر‬ ‫وﻧﻘﻮم‬‫ﻧﻘﺴﻬﺎ‬ ‫اﻟﺸﺮآﺎت‬ ‫اﺳﻤﺎء‬ ‫وﺗﺒﻘﻰ‬ ‫ﺧﻠﻞ‬ ‫اي‬ ‫ﺣﺪول‬ ‫ﻋﺪم‬ ‫ﻓﻨﻼﺣﻆ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬ ‫آﺎت‬..
‫ﺧﻠﻞ‬ ‫اي‬ ‫ودون‬ ‫ﺑﻨﺠﺎح‬ ‫ﻳﻌﻤﻞ‬ ‫اﻟﻜﻮد‬ ‫ان‬ ‫ﻧﻼﺣﻆ‬ ، ‫اﻟﺰر‬ ‫وﻧﻨﻘﺮ‬ ‫ﻣﻌﻴﻨﺔ‬ ‫ﺑﺮﻣﺠﺔ‬ ‫ﻟﻐﺔ‬ ‫ﻧﺤﺪد‬ ‫وآﺬﻟﻚ‬ ‫ﺟﺪﻳﺪة‬ ‫ﺷﺮآﺎت‬ ‫اﺳﻤﺎء‬ ‫اﺧﺘﻴﺎر‬ ‫ﻧﺠﺮب‬...
‫اﻟﺘﻄﻮﻳﺮ‬ ‫ﺑﻴﺌﺔ‬ ‫اﻟﻰ‬ ‫وﻧﺮﺟﻊ‬ ‫اﻟﻤﺘﺼﻔﺢ‬ ‫ﻧﻐﻠﻖ‬..
‫اﺿﻔﻨﺎ‬ ‫ﻓﺎﻧﻨﺎ‬ ، ‫اﻟﻜﻮد‬ ‫ﺗﻌﺪﻳﻞ‬ ‫ﻋﻨﺪ‬Me.IsPostBack‫اﻧﻬﺎ‬ ‫او‬ ‫ﻣﺮة‬ ‫ﻣﻦ‬ ‫اآﺜﺮ‬ ‫ﺗﺤﻤﻴﻠﻬﺎ‬ ‫ﺗﻢ‬ ‫ﻗﺪ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫آﺎﻧﺖ‬ ‫ان‬ ‫ﻳﺘﺎآﺪ‬ ‫اﻟﻜﻮد‬ ‫هﺬا‬ ‫ان‬ ‫ﺣﻴﺚ‬
‫اﻻوﻟﻰ‬ ‫اﻟﻤﺮة‬..‫هﻲ‬ ‫اﻟﻨﺘﻴﺠﺔ‬ ‫آﺎﻧﺖ‬ ‫ﻓﺎن‬True..‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺸﻐﻞ‬ ‫اﻧﻨﺎ‬ ‫ﻣﻌﻨﺎﻩ‬ ‫ﻓﻬﺬا‬ ‫واﻻ‬ ‫اﻟﺴﻴﺮﻓﺮ‬ ‫اﻟﻰ‬ ‫ارﺳﺎﻟﻬﺎ‬ ‫ﺗﻢ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ان‬ ‫ﻣﻌﻨﺎﻩ‬ ‫ﻓﻬﺬا‬
‫ﻣﺮة‬ ‫ﻻول‬..
‫اﻻ‬ ‫اﻟﻰ‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ﻧﻘﻮم‬ ‫ﻓﺎﻧﻨﺎ‬ ‫ﺑﺬﻟﻚ‬‫داة‬CheckBoxList‫اﻟﺴﻴﺮﻓﺮ‬ ‫اﻟﻰ‬ ‫ﻣﺮﺳﻠﺔ‬ ‫ﻏﻴﺮ‬ ‫ﺗﻜﻮن‬ ‫وﻋﻨﺪﻣﺎ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺤﻤﻴﻞ‬ ‫ﻋﻨﺪ‬ ‫ﻓﻘﻂ‬..
‫هﻮ‬ ‫ﻓﻴﻪ‬ ‫اﻟﻤﻌﺮوض‬ ‫اﻟﻨﺺ‬ ‫ﻳﻜﻮن‬ ‫ان‬ ‫اﻟﻤﻨﺎﺳﺐ‬ ‫ﻣﻦ‬ ‫ﻓﻠﻴﺲ‬ ، ‫ﻟﻠﺰر‬ ‫ﻧﺺ‬ ‫اﺿﺎﻓﺔ‬ ‫وهﻮ‬ ‫ﻣﻬﻢ‬ ‫اﻣﺮ‬ ‫ﻟﺪﻳﻨﺎ‬ ‫ﺗﺒﻘﻰ‬Button‫اﻟﺰر‬ ‫ﺑﺘﺤﺪﻳﺪ‬ ‫ﻧﻘﻮم‬ ،
‫اﻟﻨﺺ‬ ‫ﻟﻪ‬ ‫وﻧﻜﺘﺐ‬)‫هﻨﺎ‬ ‫اﻧﻘﺮ‬(‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻋﻨﺪ‬Text‫ﻟﻠﺰر‬ ‫اﻟﺘﺎﺑﻌﺔ‬..
‫ﻧﻨﻘ‬ ‫آﺬﻟﻚ‬‫اﻟﻨﺺ‬ ‫ﻟﻬﺎ‬ ‫وﻧﺪﺧﻞ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﻠﻰ‬ ‫ﺮ‬)‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬(‫ﻟﻠﺼﻔﺤﺔ‬ ‫ﻋﻨﻮان‬ ‫ﻳﻜﻮن‬ ‫ان‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬)‫اﻟﻤﻘﺎﺑﻞ‬ ‫اﻟﺤﻘﻞ‬ ‫ﻓﻲ‬
‫ﻟﻠﺨﺎﺻﻴﺔ‬Title(‫اﻟﻌﻨﻮان‬ ‫ﺻﻔﺤﺎﺗﻪ‬ ‫اﺣﺪى‬ ‫ﻟﻨﺎ‬ ‫ﺗﻌﺮض‬ ‫ﻣﻮﻗﻊ‬ ‫ﺑﺘﺼﻤﻴﻢ‬ ‫ﻧﻘﻮم‬ ‫ان‬ ‫اﻟﻤﻌﻘﻮل‬ ‫ﻣﻦ‬ ‫ﻓﻠﻴﺲ‬ ،Untitled..
‫درﺳﻨﺎ‬ ‫اﻧﺘﻰ‬ ‫هﻨﺎ‬ ‫اﻟﻰ‬
‫اﻟﻤﻌﻠ‬ ‫ﻣﻦ‬ ‫اﺳﺘﻔﺪﺗﻢ‬ ‫ﻗﺪ‬ ‫ﺗﻜﻮﻧﻮا‬ ‫ان‬ ‫ارﺟﻮ‬‫اﻟﺪرس‬ ‫ﻓﻲ‬ ‫اﻟﻤﻮﺟﻮدة‬ ‫ﻮﻣﺎت‬..
‫ﻧﺴﺨﻪ‬ ‫ﻣﻦ‬ ‫اآﺜﺮ‬ ‫اﻟﺬهﻦ‬ ‫ﻓﻲ‬ ‫اﻟﻤﻌﻠﻮﻣﺎت‬ ‫ﺗﺮﺳﺦ‬ ‫ﺑﺎﻟﻴﺪ‬ ‫اﻟﻜﻮد‬ ‫آﺘﺎﺑﺔ‬ ‫ان‬ ‫ﺣﻴﺚ‬ ، ‫اﻟﻜﻮد‬ ‫ﻧﺴﺦ‬ ‫ﻋﻤﻠﻴﺔ‬ ‫وﺗﺠﻨﺐ‬ ‫اﻟﺪرس‬ ‫ﺗﻄﺒﻴﻖ‬ ‫اﻟﺠﻤﻴﻊ‬ ‫ﻣﻦ‬ ‫ارﺟﻮ‬
‫وﻟﺼﻘﻪ‬..
‫اﻟﺪروس‬ ‫ﻓﻲ‬ ‫ﺷﺮﺣﻬﺎ‬ ‫ﻳﺘﻢ‬ ‫ﻟﻢ‬ ‫اﻟﺘﻲ‬ ‫اﻻﺧﺮى‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫وﺗﺠﺮﺑﺔ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﻄﻮﻳﺮ‬ ‫اﻟﺠﻤﻴﻊ‬ ‫ﻳﺤﺎول‬ ‫ان‬ ‫ارﺟﻮ‬ ‫آﺬﻟﻚ‬.
‫ﺑ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ ‫دﻋﺎﺋﻲ‬‫ﺎﻟﺘﻮﻓﻴﻖ‬
‫اﻟﻤﻬﻨﺪس‬
‫ﻳﺎﺳـــﻴﻦ‬ ‫ﻋــﺪي‬
‫ﺣﺎﺳﻮب‬ ‫هﻨﺪﺳﺔ‬ ‫ﺑﻜﺎﻟﻮرﻳﻮس‬
engauday@hotmail.com
5
‫اﻻﺛﻨﻴﻦ‬:23/7/2007
‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬
ASP.Net
‫اﻟﺪرس‬‫اﻟ‬‫ﺮاﺑﻊ‬
‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻤﻮاﻗﻊ‬ ‫وﺑﺮﻣﺠﺔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫دروس‬ ‫ﻣﻦ‬ ‫ﺟﺪﻳﺪ‬ ‫درس‬ ‫ﻓﻲ‬ ‫اﻻﺧﻮات‬ ‫و‬ ‫ﺑﺎﻻﺧﻮة‬ ‫ﻣﺮﺣﺒﺎ‬ASP.NET & VB.NET.
‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﻓﻲ‬ ‫ﻧﺘﻌﻠﻢ‬:
**‫اﻻداة‬ ‫اﺳﺘﺨﺪام‬DroupDownList.
**‫اﻻﻟﻮان‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬.
**‫اﻟﺨﻂ‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬.
‫ﺻ‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﻧﻘﻮم‬‫ﺟﺪﻳﺪة‬ ‫ﻔﺤﺔ‬..‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺘﺎن‬ ‫ﻋﻠﻴﻬﺎ‬ ‫وﻧﻀﻊ‬DroupDownList‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫و‬Button‫و‬Label..
‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﺗﺼﻤﻴﻤﻬﺎ‬ ‫ﻣﻦ‬ ‫اﻻﻧﺘﻬﺎء‬ ‫ﺑﻌﺪ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺒﺪو‬:
‫وﻋﻨﺪﻣ‬ ، ‫اﻻﻃﺎرات‬ ‫اﻧﻤﺎط‬ ‫ﻣﻦ‬ ‫ﻣﺨﺘﻠﻔﺔ‬ ‫اﻧﻮاع‬ ‫و‬ ‫اﻻوﻟﻰ‬ ‫اﻟﻤﻨﺴﺪﻟﺔ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﻓﻲ‬ ‫اﻟﻮان‬ ‫اﺳﻤﺎء‬ ‫ﺑﺎدﺧﺎل‬ ‫ﻧﻘﻮم‬ ‫ان‬ ‫هﻲ‬ ‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﻓﻲ‬ ‫ﻣﻬﻤﺘﻨﺎ‬‫ﺎ‬
‫ﻳﺮﻳﺪهﺎ‬ ‫اﻟﺘﻲ‬ ‫اﻟﺨﻴﺎرات‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻳﺤﺪد‬..‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻋﻠﻰ‬ ‫ﺗﻄﺒﻴﻘﻬﺎ‬ ‫ﻳﺘﻢ‬..
‫اﻟﻜﻮد‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﻤﻨﺴﺪﻟﺔ‬ ‫ﻟﻠﻘﻮاﺋﻢ‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ﺳﻨﻘﻮم‬..
‫ﻟﻠﺼﻔﺤﺔ‬ ‫اﻟﺘﺤﻤﻴﻞ‬ ‫ﻟﺤﺪث‬ ‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫وﻧﻜﺘﺐ‬ ‫ﻣﺰدوﺟﺎ‬ ‫ﻧﻘﺮا‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬:
1
‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫اﻟﻤﺮة‬ ‫هﺬﻩ‬ ‫وﻟﻜﻦ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺠﺮﺑﺔ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫اﻻن‬F5‫اﻟـ‬ ‫ﻟﺘﺸﻐﻴﻞ‬ ‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬ ‫ﻣﻦ‬Debug..
‫اﻟﺘﺎﻟﻴﺔ‬ ‫اﻟﻨﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻈﻬﺮ‬:
‫اﻟﺰر‬ ‫ﻧﻨﻘﺮ‬ ‫و‬ ‫اﻻول‬ ‫اﻟﺨﻴﺎر‬ ‫ﻧﺤﺪد‬OK..
‫ﻓﻴﻬﺎ‬ ‫اﻟﺘﻲ‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫وﻧﺮى‬ ‫اﻟﻤﻨﺴﺪﻟﺔ‬ ‫اﻟﻘﻮاﺋﻢ‬ ‫اﺣﺪى‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ، ‫اﻟﺼﻔﺤﺔ‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻈﻬﺮ‬..
‫اﻟﺘﺴﻤﻴ‬ ‫ﻋﻨﺼﺮ‬ ‫اﻟﻰ‬ ‫اﻟﻤﺨﺘﺎرة‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﻻﺳﻨﺎد‬ ‫اﻟﻼزم‬ ‫اﻟﻜﻮد‬ ‫ﺑﻜﺘﺎﺑﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬‫ﺔ‬..
‫ﻣﻀﺎﻋﻔﺎ‬ ‫ﻧﻘﺮا‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬..‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫وﻧﻜﺘﺐ‬:
2
‫اﻟﻌﺒﺎرة‬ ‫اﺳﺘﺨﺪﻣﻨﺎ‬ ‫اﻧﻨﺎ‬ ‫ﻧﻼﺣﻆ‬Select Case‫اﻟﻤﻄﻠﻮب‬ ‫اﻟﺨﻴﺎر‬ ‫ﺗﺤﺪﻳﺪ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬..‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﺘﺎﺑﻌﺔ‬ ‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻗﻴﻤﺔ‬ ‫ﻧﺤﺪد‬ ‫ﻓﺎﻧﻨﺎ‬ ‫ﻟﻠﺨﻴﺎر‬ ‫وﺗﺒﻌﺎ‬
‫اﻟﺘﺴﻤﻴﺔ‬..
‫ﺑﺘﺠﺮﺑﺔ‬ ‫ﻗﻤﻨﺎ‬ ‫ﻟﻮ‬‫ﺑﻨﻘﺮ‬ ‫اﻟﺼﻔﺤﺔ‬F5‫اﻟﻘﻮاﺋﻢ‬ ‫ﻣﻦ‬ ‫ﻣﺤﺪدة‬ ‫ﺧﻴﺎرات‬ ‫وﻧﺨﺘﺎر‬..‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻋﻠﻰ‬ ‫اﻟﺨﻴﺎرات‬ ‫ﺗﻄﺒﻴﻖ‬ ‫ﻧﻼﺣﻆ‬..
‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺦ‬ ‫ﺛﻼث‬ ‫اﻻن‬ ‫ﻧﻀﻴﻒ‬CheckBox..‫ﻳﻠﻲ‬ ‫آﻤﺎ‬:
‫اﻻﺧﺘﻴﺎر‬ ‫ﺻﻨﺎدﻳﻖ‬ ‫ﺧﺼﺎﺋﺺ‬ ‫ﻟﺘﻄﺒﻴﻖ‬ ‫اﻟﻼزم‬ ‫اﻟﻜﻮد‬ ‫ﺑﻜﺘﺎﺑﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬..‫اﻟﻨﻬﺎﻳﺔ‬ ‫ﻓﻲ‬ ‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫وﻧﻜﺘﺐ‬ ‫ﻣﺰدوﺟﺎ‬ ‫ﻧﻘﺮ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬..
‫اﻻداة‬ ‫آﺎﻧﺖ‬ ‫ان‬ ‫ﻧﺘﺎآﺪ‬ ‫اﻋﻼﻩ‬ ‫اﻟﻜﻮد‬ ‫ﻓﻲ‬‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﺨﻂ‬ ‫ﺧﺎﺻﻴﺔ‬ ‫ﻻﻧﺤﺪد‬ ‫او‬ ‫ﻧﺤﺪد‬ ‫ﻟﺬﻟﻚ‬ ‫وﺗﺒﻌﺎ‬ ‫ن‬ ‫ﻻ‬ ‫او‬ ‫اﺧﺘﻴﺎرهﺎ‬ ‫ﺗﻢ‬.
‫ﺗﻄﺒﻴﻘﻬﺎ‬ ‫ﺳﻴﺘﻢ‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺧﺼﺎﺋﺺ‬ ‫ﺑﻬﺎ‬ ‫ﻧﺤﺪد‬ ‫اﻟﺘﻲ‬ ‫اﻟﺨﻴﺎرات‬ ‫ﺟﻤﻴﻊ‬ ‫ان‬ ‫وﻧﻼﺣﻆ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺠﺮب‬ ‫اﻻن‬..
‫اﻟﺪرس‬ ‫ﻧﻬﺎﻳﺔ‬ ‫اﻟﻰ‬ ‫وﺻﻠﻨﺎ‬ ‫هﻨﺎ‬ ‫اﻟﻰ‬..
‫اﻟﺪرس‬ ‫ﻣﻌﻠﻮﻣﺎت‬ ‫ﻣﻦ‬ ‫اﺳﺘﻔﺪﺗﻢ‬ ‫ﻗﺪ‬ ‫ﺗﻜﻮﻧﻮا‬ ‫ان‬ ‫ارﺟﻮ‬..‫اﻟ‬ ‫ﻓﻲ‬ ‫ﻧﻠﺘﻘﻲ‬‫ﺟﺪﻳﺪة‬ ‫وﻣﻌﻠﻮﻣﺎت‬ ‫اﻟﻘﺎدم‬ ‫ﺪرس‬.
‫ﺑﺎﻟﺘﻮﻓﻴﻖ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ ‫دﻋﺎﺋﻲ‬
‫اﻟﻤﻬﻨﺪس‬
‫ﻳﺎﺳـــﻴﻦ‬ ‫ﻋــﺪي‬
‫ﺣﺎﺳﻮب‬ ‫هﻨﺪﺳﺔ‬ ‫ﺑﻜﺎﻟﻮرﻳﻮس‬
engauday@hotmail.com
3
‫اﻟﺜﻼﺛﺎء‬:24/7/2007
‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬
ASP.Net
‫اﻟﺪرس‬‫اﻟ‬‫ﺮاﺑﻊ‬
‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻤﻮاﻗﻊ‬ ‫وﺑﺮﻣﺠﺔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫دروس‬ ‫ﻣﻦ‬ ‫ﺟﺪﻳﺪ‬ ‫درس‬ ‫ﻓﻲ‬ ‫اﻻﺧﻮات‬ ‫و‬ ‫ﺑﺎﻻﺧﻮة‬ ‫ﻣﺮﺣﺒﺎ‬ASP.NET & VB.NET.
‫اﻻﻟﻮان‬:
‫اﻻﻟﻮان‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬ ‫آﻴﻔﻴﺔ‬ ‫ﺣﻮل‬ ‫ﺳﺮﻳﻌﺔ‬ ‫ﻟﻤﺤﺔ‬ ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﺪرس‬ ‫ﻓﻲ‬ ‫ﺗﻌﻠﻤﻨﺎ‬..
‫اﻟﺨﺎﺻﻴﺔ‬ ‫ان‬Color‫اﻟﻜﺎﺋﺔ‬ ‫اﻟﻰ‬ ‫ﺗﺸﻴﺮ‬Color‫اﻻﺳﻤﺎء‬ ‫ﻓﻀﺎء‬ ‫ﻣﻦ‬System.Drawing.
‫ﻃﺮق‬ ‫ﺑﻌﺪة‬ ‫اﻻﻟﻮان‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬ ‫ﻳﻤﻜﻨﻨﺎ‬..
**‫اﻟﻠﻮﻧﻴﺔ‬ ‫اﻟﻘﻴﻢ‬ ‫ﺑﺎﺳﺘﺨﺪام‬ARGB(alpha,red,green,blue).‫ﺻﺤﻴﺢ‬ ‫ﺑﺮﻗﻢ‬ ‫ﻗﻴﻤﺔ‬ ‫آﻞ‬ ‫ﺑﺘﺤﺪﻳﺪ‬ ‫ﻧﻘﻮم‬Integer‫ﺑﻴﻦ‬ ‫ﻳﺘﺮاوح‬0‫و‬
255‫اﻟﺨﺎﺻﻴﺔ‬ ‫ان‬ ،alpha‫اﻟﻘﻴﻤﺔ‬ ‫ﻟﻬﺎ‬ ‫ﻧﺴﻨﺪ‬ ‫ﻣﺎ‬ ‫وﻋﺎدة‬ ، ‫ﻟﻼﻟﻮان‬ ‫اﻟﺸﻔﺎﻓﻴﺔ‬ ‫ﺗﻤﺜﻞ‬255‫ﺷﻔﺎﻓﻴﺔ‬ ‫ﻏﻴﺮ‬ ‫ﻟﺘﻜﻮن‬)‫ﻇﺎهﺮة‬. (
**‫ﻓﻲ‬ ‫اﻻﻟﻮان‬ ‫اﺳﻤﺎء‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬).NET(‫ﻣﺴﺒﻘﺎ‬ ‫اﻟﻤﻌﺮﻓﺔ‬..
**‫ﻟﻮن‬ ‫اﺳﻢ‬ ‫ﺑﺎﺳﺘﺨﺪام‬HTML..
‫اﻻﺳﻤﺎء‬ ‫ﻓﻀﺎء‬ ‫اﺳﺘﻴﺮاد‬ ‫اﻟﻰ‬ ‫ﻳﺤﺘﺎج‬ ‫اﻻﻟﻮان‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬System.Drawing.
‫اﻻﺳﻢ‬ ‫وﻧﻌﻄﻴﻬﺎ‬ ‫ﺟﺪﻳﺪة‬ ‫ﺻﻔﺤﺔ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ﻧﻘﻮم‬Color..
‫ﻟﺘﺒﺪو‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺼﻤﻢ‬‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ادﻧﺎﻩ‬ ‫اﻟﺸﻜﻞ‬ ‫ﻓﻲ‬ ‫آﻤﺎ‬Label‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺦ‬ ‫ﺛﻼث‬ ‫و‬Button..
‫اﻻﻟﻮان‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬ ‫ﻓﻲ‬ ‫اﻟﺬآﺮ‬ ‫اﻟﺴﺎﺑﻘﺔ‬ ‫اﻟﻄﺮق‬ ‫ﻣﻦ‬ ‫ﻃﺮﻳﻘﺔ‬ ‫آﻞ‬ ‫ﻻﺳﺘﺨﺪام‬ ‫اﻟﻼزم‬ ‫اﻟﻜﻮد‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ﺳﻨﻘﻮم‬..
‫اﻟﺰر‬ ‫آﻮد‬ARGB:
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Handles Button1.Click
Dim alpha As Integer = 255, red As Integer = 0
Dim green As Integer = 255, blue As Integer = 0
Label1.ForeColor = System.Drawing.Color.FromArgb(alpha, red, green, blue)
End Sub
‫ﺑ‬ ‫ﻗﻤﻨﺎ‬ ‫هﻨﺎ‬‫رﻗﻤﻴﺔ‬ ‫ﻗﻴﻢ‬ ‫ﻟﻬﺎ‬ ‫واﺳﻨﺪﻧﺎ‬ ‫ﺻﺤﻴﺢ‬ ‫ﻧﻮع‬ ‫ﻣﻦ‬ ‫ﻣﺘﻐﻴﺮات‬ ‫ارﺑﻌﺔ‬ ‫ﺘﻌﺮﻳﻒ‬..‫هﻲ‬ ‫ﺳﺘﻜﻮن‬ ‫اﻟﻨﺘﻴﺠﺔ‬ ‫ان‬ ‫ﻧﻼﺣﻆ‬ ‫اﻟﺮﻗﻤﻴﺔ‬ ‫اﻟﻘﻴﻢ‬ ‫ﻣﻼﺣﻈﺔ‬ ‫وﻣﻦ‬
‫اﻟﻘﻴﻤﺔ‬ ‫ﻟﻬﺎ‬ ‫اﺳﻨﺪﻧﺎ‬ ‫اﻟﺘﻲ‬ ‫اﻟﺸﻔﺎﻓﻴﺔ‬ ‫ﻗﻴﻤﺔ‬ ‫ﻋﺪا‬ ‫،ﻣﺎ‬ ‫ﺻﻔﺮ‬ ‫اﻟﻘﻴﻤﺔ‬ ‫ﻟﻬﺎ‬ ‫اﺳﻨﺪﻧﺎ‬ ‫اﻟﻘﻴﻢ‬ ‫ﺑﺎﻗﻲ‬ ‫ﻻن‬ ‫اﻻﺧﻀﺮ‬ ‫اﻟﻠﻮن‬255‫ﺗﻤﺎﻣﺎ‬ ‫ﻇﺎهﺮ‬ ‫اﻟﻠﻮن‬ ‫ﻟﻴﻜﻮن‬.
‫اﺳﺘﺨﺪﻣﻨﺎ‬ ‫ذﻟﻚ‬ ‫ﺑﻌﺪ‬FromArgb(alpha, red, green, blue)‫اﺧﻀﺮ‬ ‫اﻟﺨﻂ‬ ‫ﻟﻮن‬ ‫ﺟﻌﻞ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬.
‫اﻟﺰر‬ ‫آﻮد‬.NET:
Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Handles Button2.Click
Label1.ForeColor = Drawing.Color.Crimson
End Sub
1
‫اﻟﺒﻴﺌﺔ‬ ‫ان‬ ‫وﻧﻼﺣﻆ‬‫اﺳﺘﺨﺪاﻣﻬﺎ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫اﻟﺘﻲ‬ ‫اﻻﻟﻮان‬ ‫آﺒﻴﺮة‬ ‫ﻣﺠﻤﻮﻋﺔ‬ ‫ﻟﻨﺎ‬ ‫ﺗﻮﻓﺮ‬..
‫اﻟﺰر‬ ‫آﻮد‬HTML Name:
Protected Sub Button3_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles
Button3.Click
Label1.ForeColor = System.Drawing.ColorTranslator.FromHtml("Blue")
End Sub
‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﻣﺒﺎﺷﺮة‬ ‫اﻻﺳﻢ‬ ‫آﺘﺎﺑﺔ‬ ‫ﺑﺎﻣﻜﺎﻧﻨﺎ‬ ‫او‬..
<asp:TextBox ForeColor ="Red" Text ="Test" ID ="txt" runat ="server" />
‫اﻟﻤﻄﻠﻮب‬ ‫اﻟﻠﻮن‬ ‫ﻟﺘﺤﺪﻳﺪ‬ ‫ﻋﺸﺮ‬ ‫اﻟﺴﺪاﺳﻲ‬ ‫ﺑﺎﻟﻨﻈﺎم‬ ‫ﻗﻴﻤﺔ‬ ‫ادﺧﺎل‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫او‬..
<asp:TextBox ForeColor ="#ff50ff" Text ="Test" ID ="txt" runat ="server" />
‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺠﺮﺑﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬..‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﺨﻂ‬ ‫ﻟﻮن‬ ‫ﺗﻐﻴﺮ‬ ‫ﻧﻼﺣﻆ‬ ، ‫اﻟﺜﻼﺛﺔ‬ ‫اﻻزرار‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬..
‫اﻟﺨﻄﻮط‬Fonts:
‫اﻟﺨﺎﺻﻴﺔ‬Font‫اﻟﻜﺎﺋﻦ‬ ‫اﻟﻰ‬ ‫ﺗﺸﻴﺮ‬FontInfo‫اﻻﺳﻤﺎء‬ ‫ﻓﻀﺎء‬ ‫ﻣﻦ‬ ‫اﻟﻤﻨﺤﺪر‬:System.Web.UI.WebControls.
‫اﻻﺳﻢ‬ ‫ﺗﺤﺪد‬ ‫ﺧﺼﺎﺋﺺ‬ ‫ﻋﺪة‬ ‫ﻳﻤﺘﻠﻚ‬ ‫واﻟﺬي‬‫اﻟﻨﻤﻂ‬ ‫و‬ ‫اﻟﺤﺠﻢ‬ ‫و‬.
‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﻟﺘﺒﺪو‬ ‫اﻟﺼﻔﺤﺔ‬ ‫اﻟﻰ‬ ‫اﻻدوات‬ ‫ﻣﻦ‬ ‫اﺧﺮى‬ ‫ﻣﺠﻤﻮﻋﺔ‬ ‫ﻧﻀﻴﻒ‬:
‫ﺣﺠﻤﻪ‬ ‫او‬ ‫ﻧﻤﻄﻪ‬ ‫او‬ ‫اﻟﻠﻮن‬ ‫ﺑﺎﺳﻢ‬ ‫اﻟﺘﺤﻜﻢ‬ ‫آﻴﻔﻴﺔ‬ ‫ﺳﻨﺘﻌﻠﻢ‬ ‫اﻻن‬..
2
‫اﻟﺰر‬ ‫آﻮد‬Font-Name:
Protected Sub Button4_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles
Button4.Click
Label1.Font.Name = "Tahoma"
End Sub
‫اﻟﺨﻂ‬ ‫اﺳﻢ‬ ‫اﺳﻨﺪﻧﺎ‬ ‫هﻨﺎ‬ ‫ﺣﻴﺚ‬Tahoma‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﺘﺎﺑﻌﺔ‬ ‫اﻟﺨﻂ‬ ‫اﺳﻢ‬ ‫ﻟﺨﺎﺻﻴﺔ‬Label1.
‫اﻟﺰر‬ ‫آﻮد‬Font-Bold:
Protected Sub Button5_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles
Button5.Click
Label1.Font.Bold = True
End Sub
‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﺗﺤﺘﺎج‬ ‫ﺣﻴﺚ‬)Bold,Italic, Strikeout, Underline(‫اﻟﻘﻴﻤﺘﻴﻦ‬ ‫اﺣﺪى‬ ‫اﻟﻰ‬)True , False.. (‫او‬ ‫ﺗﻔﻌﻴﻞ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬
‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﺗﻔﻌﻴﻞ‬ ‫اﻳﻘﺎف‬..
‫ﻣﺜﺨﻦ‬ ‫ﻳﺼﺒﺢ‬ ‫اﻟﺨﻂ‬ ‫ﻓﺎن‬ ، ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻋﻨﺪ‬ ‫هﻨﺎ‬..
‫اﻟﺰر‬ ‫آﻮد‬Font-Size-1:
Protected Sub Button6_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles
Button6.Click
Label1.Font.Size = FontUnit.Larger
End Sub
‫اﻟﻘﻴﻤﺔ‬ ‫اﺳﻨﺪﻧﺎ‬ ‫هﻨﺎ‬Larger‫اﻟﺨﻂ‬ ‫ﻟﺤﺠﻢ‬..
‫اﻟﺨﻂ‬ ‫ﺣﺠﻢ‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬ ‫ﻣﻦ‬ ‫اﻟﻨﻤﻂ‬ ‫ﻟﻬﺬا‬ ‫اﻟﻘﻴﻢ‬ ‫ﻣﻦ‬ ‫ﻣﺠﻤﻮﻋﺔ‬ ‫اﺳﺘﺨﺪام‬ ‫ﻳﻤﻜﻨﻨﺎ‬)Smaller , Small ,Medium ,Large ,Larger. (
‫اﻟﺰر‬ ‫آﻮد‬Font-Size-2:
Protected Sub Button7_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles
Button7.Click
Label1.Font.Size = FontUnit.Point(14)
End Sub
‫ﺗﺤ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫رﻗﻤﻴﺔ‬ ‫ﻗﻴﻤﺔ‬ ‫ﻧﺴﻨﺪ‬ ‫هﻨﺎ‬‫اﻟﺨﻂ‬ ‫ﺣﺠﻢ‬ ‫ﺪﻳﺪ‬..
‫اﻻزرار‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺧﻂ‬ ‫ﺗﺎﺛﺮ‬ ‫وﻣﻼﺣﻈﺔ‬ ‫اﻻزرار‬ ‫وﺗﺠﺮﺑﺔ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺸﻐﻴﻞ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬..
‫اﻟﺘﺮآﻴﺰ‬Focus:
‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻣﻌﻴﻦ‬ ‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﺘﺮآﻴﺰ‬ ‫ﺧﺎﺻﻴﺔ‬ ‫ﺗﺤﺪﻳﺪ‬ ‫ﻳﻤﻜﻨﻨﺎ‬Default Focus...
<form id="form1" defaultfocus ="txt" runat="server">
‫ﻳﻤﺜﻞ‬ ‫ﺣﻴﺚ‬txt‫ﻣﺴﺒﻘﺎ‬ ‫ﺑﺎﻧﺸﺎءﻩ‬ ‫ﻗﻤﻨﺎ‬ ‫ﻧﺺ‬ ‫ﺻﻨﺪوق‬...
‫اﻟﺨﺎﺻﻴﺔ‬ ‫اﺿﺎﻓﺔ‬ ‫ﻋﻨﺪ‬ ‫ﻧﻼﺣﻆ‬defaultfocus ="txt"‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﻋﻠﻰ‬ ‫اﻟﺘﺮآﻴﺰ‬ ‫ﻓﺎن‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺸﻐﻴﻞ‬ ‫ﻋﻨﺪ‬.
3
‫اﻟﻮﺻﻮل‬ ‫ﻣﻔﺘﺎح‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﺑﺎﻟﺘﺮآﻴﺰ‬ ‫اﻟﺘﺤﻜﻢ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫آﺬﻟﻚ‬Access Key‫اﻟﻨﺺ‬ ‫ﺑـﺼﻨﺪوق‬ ‫اﻟﺨﺎص‬ ‫اﻟﻮﺻﻮل‬ ‫ﻟﻤﻔﺘﺎح‬ ‫اﺳﻨﺪﻧﺎ‬ ‫ﻟﻮ‬ ‫ﻓﻤﺜﻼ‬ ،
txt‫اﻟﻘﻴﻤﺔ‬A‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻋﻨﺪ‬ ‫ﻋﻨﺪهﺎ‬ ،Alt+A‫اﻟﻰ‬ ‫اﻟﺘﺮآﻴﺰ‬ ‫ﻳﻨﺘﻘﻞ‬txt..
‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺸﻐﻴﻞ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬..‫ﻣﻔﺘﺎﺣﻲ‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬Alt+A..‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫اﻟﻰ‬ ‫ﻳﻨﺘﻘﻞ‬ ‫اﻟﺘﺮآﻴﺰ‬ ‫ان‬ ‫ﻧﻼﺣﻆ‬.
‫اﻟﺘﺮآﻴﺰ‬ ‫ﺑﻌﻤﻠﻴﺔ‬ ‫ﻣﺸﻤﻮل‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻓﺎن‬ ‫آﺬﻟﻚ‬Focus‫ﻳ‬ ‫ﻧﺤﺪد‬ ‫ﺣﻴﺚ‬ ، ‫اﻟﺘﺮآﻴﺰ‬ ‫ﻻﻳﺘﻘﺒﻞ‬ ‫اﻧﻪ‬ ‫ﻣﻦ‬ ‫ﺑﺎﻟﺮﻏﻢ‬‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻤﻜﻨﻨﺎ‬
AssociatedControlID..‫اﻟﺘﺮآﻴﺰ‬ ‫اﺳﺘﺨﺪام‬ ‫ﻋﻨﺪ‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺑﻬﺎ‬ ‫ﺳﻴﺮﺗﺒﻂ‬ ‫اﻟﺘﻲ‬ ‫اﻻداة‬ ‫ﻧﺤﺪد‬ ‫وآﺬﻟﻚ‬..
‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﻣﻦ‬ ‫اﻟﻮﺻﻮل‬ ‫ﻣﻔﺘﺎح‬ ‫ﺑﺤﺬف‬ ‫اﻻن‬ ‫ﻧﻘﻮم‬txt‫اﻟﻘﻴﻤﺔ‬ ‫وﻧﺪﺧﻞ‬A‫وﻧﺤﺪد‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﻮﺻﻮل‬ ‫ﻟﻤﻔﺘﺎح‬txt‫اﻟﻌﻨﺼﺮ‬ ‫ﻋﻨﺪ‬
‫اﻟﺘﺮآﻴﺰ‬ ‫اﻟﻴﻪ‬ ‫ﺳﻴﻨﺘﻘﻞ‬ ‫اﻟﺬي‬..
‫ﻣﻔﺘﺎح‬ ‫ﻧﻨﻘﺮ‬ ‫اﻻن‬F5‫اﻟﺰرﻳﻦ‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬Alt+A‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫اﻟﻰ‬ ‫اﻟﺘﺮآﻴﺰ‬ ‫اﻧﺘﻘﺎل‬ ‫ﻓﻨﻼﺣﻆ‬ ‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬ ‫ﻣﻦ‬..
‫اﻟﻔﺘﺮاﺿﻲ‬ ‫اﻟﺰر‬)Default Button: (
‫ان‬ASP.NET‫اﻟﻮب‬ ‫ﺻﻔﺤﺎت‬ ‫ﻓﻲ‬ ‫اﻻﻓﺘﺮاﺿﻲ‬ ‫اﻟﺰر‬ ‫ﺧﺎﺻﻴﺔ‬ ‫ﻟﻨﺎ‬ ‫ﻳﻮﻓﺮ‬.‫اﻟﺬي‬ ‫اﻟﺰر‬ ‫هﻮ‬ ‫اﻻﻓﺘﺮاﺿﻲ‬ ‫اﻟﺰر‬ ‫ان‬)‫ﻳﻨﻘﺮ‬(‫ﻳﻨﻘﺮ‬ ‫ﻋﻨﺪﻣﺎ‬
‫ﻋﻠﻰ‬ ‫اﻟﻤﺴﺘﺨﺪم‬‫ﻣﻔﺘﺎح‬Enter‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬ ‫ﻣﻦ‬.
‫اﻟﺰر‬ ‫ﻧﺠﻌﻞ‬ ‫ان‬ ‫ﻧﺮﻳﺪ‬ ‫وﻧﺤﻦ‬ ، ‫ﻧﻤﻮذج‬ ‫ﻋﻠﻰ‬ ‫ﺗﺤﺘﻮي‬ ‫اﻟﻮب‬ ‫ﺻﻔﺤﺔ‬ ‫آﺎﻧﺖ‬ ‫ان‬ ، ‫آﻤﺜﺎل‬)‫ارﺳﺎل‬(‫اﻻﻓﺘﺮاﺿﻲ‬ ‫اﻟﺰر‬ ‫هﻮ‬..‫ﻳﻨﻘﺮ‬ ‫ﻓﻌﻨﺪﻣﺎ‬
‫اﻟﻤﻔﺘﺎح‬ ‫ﻋﻠﻰ‬ ‫اﻟﻤﺴﺘﺨﺪم‬Enter‫اﻟﺤﺪث‬ ‫و‬ ‫ارﺳﺎﻟﻬﺎ‬ ‫ﺳﻴﺘﻢ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻓﺎن‬ ‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬ ‫ﻣﻦ‬Button.Click‫اﻟﺰر‬ ‫ﻟﻬﺬا‬ ‫ﺳﻴﺤﺪث‬.
‫ان‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬‫اﻓﺘﺮاﺿﻲ‬ ‫زر‬ ‫ﺑﻌﻤﻞ‬ ‫ﻧﻘﻮم‬..‫اﻟﺰر‬ ‫هﻮ‬ ‫ﺟﻌﻠﻪ‬ ‫اﻟﻤﺮاد‬ ‫اﻟﺰر‬ ‫اﺳﻢ‬ ‫ﻣﻊ‬ ‫اﻟﻮب‬ ‫ﻟﺼﻔﺤﺔ‬ ‫اﻻﻓﺘﺮاﺿﻲ‬ ‫اﻟﺰر‬ ‫ﺧﺎﺻﻴﺔ‬ ‫اﺳﻨﺎد‬ ‫ﻓﻴﺠﺐ‬
‫اﻻﻓﺘﺮاﺿﻲ‬:
<form id="form1" defaultbutton ="Button1" runat="server">
‫اﻟﺰر‬ ‫ﺳﻴﻜﻮن‬ ‫ﻋﻨﺪهﺎ‬Button1‫اﻟﻤﺴﺘﺨﺪ‬ ‫ﻳﻨﻘﺮ‬ ‫ﻋﻨﺪﻣﺎ‬ ‫ﻟﻪ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺣﺪث‬ ‫ﻳﺤﺪث‬ ‫اﻟﺬي‬ ‫و‬ ‫اﻻﻓﺘﺮاﺿﻲ‬ ‫اﻟﺰر‬ ‫هﻮ‬‫ﻣﻔﺘﺎح‬ ‫ﻋﻠﻰ‬ ‫م‬Enter.
‫درﺳﻨﺎ‬ ‫ﻧﻬﺎﻳﺔ‬ ‫اﻟﻰ‬ ‫وﺻﻠﻨﺎ‬ ‫هﻨﺎ‬ ‫اﻟﻰ‬..
‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﻓﻲ‬ ‫اﻟﻤﻘﺪﻣﺔ‬ ‫اﻟﻤﻌﻠﻮﻣﺎت‬ ‫ﻣﻦ‬ ‫اﺳﺘﻔﺪﺗﻢ‬ ‫ﻗﺪ‬ ‫ﺗﻜﻮﻧﻮا‬ ‫ان‬ ‫ارﺟﻮ‬..
‫ﺟﺪﻳﺪة‬ ‫وﻣﻌﻠﻮﻣﺎت‬ ‫ﻗﺎدﻣﺔ‬ ‫دروس‬ ‫ﻓﻲ‬ ‫ﻣﻠﺘﻘﺎﻧﺎ‬..
‫ﺑﺎﻟﺘﻮﻓﻴﻖ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ ‫دﻋﺎﺋﻲ‬
‫اﻟﻤﻬﻨﺪس‬
‫ﻳﺎﺳـــﻴﻦ‬ ‫ﻋــﺪي‬
‫ﺣﺎﺳﻮب‬ ‫هﻨﺪﺳﺔ‬ ‫ﺑﻜﺎﻟﻮرﻳﻮس‬
engauday@hotmail.com
4
‫اﻟﺠﻤﻌﺔ‬:27/7/2007
‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬
ASP.Net
‫اﻟﺪرس‬‫اﻟ‬‫ﺴﺎدس‬
‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻤﻮاﻗﻊ‬ ‫وﺑﺮﻣﺠﺔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫دروس‬ ‫ﻣﻦ‬ ‫ﺟﺪﻳﺪ‬ ‫درس‬ ‫ﻓﻲ‬ ‫اﻻﺧﻮات‬ ‫و‬ ‫ﺑﺎﻻﺧﻮة‬ ‫ﻣﺮﺣﺒﺎ‬ASP.NET & VB.NET.
‫ﺟﺪﻳﺪة‬ ‫ﺻﻔﺤﺔ‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﻧﻘﻮم‬..
‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﻧﻀﻴﻒ‬BulletedList..
‫اﻟﻤﺮﺑ‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻟﻼداة‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ﻧﻘﻮم‬‫ﻟﻠﺨﺎﺻﻴﺔ‬ ‫اﻟﻤﻘﺎﺑﻞ‬ ‫اﻟﺤﻘﻞ‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻋﻨﺪ‬ ‫ﻳﻈﻬﺮ‬ ‫اﻟﺬي‬ ‫اﻟﻤﺼﻐﺮ‬ ‫ﻊ‬Items.
‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫اﻻداة‬ ‫ﻟﺘﺒﺪو‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﻧﻀﻴﻒ‬:
‫ﻣﺮﺗﺒﺔ‬ ‫اﻟﻐﻴﺮ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﺗﻜﺎﻓﺊ‬ ‫اداة‬ ‫هﻲ‬ ‫اﻻداة‬ ‫هﺬﻩ‬ ‫ان‬unorderedlist‫اﻟﻤﺮﺗﺒﺔ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫او‬orderedlist..
‫اﻟﺨﺎﺻﻴﺔ‬BulletList:
‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﻧﻮع‬ ‫ﺗﺤﺪد‬ ‫وهﻲ‬..‫أرﻗﺎ‬ ‫ام‬ ‫ﻧﺨﺘﺎر‬‫م‬Numbered (1,2,3,..)‫ﺻﻐﻴﺮة‬ ‫اﺑﺠﺪﻳﺔ‬ ‫ﺣﺮوف‬ ‫او‬LowerAlpha(a,b,c,..)‫او‬
‫آﺒﻴﺮة‬ ‫اﺑﺠﺪﻳﺔ‬ ‫ﺣﺮوف‬UpperAlpha(A,B,C,..)‫ﺻﻮرة‬ ‫او‬ ‫ﻣﺮﺑﻊ‬ ‫او‬ ‫داﺋﺮي‬ ‫ﺳﻮاء‬ ، ‫ﻋﺮﺿﻪ‬ ‫اﻟﻤﻤﻜﻦ‬ ‫اﻟﺮﻣﺰ‬ ‫ﻧﺤﺪد‬ ‫آﺬﻟﻚ‬ ، ‫ﻏﻴﺮهﺎ‬ ‫او‬
‫ﻣﺨﺼﺼﺔ‬)‫اﻟﺨﺎﺻﻴﺔ‬ ‫اﺳﺘﺨﺪاﻣﻨﺎ‬ ‫ﺣﺎﻟﺔ‬ ‫ﻓﻲ‬BlletImageUrl. (
‫اﻟﺨﺎﺻﻴﺔ‬BulletImageUrl:
‫وه‬‫ﻋﻨﺼﺮ‬ ‫آﻞ‬ ‫ﻣﻦ‬ ‫اﻟﻴﺴﺎر‬ ‫اﻟﻰ‬ ‫ﻋﺮﺿﻬﺎ‬ ‫ﺳﻴﺘﻢ‬ ‫اﻟﺘﻲ‬ ‫اﻟﺼﻮرة‬ ‫ﺗﺤﺪد‬ ‫ﻲ‬.
‫اﻟﺨﺎﺻﻴﺔ‬FirstBulletNumber:
‫ﺗﺴﺘﺨﺪم‬ ‫اﻟﺘﻲ‬ ‫اﻟﻤﺮﺗﺒﺔ‬ ‫اﻟﺌﻢ‬ ‫ﻓﻲ‬)Numbered , LowerAlpha , UpperAlpha , LowerRoman , UpperRoman.. (‫ﻳﻤﻜﻨﻨﺎ‬
‫ﻟﻠﻘﺎﺋﻤﺔ‬ ‫اﻻوﻟﻰ‬ ‫اﻟﻘﻴﻤﺔ‬ ‫ﺗﺤﺪﻳﺪ‬..
‫اﻟﻘﻴﻤﺔ‬ ‫اﻋﻄﻴﻨﺎ‬ ‫ان‬ ‫ﻣﺜﻼ‬3‫ﺳﻴﻜ‬ ‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻟﻬﺬﻩ‬‫اﻟﺘﺮﻗﻴﻢ‬ ‫ﻮن‬3,4,5‫اﻟﻰ‬ ‫ﺑﺎﻟﻨﺴﺒﺔ‬Numbered‫او‬C,D,E‫اﻟﻰ‬ ‫ﺑﺎﻟﻨﺴﺒﺔ‬UpperAlpha.
1
‫هﻲ‬ ‫اﻟﺴﺎﺑﻖ‬ ‫اﻻﺧﺘﻴﺎر‬ ‫ﻧﺘﻴﺠﺔ‬ ‫ﺗﻜﻮن‬:
‫اﺧﺮ‬ ‫ﻣﻮﻗﻊ‬ ‫او‬ ‫اﺧﺮى‬ ‫ﺻﻔﺤﺔ‬ ‫اﻟﻰ‬ ‫ﺗﺸﻌﺒﻲ‬ ‫ارﺗﺒﺎط‬ ‫ﻳﻤﺜﻞ‬ ‫ﻋﻨﺼﺮ‬ ‫آﻞ‬ ‫ﻧﺠﻌﻞ‬ ‫ان‬ ‫ﻧﺮﻳﺪ‬ ، ‫اﻟﺤﺎﻻت‬ ‫ﺑﻌﺾ‬ ‫ﻓﻲ‬..
‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ذﻟﻚ‬ ‫ﻋﻤﻞ‬ ‫ﻳﻤﻜﻨﻨﺎ‬DisplayMode..
‫اﻟﺨﺎﺻﻴﺔ‬DisplayMode‫ﻋﻠﻰ‬ ‫ﻳﺤﺘﻮي‬ ‫ﻧﺺ‬ ‫ﺷﻜﻞ‬ ‫ﻋﻠﻰ‬ ‫او‬ ‫ﻋﺎدي‬ ‫ﻧﺺ‬ ‫ﺷﻜﻞ‬ ‫ﻋﻠﻰ‬ ‫ﻋﺮﺿﻪ‬ ‫ﺳﻴﺘﻢ‬ ‫ﻋﻨﺼﺮ‬ ‫آﻞ‬ ‫ﻓﻲ‬ ‫اﻟﻨﺺ‬ ‫آﺎن‬ ‫ان‬ ‫ﺗﺤﺪد‬
‫ارﺗﺒﺎط‬Hyperlink..
‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﻧﻀﻴﻒ‬Button‫و‬Label‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻟﺘﺒﺪو‬:
‫ﻋﻠﻴﻬﺎ‬ ‫اﻟﻤﺰدوج‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻟﻼداة‬ ‫اﻟﻨﻘﺮ‬ ‫ﺣﺪث‬ ‫ﻓﻲ‬ ‫اﻟﻜﻮد‬ ‫ﻧﻀﻴﻒ‬ ‫اﻻن‬..
Protected Sub BulletedList1_Click(ByVal sender As Object, ByVal e As _
System.Web.UI.WebControls.BulletedListEventArgs) Handles BulletedList1.Click
Dim ItemText As String = _
BulletedList1.Items(e.Index).Text
Label1.Text = " You Choose Item " & ItemText
End Sub
‫ﻧﻘﺮﻩ‬ ‫ﺗﻢ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫اي‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻳﺨﺒﺮ‬ ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﻜﻮد‬ ‫ان‬..‫ﻋﻨﺼﺮ‬ ‫آﻞ‬ ‫ﻣﻊ‬ ‫اﻟﺘﻔﺎﻋﻞ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﻟﻜﻮد‬ ‫ﺗﻄﻮﻳﺮ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫ﺣﻴﺚ‬..
‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫وﻧﻼﺣﻆ‬ ‫اﻻول‬ ‫اﻟﻌﻨﺼﺮ‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺸﻐﻴﻞ‬ ‫ﻧﻘﻮم‬..
‫درﺳﻨﺎ‬ ‫ﻧﻬﺎﻳﺔ‬ ‫اﻟﻰ‬ ‫وﺻﻠﻨﺎ‬ ‫هﻨﺎ‬ ‫اﻟﻰ‬..
‫اﻟ‬ ‫ﻣﻦ‬ ‫اﺳﺘﻔﺪﺗﻢ‬ ‫ﻗﺪ‬ ‫ﺗﻜﻮﻧﻮا‬ ‫ان‬ ‫ارﺟﻮ‬‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﻓﻲ‬ ‫اﻟﻤﻘﺪﻣﺔ‬ ‫ﻤﻌﻠﻮﻣﺎت‬..
‫ﺟﺪﻳﺪة‬ ‫وﻣﻌﻠﻮﻣﺎت‬ ‫ﻗﺎدﻣﺔ‬ ‫دروس‬ ‫ﻓﻲ‬ ‫ﻣﻠﺘﻘﺎﻧﺎ‬..
‫ﺑﺎﻟﺘﻮﻓﻴﻖ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ ‫دﻋﺎﺋﻲ‬
‫اﻟﻤﻬﻨﺪس‬
‫ﻳﺎﺳـــﻴﻦ‬ ‫ﻋــﺪي‬
‫ﺣﺎﺳﻮب‬ ‫هﻨﺪﺳﺔ‬ ‫ﺑﻜﺎﻟﻮرﻳﻮس‬
engauday@hotmail.com
2
‫اﻟﺠﻤﻌﺔ‬:27/7/2007
‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬
ASP.Net
‫اﻟﺪرس‬‫اﻟ‬‫ﺴﺎﺑﻊ‬
‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻤﻮاﻗﻊ‬ ‫وﺑﺮﻣﺠﺔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫دروس‬ ‫ﻣﻦ‬ ‫ﺟﺪﻳﺪ‬ ‫درس‬ ‫ﻓﻲ‬ ‫اﻻﺧﻮات‬ ‫و‬ ‫ﺑﺎﻻﺧﻮة‬ ‫ﻣﺮﺣﺒﺎ‬ASP.NET & VB.NET.
‫اﻟﺠﺪول‬ ‫اداة‬ ‫ﻣﻊ‬ ‫ﺳﻨﺘﻌﺎﻣﻞ‬ ‫هﺬا‬ ‫درﺳﻨﺎ‬ ‫ﻓﻲ‬..
‫ﺟﺪﻳﺪة‬ ‫ﺻﻔﺤﺔ‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﻧﻘﻮم‬ ‫ﺟﺪﻳﺪ‬ ‫درس‬ ‫آﻞ‬ ‫ﻓﻲ‬ ‫ﺗﻌﻠﻤﻨﺎ‬ ‫آﻤﺎ‬..
‫ﻟﺘ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺼﻤﻢ‬ ‫ذﻟﻚ‬ ‫ﺑﻌﺪ‬‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﺒﺪو‬:
‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫ﻓﻲ‬ ‫اﺧﺮ‬ ‫اﺳﻠﻮب‬ ‫اﺗﺒﺎع‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫آﺬﻟﻚ‬..‫اﻟـ‬ ‫ﻧﺎﻓﺬة‬ ‫ﻓﻲ‬ ‫آﻮد‬ ‫آﺘﺎﺑﺔ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻻﺳﻠﻮب‬ ‫هﺬا‬Source..
‫اﻟـ‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬Source‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫وﻧﻜﺘﺐ‬:
<form id="form1" runat="server">
<div>
Rows:
<asp:TextBox ID ="txtRows" runat ="server" /> &nbsp;
Cols:
<asp:TextBox ID ="txtCols" runat ="server" /> <br /> <br />
<asp:CheckBox ID ="chkBorder" runat ="server"
Text = "Put Border Around Cells" />
<br /> <br />
<asp:Button ID = "cmdCreate" runat ="server" Text ="Create" />
<br /> <br />
<asp:Table ID ="tbl" runat ="server" />
&nbsp;<br />
</div>
</form>
‫ﻣﺴﺒﻘﺎ‬ ‫وﺿﺤﻨﺎ‬ ‫آﻤﺎ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻟﺘﺼﻤﻴﻢ‬ ‫ﻧﺎﺗﺞ‬ ‫ﻳﻌﻄﻴﻨﺎ‬ ‫اﻋﻼﻩ‬ ‫اﻟﻜﻮد‬ ‫ان‬..
‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺘﻴﻦ‬ ‫ﻣﻦ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺘﻜﻮن‬ ‫ﺣﻴﺚ‬TextBox‫و‬ ‫اﻟﺼﻔﻮف‬ ‫ﻋﺪد‬ ‫ﺑﺎدﺧﺎل‬ ‫ﻟﻠﻤﺴﺘﺨﺪم‬ ‫اﻟﺴﻤﺎح‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫ﺑﺎﺳﺘﺨﺪاﻣﻪ‬ ‫ﺳﻨﻘﻮم‬ ‫اﺣﺪهﻤﺎ‬
‫ﻟﻠﺠﺪول‬ ‫اﻟﻤﻜﻮﻧﺔ‬ ‫اﻻﻋﻤﺪة‬ ‫ﻋﺪد‬ ‫ادﺧﺎل‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﻻﺧﺮ‬..
‫و‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫ﻓﻬﻲ‬ ‫اﻻﺧﺘﺒﺎر‬ ‫اداة‬ ‫ﻧﺴﺨﺔ‬ ‫اﻣﺎ‬‫ﻟﻠﺠﺪول‬ ‫ﺣﺪود‬ ‫ﺿﻊ‬)‫اﺧﺘﻴﺎرهﺎ‬ ‫ﺗﻢ‬ ‫ان‬.. (
‫اﻟﺠﺪول‬ ‫اداة‬ ‫ﻣﻦ‬ ‫وﻧﺴﺨﺔ‬ ‫اﻟﺰر‬ ‫اداة‬ ‫ذﻟﻚ‬ ‫ﺑﻌﺪ‬..
‫ﺣﻮل‬ ‫ﺣﺪود‬ ‫ﻳﺮﻳﺪ‬ ‫آﺎن‬ ‫ان‬ ‫وﻳﺨﺘﺎر‬ ‫ﻟﻠﺠﺪول‬ ‫اﻟﻤﻜﻮﻧﺔ‬ ‫اﻟﺼﻔﻮف‬ ‫و‬ ‫اﻻﻋﻤﺪة‬ ‫ﻋﺪد‬ ‫ﻳﺪﺧﻞ‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﺳﻨﺠﻌﻞ‬ ‫اﻧﻨﺎ‬ ‫هﻲ‬ ‫هﺬﻩ‬ ‫ﺻﻔﺤﺘﻨﺎ‬ ‫ﻓﻲ‬ ‫اﻟﻔﻜﺮة‬
‫اﻻ‬ ‫ﻋﻠﻰ‬ ‫ﺑﺎﻻﻋﺘﻤﺎد‬ ‫اﻟﺠﺪول‬ ‫اﻧﺸﺎء‬ ‫ﻳﺘﻢ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻋﻨﺪ‬ ‫ﺛﻢ‬ ، ‫ﻻ‬ ‫او‬ ‫اﻟﺨﻼﻳﺎ‬‫ﻣﺴﺒﻘﺎ‬ ‫اﺧﺘﺎرهﺎ‬ ‫اﻟﺘﻲ‬ ‫ﺧﺘﻴﺎرات‬.
‫ﺑﻬﻤﺎ‬ ‫اﻟﺨﺎص‬ ‫اﻟﻜﻮد‬ ‫ﺑﻜﺘﺎﺑﺔ‬ ‫ﺳﻨﻘﻮم‬ ‫ﺣﺪﺛﻴﻦ‬ ‫ﻟﺪﻳﻨﺎ‬ ‫اﻻن‬..
‫ﻋﺮض‬ ‫وﺗﺤﺪﻳﺪ‬ ‫ﻋﺎﻣﺔ‬ ‫ﺑﺼﻮرة‬ ‫ﻟﻠﺠﺪول‬ ‫ﺣﺪود‬ ‫اﻧﺸﺎء‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫هﻮ‬ ‫ﻓﻴﻪ‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫واﻟﻜﻮد‬ ، ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺤﻤﻴﻞ‬ ‫ﺣﺪث‬ ‫هﻮ‬ ‫اﻻول‬ ‫اﻟﺤﺪث‬
‫اﻟﺤﺪول‬)‫ا‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺨﻼﻳﺎ‬ ‫ﺣﻮل‬ ‫ﺑﺎﻧﺸﺎءهﺎ‬ ‫ﻧﻘﻮم‬ ‫اﻟﺘﻲ‬ ‫اﻟﺤﺪود‬ ‫ﻋﻦ‬ ‫ﻳﺨﺘﻠﻒ‬ ‫وهﻮ‬‫اﻻﺧﺘﺒﺎر‬ ‫ﺻﻨﺪوق‬ ‫اداة‬ ‫ﺧﺘﻴﺎر‬.. (
1
‫ﻟﻠﺠﺪول‬ ‫ﺣﺪود‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﻧﻘﻮم‬ ‫ان‬ ‫ﻻﻧﺮﻳﺪ‬ ‫آﻨﺎ‬ ‫ان‬ ‫اﻟﻜﻮد‬ ‫هﺬا‬ ‫ﻋﻦ‬ ‫اﻻﺳﺘﻐﻨﺎء‬ ‫وﻳﻤﻜﻨﻨﺎ‬..
‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻟﺤﺪث‬ ‫اﻟﻜﻮد‬ ‫اﻣﺎ‬‫ﺑﺎﻻﻋﺘﻤﺎد‬ ‫اﻟﺠﺪول‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﻳﻘﻮم‬ ‫ﻓﻬﻮ‬‫اﻟﻤﺴﺘﺨﺪم‬ ‫ادﺧﺎﻻت‬ ‫ﻋﻠﻰ‬.
: ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺤﻤﻴﻞ‬ ‫ﺣﺪث‬ ‫آﻮد‬
‫اﻟﺨﺎة‬ ‫اﺳﺘﺨﺪﻣﻨﺎ‬ ‫اﻧﻨﺎ‬ ‫ﻧﻼﺣﻆ‬BorderStyle‫ﺑﺎﻟﺠﺪول‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻﻃﺎر‬ ‫ﻧﻮع‬ ‫ﺗﺤﺪﻳﺪ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬..
‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺠﺪول‬ ‫ﺣﺪود‬ ‫ﻋﺮض‬ ‫ﺣﺪدﻧﺎ‬ ‫آﺬﻟﻚ‬BorderWidth.
‫ﻟﻠﺰر‬ ‫اﻟﻨﻘﺮ‬ ‫ﺣﺪث‬ ‫آﻮد‬:
‫ﻣﺤﺘﻮﻳﺎﺗﻪ‬ ‫ﺟﻤﻴﻊ‬ ‫ﻣﻦ‬ ‫اﻟﺠﺪول‬ ‫ﺑﺎﻓﺮاغ‬ ‫ﻧﻘﻮم‬ ‫اﻟﻜﻮد‬ ‫ﺑﺪاﻳﺔ‬ ‫ﻓﻲ‬) ..‫اﻟﺨﻼﻳﺎ‬. (
‫ﻣﺘﻐﻴﺮﻳﻦ‬ ‫ﺑﺘﻌﺮﻳﻒ‬ ‫ﻧﻘﻮم‬ ‫ذﻟﻚ‬ ‫ﺑﻌﺪ‬i , j..‫اﻟﺪورا‬ ‫ﻋﻤﻞ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫ﻧﺴﺘﺨﺪﻣﻬﻤﺎ‬ ‫واﻟﺬﻳﻦ‬‫ﻣﻮﺟﻮدة‬ ‫اﻟﺘﻲ‬ ‫اﻟﺨﻼﻳﺎ‬ ‫و‬ ‫اﻟﺼﻔﻮف‬ ‫ﺑﺎﻧﺸﺎء‬ ‫اﻟﺨﺎﺻﺔ‬ ‫ت‬
‫داﺧﻠﻬﺎ‬..
‫ﻟﻜﻞ‬ ‫اﻟﺨﻼﻳﺎ‬ ‫اﻧﺸﺎء‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﻻوﻟﻰ‬ ‫اﻟﺪوارﻩ‬ ‫داﺧﻞ‬ ‫اﺧﺮى‬ ‫دوارﻩ‬ ‫ﻋﻤﻞ‬ ‫ﺛﻢ‬ ‫وﻣﻦ‬ ، ‫اﻟﺼﻔﻮف‬ ‫ﺑﻌﺪد‬ ‫دوراﻩ‬ ‫ﻋﻤﻞ‬ ‫ﻓﻲ‬ ‫ﺗﺘﻠﺨﺺ‬ ‫اﻟﻜﻮد‬ ‫ﻓﻲ‬ ‫اﻟﻔﻜﺮة‬
‫اﻟﺼﻔﻮف‬ ‫ﻣﻦ‬ ‫ﺻﻒ‬.
‫وﻧﺴﺘﺨﺪم‬Controls.Add‫ﻟﻠﺼﻔﻮف‬ ‫اﻟﺨﻼﻳﺎ‬ ‫و‬ ‫ﻟﻠﺠﺪول‬ ‫اﻟﺼﻔﻮف‬ ‫اﺿﺎﻓﺔ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬.
‫ﻣﻔﺘﺎح‬ ‫ﺑﻨﻘﺮ‬ ‫ﺗﺸﻐﻴﻠﻬﺎ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺠﺮب‬ ‫ان‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫اﻻن‬F5‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬ ‫ﻣﻦ‬.
‫اﻋﻼﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫ﻣﻮﺿﺢ‬ ‫هﻮ‬ ‫آﻤﺎ‬ ‫اﻟﻘﻴﻢ‬ ‫ﻧﺪﺧﻞ‬..‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬
‫اﻟﻨﺺ‬ ‫ﺻﻨﺎدﻳﻖ‬ ‫ﻓﻲ‬ ‫ﻗﻴﻤﻬﺎ‬ ‫ادﺧﺎل‬ ‫ﺗﻢ‬ ‫اﻟﺘﻲ‬ ‫اﻻﻋﻤﺪة‬ ‫و‬ ‫اﻟﺼﻔﻮف‬ ‫ﺑﻌﺪد‬ ‫اﻟﺠﺪول‬ ‫اﻧﺸﺎء‬ ‫ﺳﻴﺘﻢ‬..
2
‫ﺻﻨﺪوق‬ ‫آﺎن‬ ‫ان‬ ‫ﻟﻠﺨﻼﻳﺎ‬ ‫ﺣﺪود‬ ‫اﻧﺸﺎء‬ ‫ﺳﻴﺘﻢ‬ ‫آﺬﻟﻚ‬‫ﻣﺨﺘﺎرا‬ ‫اﻻﺧﺘﺒﺎر‬.
‫اﻟﺠﺪول‬ ‫ﺧﻼﻳﺎ‬ ‫ﻣﻦ‬ ‫ﺧﻠﻴﺔ‬ ‫آﻞ‬ ‫داﺧﻞ‬ ‫ادوات‬ ‫وﺿﻊ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫آﺬﻟﻚ‬...
‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﻟﻴﺼﺒﺢ‬ ‫ﻟﻠﺰر‬ ‫اﻟﻨﻘﺮ‬ ‫ﺣﺪث‬ ‫آﻮد‬ ‫ﺑﺘﻌﺪﻳﻞ‬ ‫ﻧﻘﻮم‬:
‫اﻟﺨﻼﻳﺎ‬ ‫ﻣﻦ‬ ‫ﺧﻠﻴﺔ‬ ‫ﻟﻜﻞ‬ ‫اﻟﺼﻮرة‬ ‫اداة‬ ‫و‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫اداة‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ﻗﻤﻨﺎ‬ ، ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﻜﻮد‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬..
‫ﺑ‬ ‫ﺻﻮرة‬ ‫وﺿﻊ‬ ‫ﻳﺠﺐ‬ ‫ن‬ ‫اﻟﻜﻮد‬ ‫ﻋﻤﻞ‬ ‫ﻧﺠﺎح‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬‫ﺎﻻﺳﻢ‬Red‫اﻟﻤﻮﻗﻊ‬ ‫ﻣﺠﻠﺪ‬ ‫داﺧﻞ‬..
3
‫ﻣﻔﺘﺎح‬ ‫ﻧﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺠﺮﺑﺔ‬ ‫ﻧﻘﻮم‬F5‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬ ‫ﻣﻦ‬..
‫اﻟﺠﺪول‬ ‫اﻧﺸﺎء‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫ﺛﻢ‬ ‫وﻣﻦ‬ ‫اﻟﺼﻔﻮف‬ ‫و‬ ‫اﻻﻋﻤﺪة‬ ‫ﻟﻌﺪد‬ ‫ﻗﻴﻢ‬ ‫وﻧﺪﺧﻞ‬.
‫هﻨﺎ‬ ‫اﻟﻰ‬‫ﺧﻠﻴﺔ‬ ‫آﻞ‬ ‫داﺧﻞ‬ ‫ﻧﺺ‬ ‫وآﺘﺎﺑﺔ‬ ‫ﺑﺮﻣﺠﻴﺔ‬ ‫ﺑﺼﻮرة‬ ‫ﺟﺪول‬ ‫اﻧﺸﺎء‬ ‫آﻴﻔﻴﺔ‬ ‫ﺗﻌﻠﻤﻨﺎ‬..
‫اﻻد‬ ‫وﺿﻊ‬ ‫آﺬﻟﻚ‬‫ﺧﻠﻴﺔ‬ ‫آﻞ‬ ‫داﺧﻞ‬ ‫وات‬)‫اﻟﺼﻮرة‬ ‫اداة‬ ، ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬. (
‫اﻟﺘﺼﻤﻴﻢ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺴﺎﺑﻘﺔ‬ ‫اﻻﻣﻮر‬ ‫ﻧﻔﺲ‬ ‫ﻋﻤﻞ‬ ‫ﻳﻤﻜﻨﻨﺎ‬)‫اﻟﺴﺎﺑﻘﺔ‬ ‫اﻟﺪروس‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﺳﻨﺘﻌﻠﻢ‬ ‫آﻤﺎ‬. (
‫آﺎﻣﻠﺔ‬ ‫ﺑﻤﻤﻴﺰات‬ ‫آﺎﺋﻦ‬ ‫ﺗﻤﺜﻞ‬ ‫ﺟﺪول‬ ‫ﺧﻠﻴﺔ‬ ، ‫ﺟﺪول‬ ‫ﺻﻒ‬ ، ‫ﺟﺪول‬ ‫آﻞ‬ ‫ان‬ ‫هﻲ‬ ‫اﻟﺠﺪول‬ ‫ﻓﻲ‬ ‫اﻟﺤﻘﻴﻘﻴﺔ‬ ‫اﻟﻤﺮوﻧﺔ‬ ‫ان‬..‫ﺧﻠﻴﺔ‬ ‫ﻟﻜﻞ‬ ‫اﺳﻨﺎد‬ ‫ﻳﻤﻜﻨﻨﺎ‬
‫اﻃﺎر‬‫ﺑﺨﺼﺎﺋﺼﻬﺎ‬ ‫اﻟﺘﺤﻜﻢ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻧﺺ‬ ‫وﻟﻮن‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﻃﺎر‬ ‫وﻟﻮن‬ ‫ﻣﺨﺘﻠﻒ‬.
‫اﻟﺨﻄﻮط‬ ‫و‬ ‫اﻻﻟﻮان‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬ ‫آﻴﻔﻴﺔ‬ ‫اﻟﺴﺎﺑﻘﺔ‬ ‫اﻟﺪروس‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﺗﻌﻠﻤﻨﺎ‬..‫ﻣﻦ‬ ‫ﻧﺴﺨﺘﻴﻦ‬ ‫اﺿﺎﻓﺔ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫هﺬا‬ ‫درﺳﻨﺎ‬ ‫ﺳﻨﻜﻤﻞ‬ ‫ﻟﻜﻨﻨﺎ‬
‫ﻋﻠ‬ ‫اﻟﻤﻌﺪة‬ ‫اﻟﺨﻄﻮط‬ ‫ﺟﻤﻴﻊ‬ ‫ﻋﻠﻰ‬ ‫اﻟﺜﺎﻧﻲ‬ ‫و‬ ‫اﻻﻟﻮان‬ ‫ﺟﻤﻴﻊ‬ ‫ﻋﻠﻰ‬ ‫اﻻول‬ ‫ﻳﺤﺘﻮي‬ ‫اﻟﻤﻨﺴﺪﻟﺔ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﺻﻨﺪوق‬‫اﻟﺤﺎﺳﺐ‬ ‫ﻰ‬..
‫اﻟﺨﻂ‬ ‫ﻧﻤﻂ‬ ‫و‬ ‫ﻟﻠﺨﻼﻳﺎ‬ ‫اﻟﺨﻠﻔﻴﺔ‬ ‫ﻟﻮن‬ ‫ﻣﻌﻬﻤﺎ‬ ‫ﻳﺤﺪد‬ ، ‫اﻟﺼﻔﻮف‬ ‫و‬ ‫اﻻﻋﻤﺪة‬ ‫ﻋﺪد‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻳﺤﺪد‬ ‫وﻋﻨﺪﻣﺎ‬..
‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﻟﺘﺒﺪو‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫ﻧﻜﻤﻞ‬.
‫ﻳﻠﻲ‬
4
‫آﻤﺎ‬ ‫ﻟﻴﺒﺪو‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺤﻤﻴﻞ‬ ‫آﻮد‬ ‫ﻧﻌﺪل‬ ‫اﻻن‬:
‫ﻣﺴﺒﻘﺎ‬ ‫ﺗﻌﻠﻤﻨﺎ‬ ‫وآﻤﺎ‬..‫ﻓﻴﺠﺐ‬ ‫اﻟﻤﻨﺴﺪﻟﺔ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﺻﻨﺪوق‬ ‫اﻟﻰ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫اﺿﺎﻓﺔ‬ ‫اﺟﻞ‬ ‫ﻓﻤﻦ‬‫ﻣﺮة‬ ‫آﻞ‬ ‫ﻓﻲ‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫اﺿﺎﻓﺔ‬ ‫ﻻﻳﺘﻢ‬ ‫ان‬ ‫اﻟﺘﺎآﺪ‬ ‫ﻋﻠﻴﻨﺎ‬
‫اﻟﺨﺎدم‬ ‫اﻟﻰ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ارﺳﺎل‬ ‫ﻓﻴﻬﺎ‬ ‫ﻳﺘﻢ‬..‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ذﻟﻚ‬ ‫وﻳﺘﻢ‬Me.IsPostBack....
‫اﻟﻤﺘﻐﻴﺮ‬ ‫ﻋﺮﻓﻨﺎ‬ ‫اﻧﻨﺎ‬ ‫وﻧﻼﺣﻆ‬colorArray‫اﻟﻤﻨﺴﺪﻟﺔ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﻟﻌﻨﺼﺮ‬ ‫ﻟﻠﺒﻴﺎﻧﺎت‬ ‫آﻤﺼﺪر‬ ‫ﺟﻌﻠﻨﺎهﺎ‬ ‫وﺑﺬﻟﻚ‬ ‫اﻟﻨﺼﻮص‬ ‫ﻣﻦ‬ ‫ﻣﺼﻔﻮﻓﺔ‬ ‫اﻧﻪ‬ ‫ﻋﻠﻰ‬
‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬DataSource.
‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫ﻟﻪ‬ ‫وﻧﻜﺘﺐ‬ ‫اﻻول‬ ‫اﻟﻤﻨﺴﺪﻟﺔ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﺻﻨﺪوق‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫اﻻن‬..
‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫ﻟﻪ‬ ‫ﻓﻨﻜﺘﺐ‬ ‫اﻟﺜﺎﻧﻲ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﺻﻨﺪوق‬ ‫اﻣﺎ‬:
‫اﻟﻨﺘﻴﺠﺔ‬ ‫وﻧﻼﺣﻆ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫ﺛﻢ‬ ‫اﻟﺨﻂ‬ ‫وﻧﻮع‬ ‫اﻟﻠﻮن‬ ‫وﻧﺤﺪد‬ ، ‫اﻻﻋﻤﺪة‬ ‫و‬ ‫اﻟﺼﻔﻮف‬ ‫ﻋﺪد‬ ‫وﻧﺤﺪد‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺠﺮﺑﺔ‬ ‫اﻻن‬ ‫ﻧﻘﻮم‬..
‫اﻟ‬ ‫وﺻﻠﻨﺎ‬ ‫هﻨﺎ‬ ‫اﻟﻰ‬‫درﺳﻨﺎ‬ ‫ﻧﻬﺎﻳﺔ‬ ‫ﻰ‬..
‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﻓﻲ‬ ‫اﻟﻤﻘﺪﻣﺔ‬ ‫اﻟﻤﻌﻠﻮﻣﺎت‬ ‫ﻣﻦ‬ ‫اﺳﺘﻔﺪﺗﻢ‬ ‫ﻗﺪ‬ ‫ﺗﻜﻮﻧﻮا‬ ‫ان‬ ‫ارﺟﻮ‬..
‫ﺟﺪﻳﺪة‬ ‫وﻣﻌﻠﻮﻣﺎت‬ ‫ﻗﺎدﻣﺔ‬ ‫دروس‬ ‫ﻓﻲ‬ ‫ﻣﻠﺘﻘﺎﻧﺎ‬..
‫ﺑﺎﻟﺘﻮﻓﻴﻖ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ ‫دﻋﺎﺋﻲ‬
‫اﻟﻤﻬﻨﺪس‬
‫ﻳﺎﺳـــﻴﻦ‬ ‫ﻋــﺪي‬
‫ﺣﺎﺳﻮب‬ ‫هﻨﺪﺳﺔ‬ ‫ﺑﻜﺎﻟﻮرﻳﻮس‬
engauday@hotmail.com
5
‫اﻻﺣﺪ‬:5/8/2007
Asp.netتطور المواقع بأ استخدام لغة
Asp.netتطور المواقع بأ استخدام لغة
Asp.netتطور المواقع بأ استخدام لغة

More Related Content

More from احمد الجسار

أساسيات الاوتوكاد 2010
أساسيات الاوتوكاد 2010أساسيات الاوتوكاد 2010
أساسيات الاوتوكاد 2010احمد الجسار
 
الدورة الشاملة في الانترنيت
الدورة الشاملة في الانترنيتالدورة الشاملة في الانترنيت
الدورة الشاملة في الانترنيتاحمد الجسار
 
كتاب التحليل الاحصائي باستخدام برنامج spss
كتاب التحليل الاحصائي باستخدام برنامج spssكتاب التحليل الاحصائي باستخدام برنامج spss
كتاب التحليل الاحصائي باستخدام برنامج spssاحمد الجسار
 
كيفية التعامل مع العملاء
كيفية التعامل مع العملاءكيفية التعامل مع العملاء
كيفية التعامل مع العملاءاحمد الجسار
 
دورة شهادة سيسكو الكاملة
دورة شهادة سيسكو الكاملةدورة شهادة سيسكو الكاملة
دورة شهادة سيسكو الكاملةاحمد الجسار
 
شبكات الكمبيوتر من البداية حتى الاحتراف
شبكات الكمبيوتر من البداية حتى الاحترافشبكات الكمبيوتر من البداية حتى الاحتراف
شبكات الكمبيوتر من البداية حتى الاحترافاحمد الجسار
 
الدورة الشاملة في الانترنيت
الدورة الشاملة في الانترنيتالدورة الشاملة في الانترنيت
الدورة الشاملة في الانترنيتاحمد الجسار
 
الحسابات الاحصائية باستخدام الاكسل
الحسابات الاحصائية باستخدام الاكسلالحسابات الاحصائية باستخدام الاكسل
الحسابات الاحصائية باستخدام الاكسلاحمد الجسار
 
تعلم برنامج الماثلاب
تعلم برنامج الماثلابتعلم برنامج الماثلاب
تعلم برنامج الماثلاباحمد الجسار
 
كورس التحليل الاحصائي بأستخدام SPSS
كورس التحليل الاحصائي بأستخدام SPSSكورس التحليل الاحصائي بأستخدام SPSS
كورس التحليل الاحصائي بأستخدام SPSSاحمد الجسار
 

More from احمد الجسار (20)

كتاب Gps
كتاب Gpsكتاب Gps
كتاب Gps
 
أساسيات الاوتوكاد 2010
أساسيات الاوتوكاد 2010أساسيات الاوتوكاد 2010
أساسيات الاوتوكاد 2010
 
الدورة الشاملة في الانترنيت
الدورة الشاملة في الانترنيتالدورة الشاملة في الانترنيت
الدورة الشاملة في الانترنيت
 
الابتكار
الابتكارالابتكار
الابتكار
 
النسبية
النسبيةالنسبية
النسبية
 
كتاب التحليل الاحصائي باستخدام برنامج spss
كتاب التحليل الاحصائي باستخدام برنامج spssكتاب التحليل الاحصائي باستخدام برنامج spss
كتاب التحليل الاحصائي باستخدام برنامج spss
 
93866
9386693866
93866
 
55202
5520255202
55202
 
95249
9524995249
95249
 
Elebda3.net 8731
Elebda3.net 8731Elebda3.net 8731
Elebda3.net 8731
 
كيفية التعامل مع العملاء
كيفية التعامل مع العملاءكيفية التعامل مع العملاء
كيفية التعامل مع العملاء
 
برنامج كورل درو 10
برنامج كورل درو 10برنامج كورل درو 10
برنامج كورل درو 10
 
دورة تصميم المواقع
دورة تصميم المواقعدورة تصميم المواقع
دورة تصميم المواقع
 
دورة شهادة سيسكو الكاملة
دورة شهادة سيسكو الكاملةدورة شهادة سيسكو الكاملة
دورة شهادة سيسكو الكاملة
 
شبكات الكمبيوتر من البداية حتى الاحتراف
شبكات الكمبيوتر من البداية حتى الاحترافشبكات الكمبيوتر من البداية حتى الاحتراف
شبكات الكمبيوتر من البداية حتى الاحتراف
 
الدورة الشاملة في الانترنيت
الدورة الشاملة في الانترنيتالدورة الشاملة في الانترنيت
الدورة الشاملة في الانترنيت
 
الحسابات الاحصائية باستخدام الاكسل
الحسابات الاحصائية باستخدام الاكسلالحسابات الاحصائية باستخدام الاكسل
الحسابات الاحصائية باستخدام الاكسل
 
تعلم برنامج الماثلاب
تعلم برنامج الماثلابتعلم برنامج الماثلاب
تعلم برنامج الماثلاب
 
كورس التحليل الاحصائي بأستخدام SPSS
كورس التحليل الاحصائي بأستخدام SPSSكورس التحليل الاحصائي بأستخدام SPSS
كورس التحليل الاحصائي بأستخدام SPSS
 
شهادة دبلوم الموقع
شهادة دبلوم الموقعشهادة دبلوم الموقع
شهادة دبلوم الموقع
 

Asp.netتطور المواقع بأ استخدام لغة

  • 1. ‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬ ASP.Net ‫اﻻول‬ ‫اﻟﺪرس‬ ‫اﻻﻓﺎﺿﻞ‬ ‫واﺧﻮاﺗﻲ‬ ‫اﺧﻮﺗﻲ‬.. ‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫وﺗﺼﻤﻴﻢ‬ ‫ﺑﺮﻣﺠﺔ‬ ‫ﺑﺘﻌﻠﻴﻢ‬ ‫اﻟﺨﺎﺻﺔ‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﺪروس‬ ‫ﺳﻠﺴﻠﺔ‬ ‫ﻟﻜﻢ‬ ‫اﻗﺪم‬ASP.NET‫ﻣﻊ‬ VB.net... ‫وا‬ ‫ﻳﻘﺪﻣﻬﺎ‬ ‫اﻟﺘﻲ‬ ‫اﻟﻤﻌﻠﻮﻣﺎت‬ ‫و‬ ‫اﻟﻮب‬ ‫ﺗﻄﻮر‬ ‫ﻣﺠﺎل‬ ‫ﻓﻲ‬ ‫اﻟﺘﻘﻨﻲ‬ ‫اﻟﻌﺎﻟﻢ‬ ‫ﺷﻬﺪﻩ‬ ‫اﻟﺬي‬ ‫اﻟﺘﻄﻮر‬ ‫ﺑﻌﺪ‬‫ﻓﻲ‬ ‫ﺣﺼﺮهﺎ‬ ‫ﻻﻳﻤﻜﻦ‬ ‫ﻟﺘﻲ‬ ‫اﻟﻤﻌﺎرف‬ ‫و‬ ‫اﻟﻌﻠﻮم‬ ‫ﻣﺨﺘﻠﻒ‬ ‫وﺗﻘﺪم‬ ‫ﺗﺘﻨﻮع‬ ‫ﺑﺎﺗﺖ‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫واﻧﻤﺎ‬ ، ‫اﺧﺮ‬ ‫دون‬ ‫ﻣﻌﻴﻦ‬ ‫ﻣﺠﺎل‬.. ‫ﻟﻐﺔ‬ ‫ﻻﺗﺘﻌﺪى‬ ‫ﺳﺎﺑﻘﺎ‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫آﺎﻧﺖ‬ ‫وﻗﺪ‬HTML..‫ﻣﺠﺮد‬ ‫ﻏﻴﺮ‬ ‫اﺧﺮى‬ ‫ﻣﺘﻄﻠﺒﺎت‬ ‫وﻇﻬﻮر‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫ﺗﻄﻮر‬ ‫ﻟﻜﻦ‬ ‫ﺗﺴ‬ ‫اﺧﺮى‬ ‫ﺗﻘﻨﻴﺎت‬ ‫ﻟﻈﻬﻮر‬ ‫اﻻﺳﺎﺳﻴﺔ‬ ‫اﻟﺒﺬرة‬ ‫آﺎﻧﺖ‬ ‫ﻓﻘﺪ‬ ، ‫اﻟﻤﻌﻠﻮﻣﺎت‬ ‫ﻋﺮض‬‫ﻣﻮاﻗﻊ‬ ‫اﻧﺘﺎج‬ ‫ﻋﻠﻰ‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫ﻣﺼﻤﻢ‬ ‫ﺎﻋﺪ‬ ‫ﻣﺘﺎﻧﻪ‬ ‫و‬ ‫ﻗﻮة‬ ‫ذات‬ ‫دﻳﻨﺎﻣﻴﻜﻴﺔ‬ ‫وب‬.. ‫هﻮ‬ ‫اﻟﺪﻳﻨﺎﻣﻴﻜﻴﺔ‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫اﻧﺘﺎج‬ ‫ﻓﻲ‬ ‫وﺷﻴﻮﻋﺎ‬ ‫ﺳﻬﻮﻟﺔ‬ ‫و‬ ‫ﻗﻮة‬ ‫ﻣﻦ‬ ‫اﻟﺘﻄﻮر‬ ‫اﻟﻴﻪ‬ ‫وﺻﻞ‬ ‫ﻣﺎ‬ ‫اﺧﺮ‬ ‫ورﺑﻤﺎ‬)PHP & ASP(‫اﻟ‬ ‫وهﺬا‬ ‫اﻟﺴﺎﺑﻘﺔ‬ ‫ﻣﻨﺘﺠﺎﺗﻬﺎ‬ ‫ﺟﻤﻴﻊ‬ ‫ﻓﻴﻪ‬ ‫ﺗﺠﺎوزت‬ ‫اﻟﺬي‬ ‫و‬ ‫اﻟﻘﻮي‬ ‫اﻧﺘﺎﺟﻬﺎ‬ ‫اﻧﺘﺠﺖ‬ ‫ﻣﺎﻳﻜﺮوﺳﻮﻓﺖ‬ ‫ﺷﺮآﺔ‬ ‫ﻟﻜﻦ‬ ،‫ﻤﻨﺘﺞ‬ ‫هﻮ‬ASP.NET..‫زادت‬ ‫اﻟﺘﻲ‬ ‫و‬ ‫اﻟﺠﺪﻳﺪة‬ ‫اﻻﺟﺎآﺲ‬ ‫ﺗﻘﻨﻴﺔ‬ ‫ﺻﺪرت‬ ‫ﻓﻘﺪ‬ ‫اﻟﺪرس‬ ‫هﺬا‬ ‫آﺘﺎﺑﺔ‬ ‫وﺣﺘﻰ‬ ‫اﻻن‬ ‫واﻣﺎ‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫ﺑﺮﻣﺠﺔ‬ ‫و‬ ‫ﺗﺼﻤﻴﻢ‬ ‫ﻣﺠﺎل‬ ‫ﻓﻲ‬ ‫اﻻﻣﻜﺎﻧﻴﺎت‬.. ‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫وﺗﺼﻤﻴﻢ‬ ‫ﺑﺮﻣﺠﺔ‬ ‫آﻴﻔﻴﺔ‬ ‫ﺷﺮح‬ ‫ﻋﻠﻰ‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﺴﻠﺴﻠﺔ‬ ‫هﺬﻩ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﺳﻨﻌﻤﺪ‬ASP.NET‫ﻣﻊ‬ ‫اﻟﺒﺮﻣﺠﺔ‬ ‫ﻟﻐﺔ‬VB.NET... ‫اﻻﺻﺪارة‬ ‫ﺑﺎﺳﺘﺨﺪام‬ ‫ﺳﺎﻗﻮم‬ ‫اﻧﻨﻲ‬ ‫اﻟﻰ‬ ‫اﻻﺷﺎرة‬ ‫وﺗﺠﺪر‬Visual Studio 2005‫اﻻﺣﺘﺮاﻓﻲ‬ ‫اﻻﺻﺪار‬..‫ﺷﺮح‬ ‫ﺧﻼل‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﺪروس‬. ‫اﻟﺪروس‬ ‫ﺷﺮح‬ ‫ﻓﻲ‬ ‫اﻟﺴﻬﻮﻟﺔ‬ ‫اﻻﻣﻜﺎن‬ ‫ﻗﺪر‬ ‫اﺗﻮﺧﻰ‬ ‫ان‬ ‫وﺳﺎﺣﺎول‬.. ، ‫اﻟﺪرس‬ ‫ﺗﻄﺒﻴﻖ‬ ‫ﻟﻠﻄﺎﻟﺐ‬ ‫ﻳﺘﺴﻨﻰ‬ ‫ان‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫واﺧﺮ‬ ‫درس‬ ‫ﺑﻴﻦ‬ ‫ﺛﺎﺑﺘﺔ‬ ‫زﻣﻨﻴﺔ‬ ‫ﻓﻮاﺻﻞ‬ ‫ﺳﺘﻜﻮن‬ ‫اﻧﻪ‬ ‫آﻤﺎ‬‫ﻋﻠﻴﻪ‬ ‫اﻟﺰﻳﺎدة‬ ‫ﺑﻞ‬ ‫ﻧﻔﺴﻪ‬ ‫اﻟﺪرس‬ ‫ﻓﻲ‬ ‫اﻟﻤﺸﺮوﺣﺔ‬ ‫اﻻﻣﻜﺎﻧﻴﺎت‬ ‫ﻣﻦ‬ ‫اآﺜﺮ‬ ‫اﺧﺮى‬ ‫اﻣﻜﺎﻧﻴﺎت‬ ‫وﺗﺠﺮﺑﺔ‬.. ‫اﺧﻴﺮا‬ ‫ﺑﻬﺎ‬ ‫وﻳﻨﺘﻔﻌﻮا‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﺴﻠﺴﻠﺔ‬ ‫هﺬﻩ‬ ‫ﻣﻦ‬ ‫اﻟﺠﻤﻴﻊ‬ ‫ﻳﺴﺘﻔﺎد‬ ‫ان‬ ‫ارﺟﻮ‬.. ‫ﻋﻨﻮان‬ ‫ﻋﻠﻰ‬ ‫ﻣﺮاﺳﻠﺘﻲ‬ ‫وﺑﺎﻣﻜﺎﻧﻜﻢ‬‫ان‬ ‫راﺟﻴﺎ‬ ، ‫اﻻﺳﺌﻠﺔ‬ ‫و‬ ‫اﻻﺳﺘﻔﺴﺎرات‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫ادﻧﺎﻩ‬ ‫اﻟﻤﻮﺿﺢ‬ ‫اﻻﻟﻜﺘﺮوﻧﻲ‬ ‫اﻟﺒﺮﻳﺪ‬ ‫ﺗﻜ‬‫اﻟﻌﻠﻤﻴﺔ‬ ‫ﻣﺎدﺗﻪ‬ ‫وﺿﻤﻦ‬ ‫اﻟﺪرس‬ ‫ﺣﺪود‬ ‫ﺿﻤﻦ‬ ‫هﻲ‬ ‫اﻻﺳﺘﻔﺴﺎرات‬ ‫او‬ ‫اﻻﺳﺌﻠﺔ‬ ‫ﻮن‬.. ‫ﺑﺎﻟﺘﻮﻓﻴﻖ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ ‫دﻋﺎﺋﻲ‬ ‫اﻟﻤﻬﻨﺪس‬ ‫ﻳﺎﺳــﻴﻦ‬ ‫ﻋـــﺪي‬ ‫ﺣﺎﺳﻮب‬ ‫هﻨﺪﺳﺔ‬ ‫ﺑﻜﺎﻟﻮرﻳﻮس‬ engauday@hotmail.com ‫اﻟﺴﺒﺖ‬–21/7/2007 1
  • 2. ‫اﻟﺪرس‬ ‫ﺑﺪاﻳﺔ‬... ‫ا‬ ‫اﻟﻨﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﻟﺘﻈﻬﺮ‬ ‫ﻧﺖ‬ ‫دوت‬ ‫ﺳﺘﻮدﻳﻮ‬ ‫ﻓﻴﺠﻮال‬ ‫ﺑﻴﺌﺔ‬ ‫ﺑﺘﺸﻐﻴﻞ‬ ‫ﻧﻘﻮم‬‫ﻟﺮﺋﻴﺴﻴﺔ‬: ‫اﻟﻜﺘﺎﺑﺔ‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ، ‫ﺟﺪﻳﺪ‬ ‫وب‬ ‫ﻣﻮﻗﻊ‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﻧﻘﻮم‬ ‫ان‬ ‫وﻻﺟﻞ‬Web Sit…‫ﻟـ‬ ‫اﻟﻤﻘﺎﺑﻠﺔ‬Create: ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﺟﺪﻳﺪ‬ ‫وب‬ ‫ﻣﻮﻗﻊ‬ ‫ﻻﻧﺸﺎء‬ ‫اﺧﺮى‬ ‫ﻃﺮﻳﻘﺔ‬ ‫اﺳﺘﺨﺪام‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫او‬.. File New Web Sit… ‫اﻟﺘﺎﻟﻴﺔ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫ﻣﻮﺿﺢ‬ ‫آﻤﺎ‬: 2
  • 3. ‫اﻟﺘﺎﻟﻴﺔ‬ ‫اﻟﻨﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻈﻬﺮ‬: ‫ا‬ ‫اﻻرﻗﺎم‬ ‫ﻧﺘﺘﺒﻊ‬‫ﻣﻮﻗﻊ‬ ‫ﻧﺨﺘﺎر‬ ‫ﺣﻴﺚ‬ ، ‫اﻋﻼﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫ﻟﻤﻮﺿﺤﺔ‬ASP.NET‫اﻟﺮﻗﻢ‬ ‫ﻣﻦ‬1‫ﺧﺰن‬ ‫ﻣﻜﺎن‬ ‫وﻧﺤﺪد‬ ، ‫اﻟﺮﻗﻢ‬ ‫ﻣﻦ‬ ‫اﻟﻤﻮﻗﻊ‬2‫ﻣﻦ‬ ‫اﻟﻤﺴﺘﺨﺪﻣﺔ‬ ‫اﻟﺒﺮﻣﺠﺔ‬ ‫ﻟﻐﺔ‬ ‫وﻧﺤﺪد‬ ،3‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫واﺧﻴﺮا‬ ،OK‫ﻣﻦ‬4.. ‫اﻟﺘﺎﻟﻴﺔ‬ ‫اﻟﻨﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫وﺗﻈﻬﺮ‬ ‫ﺟﺪﻳﺪ‬ ‫ﻣﻮﻗﻊ‬ ‫اﻧﺸﺎء‬ ‫ﺳﻴﺘﻢ‬.. 3
  • 4. ‫اﻟﻰ‬ ‫اﻻرﻗﺎم‬ ‫ﺗﺸﻴﺮ‬ ‫ﺣﻴﺚ‬: ‫اﻟﺮﻗﻢ‬1:‫اﻟﻜﻮد‬ ‫ﻧﺎﻓﺬة‬. ‫اﻟﺮﻗﻢ‬2:‫اﻟﺘﺼﻤﻴﻢ‬ ‫ﻧﺎﻓﺬة‬. ‫اﻟﺮﻗﻢ‬3:‫اﻻدوات‬ ‫ﺻﻨﺪوق‬. ‫اﻟﺮﻗﻢ‬4:‫اﻟﺘﺼﻤﻴﻢ‬ ‫ﻧﺎﻓﺬة‬. ‫اﻟﺮﻗﻢ‬5:‫اﻟﻜﻮد‬ ‫ﻧﺎﻓﺬة‬. ‫اﻟﺮﻗﻢ‬6:‫وﻣﻠﻔﺎﺗﻪ‬ ‫اﻟﻮب‬ ‫ﻣﻮﻗﻊ‬. ‫اﻟﺮﻗﻢ‬7:‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﻧﺎﻓﺬة‬.. ‫ﻣﻼﺣﻈﺔ‬:‫واآﺜﺮ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫ﻧﺎﻓﺬة‬ ‫ﻣﻦ‬ ‫اآﺜﺮ‬ ‫ﺗﻮﺟﺪ‬ ‫اﻧﻪ‬ ‫اﻋﻼﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫اﻟﻤﻮﺟﻮدة‬ ‫اﻻرﻗﺎم‬ ‫ﺷﺮح‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻧﻼﺣﻆ‬‫ﻣﻦ‬ ‫آﻮد‬ ‫ﻧﺎﻓﺬة‬..‫اﻣﺎ‬ ، ‫اﻟﻘﺎدﻣﺔ‬ ‫اﻟﺪروس‬ ‫و‬ ‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﺧﻼل‬ ‫ﺳﻨﺘﻌﻠﻢ‬ ‫آﻤﺎ‬ ‫واﺣﺪة‬ ‫ﻧﺎﻓﺬة‬ ‫هﻲ‬ ‫اﻟﺘﺼﻤﻴﻢ‬ ‫ﻧﺎﻓﺬة‬ ‫ان‬ ‫اﻟﺤﻘﻴﻘﺔ‬ ‫ﻓﻲ‬ ‫ﻧﺎﻓﺬﺗﺎن‬ ‫ﻓﻬﻲ‬ ‫اﻟﻜﻮد‬ ‫ﻧﺎﻓﺬة‬..‫ﻟﻐﺔ‬ ‫آﻮد‬ ‫ﻧﻌﺰل‬ ‫ان‬ ‫ﺑﺎﻣﻜﺎﻧﻨﺎ‬ ‫ﺣﻴﺚ‬VB.net‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﻴﻬﺎ‬ ‫ﻧﺼﻞ‬ ‫ﺑﻪ‬ ‫ﺧﺎﺻﺔ‬ ‫ﺻﻔﺤﺔ‬ ‫ﻓﻲ‬ ‫اﻟﺮﻗﻢ‬ ‫ﻓﻮﻗﻪ‬ ‫اﻟﻤﻜﺘﻮب‬ ‫اﻟﺰر‬ ‫ﻧﻘﺮ‬5‫ﻧﺼ‬ ‫اﻟﺘﻲ‬ ‫اﻟﻨﺎﻓﺬة‬ ‫اﻣﺎ‬ ،‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﻴﻬﺎ‬ ‫ﻞ‬1‫اﻟﻤﺼﺪري‬ ‫اﻟﻜﻮد‬ ‫ﻧﺎﻓﺬة‬ ‫ﻓﻬﻲ‬. ‫اﻟﺮﻗﻢ‬ ‫اﺳﻔﻞ‬ ‫اﻟﻤﻮﺟﻮدة‬ ‫اﻟﻜﺘﺎﺑﺔ‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺘﺼﻤﻴﻢ‬ ‫ﻧﺎﻓﺬة‬ ‫اﻟﻰ‬ ‫ﻧﺬهﺐ‬ ‫اﻻن‬2‫اﻟﻤﻮﺟﻮد‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫او‬ ‫اﻟﺮﻗﻢ‬ ‫اﺳﻔﻞ‬4. ‫اﻟﺼﻔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﻣﻦ‬ ‫وﻏﻴﺮهﺎ‬ ‫واﻟﻜﺘﺎﺑﺎت‬ ‫اﻻدوات‬ ‫وﺿﻊ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫ﺣﻴﺚ‬ ‫اﻟﺘﺼﻤﻴﻢ‬ ‫ﻧﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻈﻬﺮ‬‫ﺤﺔ‬.. ‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﺑﻮﺿﻊ‬ ‫ﻧﻘﻮم‬Label‫اﻻداة‬ ‫و‬Button‫اﻟﺘﺎﻟﻲ‬ ‫ﺑﺎﻟﺸﻜﻞ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﻠﻰ‬: ‫او‬ ‫اﻟﻌﻤﻞ‬ ‫ﻧﺎﻓﺬة‬ ‫ﻋﻠﻰ‬ ‫واﻓﻼﺗﻬﺎ‬ ‫اﻻدوات‬ ‫ﺻﻨﺪوق‬ ‫ﻣﻦ‬ ‫اﻻدوات‬ ‫ﺳﺤﺐ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﻌﻤﻞ‬ ‫ﻧﺎﻓﺬة‬ ‫ﻋﻠﻰ‬ ‫اﻻدوات‬ ‫وﺿﻊ‬ ‫ﻳﺘﻢ‬ ‫اﻟﺘﺼﻤﻴﻢ‬.. ‫واﺣﺪ‬ ‫ﺳﻄﺮ‬ ‫ﻋﻠﻰ‬ ‫آﻼهﻤﺎ‬ ‫اﻻداﺗﻴﻦ‬ ‫ان‬ ‫ﻧﻼﺣﻆ‬..‫اﻻ‬ ‫ﻧﻬﺎﻳﺔ‬ ‫ﻋﻨﺪ‬ ‫اﻟﻤﺆﺷﺮ‬ ‫ﻧﻀﻊ‬‫داة‬Label‫ﻣﻔﺘﺎح‬ ‫وﻧﻨﻘﺮ‬Enter‫ﻣﻦ‬ ‫اﻟﺰر‬ ‫ﻟﻴﺼﺒﺢ‬ ‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬Button‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫اﺳﻔﻞ‬Label.. ‫ﻣﻔﺘﺎح‬ ‫ﻧﻘﺮﻧﺎ‬ ‫آﻠﻤﺎ‬ ‫اﻧﻨﺎ‬ ‫ﺣﻴﺚ‬Enter‫واﺣﺪ‬ ‫ﺳﻄﺮ‬ ‫ﺑﻤﻘﺪار‬ ‫اﻟﺰر‬ ‫ﺳﻴﻨﺰل‬.. ‫ﻣﻼﺣﻈﺔ‬:‫اﻟﺼﻔﺤﺔ‬ ‫ﺿﻤﻦ‬ ‫اﻻدوات‬ ‫ﻣﻮاﻗﻊ‬ ‫ﺗﺮﺗﻴﺐ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﻟﺠﺪاول‬ ‫اﺳﺘﺨﺪام‬ ‫آﻴﻔﻴﺔ‬ ‫اﻟﻘﺎدﻣﺔ‬ ‫اﻟﺪروس‬ ‫ﻓﻲ‬ ‫ﺳﻨﺘﻌﻠﻢ‬. ‫آﺒ‬‫ﺪاﻳﺔ‬..‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬source‫اﻟﺼﻔﺤﺔ‬ ‫اﺳﻔﻞ‬ ‫اﻟﻤﻮﺟﻮدة‬)‫اﻟﺮﻗﻢ‬ ‫ﻋﻠﻴﻬﺎ‬ ‫ﻳﻈﻬﺮ‬ ‫آﺎن‬ ‫اﻟﺘﻲ‬1.. ( ‫اﻟﻤﺼﺪري‬ ‫اﻟﻜﻮد‬ ‫ﻧﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻔﺘﺢ‬.. ‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫ﻧﻼﺣﻆ‬ ‫اﻟﻤﻜﺘﻮب‬ ‫اﻟﻜﻮد‬ ‫ﺿﻤﻦ‬ ‫وﻣﻦ‬: <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> <br /> <asp:Button ID="Button1" runat="server" Text="Button" /></div> ‫اﻻداة‬ ‫اﺿﺎﻓﺔ‬ ‫ﻃﺮﻳﻘﺔ‬ ‫ﻳﻮﺿﺢ‬ ‫اﻟﻜﻮد‬ ‫ﻣﻦ‬ ‫اﻻول‬ ‫اﻟﺴﻄﺮ‬ ‫ان‬ ‫ﺣﻴﺚ‬Label‫ﻳﻀﻴﺮ‬ ‫ﻓﻬﻮ‬ ‫اﻻﺧﻴﺮ‬ ‫اﻟﻜﻮد‬ ‫اﻣﺎ‬ ، ‫اﻟﻨﺎﻓﺬة‬ ‫اﻟﻰ‬ ‫اﻟﺰر‬Button‫اﻟﺼﻔﺤﺔ‬ ‫اﻟﻰ‬.. 4 ‫اﻟﻤﻨﺘﺼﻒ‬ ‫ﻓﻲ‬ ‫اﻟﻤﻮﺟﻮد‬ ‫اﻟﺴﻄﺮ‬ ‫اﻣﺎ‬)<br />(‫اﻻ‬ ‫ﺑﻴﻦ‬ ‫ﺳﻄﺮ‬ ‫اﺿﺎﻓﺔ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫ﻓﻬﻮ‬‫داﺗﻴﻦ‬..
  • 5. ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫اﻻداة‬ ‫اﺿﺎﻓﺔ‬ ‫آﻮد‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻧﻼﺣﻆ‬Label‫اﻟﺒﺮﻣﺠﻲ‬ ‫اﻻﺳﻢ‬ ‫ﻟﻨﺎ‬ ‫ﺣﺪد‬ ‫اﻧﻪ‬ ،ID‫اﻟﻨﺺ‬ ‫ﻟﻨﺎ‬ ‫وﺣﺪد‬ ‫اﻻداة‬ ‫داﺧﻞ‬ ‫اﻟﻤﻜﺘﻮب‬Text..‫اﻣﺎ‬runat‫وب‬ ‫ﺧﺎدم‬ ‫اداة‬ ‫هﻲ‬ ‫اﻻداة‬ ‫هﺬﻩ‬ ‫ان‬ ‫ﻳﻮﺿﺢ‬ ‫ﻓﻬﻮ‬)server(...‫هﻮ‬ ‫وهﺬا‬ ‫ادوات‬ ‫ﺑﻴﻦ‬ ‫اﻟﻔﺮق‬ASP.net‫ادوات‬ ‫و‬HTML.. ‫اﻟﺼﻮ‬ ‫ﺳﺘﺘﻮﺿﺢ‬‫ادوات‬ ‫اﺳﺘﺨﺪام‬ ‫ﻧﺘﻌﻠﻢ‬ ‫ﻋﻨﺪﻣﺎ‬ ‫اآﺜﺮ‬ ‫رة‬HTML.. ‫اﻟﺠﻤﻠﺔ‬ ‫ﻟﻨﻜﺘﺐ‬ ‫اﻻن‬)Hello ,this is my test(‫اﻟﻌﺒﺎرة‬ ‫ﺑﺪل‬Label‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻓﻲ‬Text.. <asp:Label ID="Label1" runat="server" Text="Hello ,this is my test"></asp:Label> ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬Design‫ﻣﻦ‬ ‫ﺑﺎﻟﻘﺮب‬ ‫اﻟﻤﻮﺟﻮدة‬Source‫اﺟ‬ ‫ﻣﻦ‬‫اﻟﺘﺼﻤﻴﻢ‬ ‫ﻧﺎﻓﺬة‬ ‫اﻟﻰ‬ ‫اﻟﻤﺼﺪر‬ ‫آﻮد‬ ‫ﻧﺎﻓﺬة‬ ‫ﻣﻦ‬ ‫اﻻﻧﺘﻘﺎل‬ ‫ﻞ‬.. ‫اﻟﺠﻤﻠﺔ‬ ‫ان‬ ‫ﻧﻼﺣﻆ‬)Hello ,this is my test(‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻓﻲ‬ ‫آﺘﺒﺖ‬ ‫ﻗﺪ‬.. ‫اﻻدوات‬ ‫ﻧﺎﻓﺬة‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻻداوت‬ ‫ﺧﺼﺎﺋﺺ‬ ‫ﻓﻲ‬ ‫ﺑﺴﺎﻃﺔ‬ ‫اآﺜﺮ‬ ‫ﺑﺼﻮرة‬ ‫اﻟﺘﺤﻜﻢ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫آﺬﻟﻚ‬Properties.. ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫اداة‬ ‫ﺣﺪد‬ ‫اﻧﻨﺎ‬ ‫ﻣﻦ‬ ‫ﻧﺘﺎآﺪ‬Label‫ﺛ‬‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻗﻴﻤﺔ‬ ‫ﻧﻐﻴﺮ‬ ‫ﻢ‬Text‫ﻓﻴﻬﺎ‬ ‫وﻧﻜﺘﺐ‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﻧﺎﻓﺬة‬ ‫ﻣﻦ‬.. ‫ﺗﺠﺮﻳﺒﻴﺔ‬ ‫ﺻﻔﺤﺔ‬ ‫هﺬﻩ‬ ، ‫ﻣﺮﺣﺒﺎ‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻓﻲ‬ ‫آﺘﺒﺖ‬ ‫اﻟﺠﻤﻠﺔ‬ ‫ان‬ ‫ﻧﻼﺣﻆ‬.. ‫اﻟﺰر‬ ‫اداة‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫ﻧﻔﺴﻪ‬ ‫اﻟﺸﺊ‬ ‫ﻧﻔﻌﻞ‬ ‫ان‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫آﺬﻟﻚ‬Button‫ان‬ ‫ﻧﺮﻳﺪﻩ‬ ‫اﻟﺬي‬ ‫اﻟﻨﺺ‬ ‫وآﺘﺎﺑﺔ‬ ‫ﺗﺤﺪﻳﺪهﺎ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺨﺎﺻ‬ ‫اﻟﻰ‬ ‫اﺳﻨﺎدﻩ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻋﻠﻴﻬﺎ‬ ‫ﻳﻈﻬﺮ‬‫ﻴﺔ‬Text.. ‫اﻟﻮب‬ ‫ﺧﺎدم‬ ‫وﺗﺸﻐﻴﻞ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺠﺮﺑﺔ‬: ‫ﺑﺎﺳﺘﺨﺪام‬ ‫ﺑﺎﻧﺸﺎؤهﺎ‬ ‫ﻧﻘﻮم‬ ‫اﻟﺘﻲ‬ ‫اﻟﺼﻔﺤﺎت‬ ‫ان‬ASP.Net‫ﺻﺤﻴﺤﺔ‬ ‫ﺑﺼﻮرة‬ ‫ﺗﺸﻐﻴﻠﻬﺎ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫وب‬ ‫ﺧﺎدم‬ ‫اﻟﻰ‬ ‫ﺗﺤﺘﺎج‬. ‫ﻗﺒﻞ‬ ‫ﻣﻦ‬ ‫ﺗﺸﻐﻴﻠﻪ‬ ‫ﻟﻴﺘﻢ‬ ‫وهﻤﻲ‬ ‫ﻣﺠﻠﺪ‬ ‫ﺑﻌﻤﻞ‬ ‫ﻧﻘﻮم‬ ‫آﻨﺎ‬ ‫اﻟﺴﺎﺑﻘﺔ‬ ‫اﻻﺻﺪارات‬ ‫ﻓﻲ‬IIS..‫ﺷﺮآﺔ‬ ‫ﻗﺎﻣﺖ‬ ‫اﻻن‬ ‫وﻟﻜﻦ‬ ‫وب‬ ‫ﺧﺎدم‬ ‫ﺑﺘﻄﻮﻳﺮ‬ ‫ﻣﺎﻳﻜﺮوﺳﻮﻓﺖ‬‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺠﺮﺑﺔ‬ ‫ﻋﻨﺪ‬ ‫ﺗﻠﻘﺎﺋﻴﺎ‬ ‫ﻳﻌﻤﻞ‬..‫ﻣﺴﺒﻘﺔ‬ ‫اﻋﺪادات‬ ‫اي‬ ‫ﻟﻌﻤﻞ‬ ‫ﻻﻧﺤﺘﺎج‬ ‫وﺑﺬﻟﻚ‬ ‫ﺑﺎﻧﺸﺎؤهﺎ‬ ‫ﻧﻘﻮم‬ ‫اﻟﺘﻲ‬ ‫اﻟﺼﻔﺤﺎت‬ ‫ﻻﺧﺘﺒﺎر‬.. ‫ﻗﺎﺋﻤﺔ‬ ‫اﻟﻰ‬ ‫اﻟﺬهﺎب‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫واﺧﺘﺒﺎر‬ ‫ﺗﺸﻐﻴﻞ‬ ‫ﺑﺎﻣﻜﺎﻧﻨﺎ‬ ‫اﻧﻪ‬ ‫ﻧﻼﺣﻆ‬ Debug‫اﻻﻣﺮ‬ ‫اﺧﺘﻴﺎر‬ ‫ﺛﻢ‬ ‫وﻣﻦ‬Start Without Debugging. ‫ﺑﺘﺸ‬ ‫اﻟﺘﺸﻐﻴﻞ‬ ‫ﺑﻴﺌﺔ‬ ‫ﺳﺘﻘﻮم‬ ‫ﻋﻨﺪهﺎ‬‫ﻓﺘﺢ‬ ‫ﺛﻢ‬ ‫وﻣﻦ‬ ‫اﻻﻓﺘﺮاﺿﻲ‬ ‫اﻟﻮب‬ ‫ﺧﺎدم‬ ‫ﻐﻴﻞ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﺮض‬ ‫و‬ ‫اﻻﻧﺘﺮﻧﺖ‬ ‫ﻣﺴﺘﻌﺮض‬. ‫اﻟﻮب‬ ‫ﻟﺨﺎدم‬ ‫ﻣﺼﻐﺮة‬ ‫اﻳﻘﻮﻧﻪ‬ ‫اﻟﺤﺎﺳﻮب‬ ‫ﺳﺎﻋﺔ‬ ‫ﺑﺠﺎﻧﺐ‬ ‫ﺳﻨﻼﺣﻆ‬ ‫اﻟﻮب‬ ‫ﺧﺎدم‬ 5
  • 6. ‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻧﺸﺎؤهﺎ‬ ‫ﻳﺘﻢ‬ ‫اﻟﺘﻲ‬ ‫اﻟﺼﻔﺤﺎت‬ ‫ان‬ ‫وﻧﻼﺣﻆ‬ ASP.Net‫اﻟﻼﺣﻘﺔ‬ ‫ﺗﺎﺧﺬ‬.aspx ‫هﻲ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫وهﻨﺎ‬Default.aspx ‫اﻟﺘﺮﺣﻴﺐ‬ ‫ﻋﺒﺎرة‬ ‫ﻧﺸﺎهﺪ‬‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻓﻲ‬ ‫آﺘﺒﻨﺎهﺎ‬ ‫اﻟﺘﻲ‬Label‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﺺ‬ ‫و‬Button.. ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺣﺎول‬ ‫اﻻن‬...‫ﻋﻨﺪ‬ ‫ﺗﻨﻔﻴﺬﻩ‬ ‫ﻟﻴﺘﻢ‬ ‫آﻮد‬ ‫اي‬ ‫ﺑﻜﺘﺎﺑﺔ‬ ‫ﻧﻘﻢ‬ ‫ﻟﻢ‬ ‫اﻧﻨﺎ‬ ‫ذﻟﻚ‬ ‫ﻓﻲ‬ ‫اﻟﺴﺒﺐ‬ ، ‫ﺷﺊ‬ ‫ﻳﺤﺪث‬ ‫ﻟﻦ‬ ‫اﻧﻪ‬ ‫ﺗﻼﺣﻆ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬.. ‫اﻟﻮب‬ ‫ﻣﺘﺼﻔﺢ‬ ‫ﻧﻐﻠﻖ‬..‫ﺑﻴﺌﺔ‬ ‫اﻟﻰ‬ ‫وﻧﺮﺟﻊ‬VS.net.. ‫ﻳﻘ‬ ‫ﻣﺒﺴﻂ‬ ‫آﻮد‬ ‫ﺳﻨﻜﺘﺐ‬ ‫اﻻن‬‫اﻟﺰر‬ ‫ﻧﻘﺮ‬ ‫ﻋﻨﺪ‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻋﻠﻰ‬ ‫ﻣﻌﻴﻨﺔ‬ ‫ﻋﺒﺎرة‬ ‫ﺑﻌﺮض‬ ‫ﻮم‬.. ‫ﻣﺰدوﺟﺎ‬ ‫ﻧﻘﺮا‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﺑﺎﻟﻨﻘﺮ‬ ‫هﻮ‬ ‫ﻟﻠﺰر‬ ‫اﻟﻨﻘﺮ‬ ‫ﺣﺪث‬ ‫ﻟﻜﺘﺎﺑﺔ‬ ‫ﻃﺮﻳﻘﺔ‬ ‫اﺑﺴﻂ‬.. ‫ﺑﻠﻐﺔ‬ ‫اﻟﻜﻮد‬ ‫ﻟﻜﺘﺎﺑﺔ‬ ‫ﻣﺨﺼﺼﺔ‬ ‫واﺟﻬﺔ‬ ‫اﻧﻬﺎ‬ ، ‫اﻟﻤﺼﺪر‬ ‫آﻮد‬ ‫ﻧﺎﻓﺬة‬ ‫ﻋﻦ‬ ‫ﺗﺨﺘﻠﻒ‬ ‫اﻟﻤﺮة‬ ‫هﺬﻩ‬ ‫ﻟﻜﻨﻬﺎ‬ ، ‫اﻟﻜﻮد‬ ‫ﻧﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻔﺘﺢ‬ ‫ﻧﺖ‬ ‫دوت‬ ‫ﺑﻴﺴﻚ‬ ‫ﻓﻴﺠﻮال‬.. ‫اﻟﻜ‬ ‫ﻧﻜﺘﺐ‬‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫اﻟﻜﻠﻲ‬ ‫اﻟﻜﻮد‬ ‫ﻟﺘﺒﺪو‬ ‫اﻟﻤﻄﻠﻮب‬ ‫ﻮد‬: Partial Class _Default Inherits System.Web.UI.Page Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Label1.Text = "This is a Test" End Sub End Class ‫هﻮ‬ ‫آﺘﺒﻨﺎﻩ‬ ‫اﻟﺬي‬ ‫اﻟﻜﻮد‬:Label1.Text = “This is a Test” ‫اﻟﺠﻤﻠﺔ‬ ‫ﻧﺴﻨﺪ‬ ‫ﻓﺎﻧﻨﺎ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻳﻨﻘﺮ‬ ‫ﻋﻨﺪﻣﺎ‬ ‫ﺑﺬﻟﻚ‬)This is a Test(‫اﻟﺨﺎﺻﻴﺔ‬ ‫اﻟﻰ‬Test‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﺘﺎﺑﻌﺔ‬ ‫اﻟﺘﺴﻤﻴﺔ‬Label. ‫ﻣﻔﺘﺎﺣﻲ‬ ‫ﻧﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫او‬ ‫ﺳﺎﺑﻘﺎ‬ ‫ﺗﻌﻠﻤﻨﺎ‬ ‫آﻤﺎ‬ ‫اﻟﻜﻮد‬ ‫ﺑﺘﺠﺮﺑﺔ‬ ‫اﻻن‬ ‫ﻧﻘﻮم‬Ctrl + F5‫ﻣﻦ‬‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬.. ‫اﻟﺠﺪﻳﺪة‬ ‫اﻟﻌﺒﺎرة‬ ‫ﺑﻌﺮض‬ ‫ﻟﻨﺎ‬ ‫ﺗﺴﺘﺠﻴﺐ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻓﺎن‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻋﻨﺪ‬.. ‫وآﻴﻔﻴﺔ‬ ‫ﻟﻼدوات‬ ‫اﻻﺧﺮى‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﺗﻐﻴﻴﺮ‬ ‫آﻴﻔﻴﺔ‬ ‫ﺳﻨﺘﻌﻠﻢ‬ ‫اﻟﻘﺎدﻣﺔ‬ ‫اﻟﺪروس‬ ‫ﻓﻲ‬ ، ‫درﺳﻨﺎ‬ ‫ﻧﻬﺎﻳﺔ‬ ‫اﻟﻰ‬ ‫ﻧﺎﺗﻲ‬ ‫هﻨﺎ‬ ‫اﻟﻰ‬ ‫اﺧﺮى‬ ‫ادوات‬ ‫اﺳﺘﺨﺪام‬.. ‫اﻟﺪرس‬ ‫ﻣﻦ‬ ‫اﺳﺘﻔﺪﺗﻢ‬ ‫ﻗﺪ‬ ‫ﺗﻜﻮﻧﻮا‬ ‫ان‬ ‫ارﺟﻮ‬.. ‫دﻋﺎﺋﻲ‬‫ﺑﺎﻟﺘﻮﻓﻴﻖ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ 6
  • 7. ‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬ ASP.Net ‫اﻟﺪرس‬‫اﻟﺜﺎﻧﻲ‬ ‫اﻻﻓﺎﺿﻞ‬ ‫اﻻﺧﻮات‬ ‫و‬ ‫اﻻﺧﻮة‬.. ‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻮب‬ ‫ﻣﻮاﻗﻊ‬ ‫وﺗﺼﻤﻴﻢ‬ ‫ﺑﺮﻣﺠﺔ‬ ‫ﺗﻌﻠﻴﻢ‬ ‫دروس‬ ‫ﻣﻦ‬ ‫اﻟﺜﺎﻧﻲ‬ ‫اﻟﺪرس‬ ‫ﻓﻲ‬ ‫ﺑﻜﻢ‬ ‫ﻣﺮﺣﺒﺎ‬ASP.NET & VB.NET.. ‫ﺑﻴﺌﺔ‬ ‫ﺗﺸﻐﻴﻞ‬ ‫آﻴﻔﻴﺔ‬ ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﺪرس‬ ‫ﻓﻲ‬ ‫ﺗﻌﻠﻤﻨﺎ‬VS.NET‫وﺿﻊ‬ ‫وآﺬﻟﻚ‬ ‫ﺟﺪﻳﺪ‬ ‫وب‬ ‫ﻣﻮﻗﻊ‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﻧﻘﻮم‬ ‫وآﻴﻒ‬‫اﻟﻨﻤﻮذج‬ ‫ﻋﻠﻰ‬ ‫اﻻدوات‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻋﻠﻰ‬ ‫ﻣﻌﻴﻨﺔ‬ ‫ﺟﻤﻠﺔ‬ ‫اﻇﻬﺎر‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫ﺟﺪا‬ ‫ﺑﺴﻴﻂ‬ ‫آﻮد‬ ‫وآﺘﺎﺑﺔ‬.. ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫اﺳﺘﺨﺪام‬ ‫وآﻴﻔﻴﺔ‬ ‫اﻻدوات‬ ‫ﺑﺨﺼﺎﺋﺺ‬ ‫اﻟﺘﺤﻜﻢ‬ ‫آﻴﻔﻴﺔ‬ ‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﻓﻲ‬ ‫ﺳﻨﺘﻌﻠﻢ‬TextBox... ‫ﺑﻴﺌﺔ‬ ‫ﻧﺸﻐﻞ‬Visual Studio.NET‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﺪرس‬ ‫ﻓﻲ‬ ‫اﻧﺸﺄﻧﺎﻩ‬ ‫اﻟﺬي‬ ‫اﻟﻮب‬ ‫ﻣﻮﻗﻊ‬ ‫ﺑﻔﺘﺢ‬ ‫وﻧﻘﻮم‬.. ‫ﻧ‬‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺑﺘﺤﺪﻳﺪ‬ ‫ﻘﻮم‬Label1‫ﻓﻘﻂ‬ ‫واﺣﺪة‬ ‫ﻧﻘﺮة‬ ‫اﻻﻳﺴﺮ‬ ‫اﻟﻔﺎرة‬ ‫ﺑﺰر‬ ‫ﻧﻘﺮﻩ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬..‫اﻻداة‬ ‫هﺬﻩ‬ ‫ﺧﺼﺎﺋﺺ‬ ‫اﻟﻰ‬ ‫ﻧﺘﺠﻪ‬ ‫ﺛﻢ‬ ‫وﻣﻦ‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﻧﺎﻓﺬة‬ ‫ﻓﻲ‬.. ‫هﻲ‬ ‫ﺧﺎﺻﻴﺔ‬ ‫اول‬ID،‫اﻟﻜﻮد‬ ‫آﺘﺎﺑﺔ‬ ‫ﻋﻨﺪ‬ ‫اﻻداة‬ ‫اﻟﻰ‬ ‫اﻻﺷﺎرة‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﺳﺘﺨﺪاﻣﻪ‬ ‫ﺳﻴﺘﻢ‬ ‫واﻟﺬي‬ ‫ﻟﻼداة‬ ‫اﻟﺒﺮﻣﺠﻲ‬ ‫اﻻﺳﻢ‬ ‫ﺗﺤﺪد‬ ‫اﻟﺘﻲ‬ ‫وهﻲ‬ ، ‫ﻻ‬ ‫آﻤﺎ‬‫آﺘﺒﻨﺎ‬ ‫ﻋﻨﺪﻣﺎ‬ ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﺪرس‬ ‫ﻓﻲ‬ ‫ﺣﻈﻨﺎ‬:Label1.Text = "Hello, This is a test" ‫اﻟﺨﺎﺻﻴﺔ‬ ‫اﻟﻰ‬ ‫اﻟﻤﺴﻨﺪ‬ ‫اﻟﺒﺮﻣﺠﻲ‬ ‫اﺳﻤﻬﺎ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫اداة‬ ‫اﻟﻰ‬ ‫اﺷﺮﻧﺎ‬ ‫اﻧﻨﺎ‬ ‫ﺣﻴﺚ‬ID‫وهﻮ‬Label1 ‫ﺛﻢ‬ ‫وﻣﻦ‬ ‫اﻻداة‬ ‫اﺳﻢ‬ ‫آﺘﺎﺑﺔ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ذﻟﻚ‬ ‫ﻓﻴﻤﻜﻨﺎ‬ ‫ﻣﻌﻴﻨﺔ‬ ‫اداة‬ ‫ﺧﺼﺎﺋﺺ‬ ‫اﻟﻰ‬ ‫اﻟﻮﺻﻮل‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫واﻣﺎ‬(.)‫و‬‫اﻟﻤﻄﻠﻮﺑﺔ‬ ‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﺛﻢ‬ ‫ﻣﻦ‬. ‫ﺑﻜﺘﺎﺑﺔ‬ ‫ﻧﻘﻮم‬ ‫ﻋﻨﺪﻣﺎ‬ ‫اﻧﻨﺎ‬ ‫وﻧﻼﺣﻆ‬(.)‫ان‬ ‫وﻳﻤﻜﻨﻨﺎ‬ ‫اﻻداة‬ ‫هﺬﻩ‬ ‫ﻃﺮق‬ ‫و‬ ‫ﺑﺨﺼﺎﺋﺺ‬ ‫ﻗﺎﺋﻤﺔ‬ ‫ﻟﻨﺎ‬ ‫ﺗﻌﺮض‬ ‫اﻟﺘﻄﻮﻳﺮ‬ ‫ﺑﻴﺌﺔ‬ ‫ﻓﺎن‬ ، ‫اﻻداة‬ ‫اﺳﻢ‬ ‫ﺑﻌﺪ‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫اﺳﻤﺎء‬ ‫ﺟﻤﻴﻊ‬ ‫ﺣﻔﻆ‬ ‫اﻟﻰ‬ ‫ﺑﺤﺎﺟﺔ‬ ‫ﻻﻳﺠﻌﻠﻨﺎ‬ ‫وهﺬا‬ ، ‫ﻣﻨﻬﺎ‬ ‫ﻧﺸﺎء‬ ‫ﻣﺎ‬ ‫ﻧﺨﺘﺎر‬.. ‫ﻣﻼﺣﻈﺔ‬:‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﺳﻴﺘﻢ‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫اﺳﻤﺎء‬ ‫ﺣﻔﻆ‬ ‫ان‬‫آﻞ‬ ‫اﻣﻜﺎﻧﻴﺎت‬ ‫ﻓﻬﻢ‬ ‫هﻮ‬ ‫اﻻن‬ ‫ﻋﻠﻴﻚ‬ ‫ﻣﺎ‬ ‫ﻓﻜﻞ‬ ‫ﻟﺬﻟﻚ‬ ، ‫اﻟﻜﻮد‬ ‫وآﺘﺎﺑﺔ‬ ‫اﻟﻤﻤﺎرﺳﺔ‬ ‫آﺜﺮة‬ ‫ﺧﺎﺻﻴﺔ‬. ‫ادﻧﺎﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫ﻮﺿﺤﺔ‬: ‫ﻤ‬‫اﻟ‬ ‫اﻻرﺑﻌﺔ‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﻋﻦ‬ ‫ﺳﻨﺘﺤﺪث‬ ‫اﻟﺒﺪاﻳﺔ‬ ‫ﻓﻲ‬ ‫اﻻداة‬ ‫ﺧﻠﻔﻴﺔ‬ ‫ﻟﻮن‬. ‫ﺑﺎﻻداة‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻﻃﺎر‬ ‫ﻟﻮن‬. ‫ﺑﺎﻻداة‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻﻃﺎر‬ ‫ﻧﻤﻂ‬. ‫ﺑﺎﻻداة‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻﻃﺎر‬ ‫ﻋﺮض‬. ‫ﻧﻘﻮم‬‫ﻟﻠﺨﺎﺻﻴﺔ‬ ‫اﻟﻤﻘﺎﺑﻞ‬ ‫اﻻﺑﻴﺾ‬ ‫اﻟﻤﺮﺑﻊ‬ ‫ﻋﻠﻰ‬ ‫ﺑﺎﻟﻨﻘﺮ‬BackColor..‫ﺻﻐﻴﺮ‬ ‫ﺳﻬﻢ‬ ‫داﺧﻠﻪ‬ ‫ﻣﺮﺑﻊ‬ ‫اﻟﺠﺎﻧﺐ‬ ‫ﻋﻠﻰ‬ ‫ﻟﻨﺎ‬ ‫ﺳﻴﻈﻬﺮ‬ ‫اﻧﻪ‬ ‫ﻧﻼﺣﻆ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫ادﻧﺎﻩ‬ ‫ﻣﻮﺿﺢ‬ ‫آﻤﺎ‬: ‫اﻟﺨﺎﺻﻴﺔ‬ ‫هﺬﻩ‬ ‫اﻟﻰ‬ ‫اﺳﻨﺎدهﺎ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫واﻟﺘﻲ‬ ‫اﻟﻤﺘﺎﺣﺔ‬ ‫ﺑﺎﻻﻟﻮان‬ ‫ﻗﺎﺋﻤﺔ‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻈﻬﺮ‬ ‫اﻋﻼﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫اﻟﻤﺆﺷﺮ‬ ‫ﻳﻮﺟﺪ‬ ‫ﺣﻴﺚ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻋﻨﺪ‬.. ‫ﻧﺨﺘ‬‫ﻋﻠﻴﻪ‬ 1 ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻻداة‬ ‫اﻟﺨﻠﻔﻴﺔ‬ ‫ﻟﻮن‬ ‫ﻳﻜﻮن‬ ‫ان‬ ‫ﻧﺮﻳﺪﻩ‬ ‫ﻟﻮن‬ ‫اي‬ ‫ﺎر‬.
  • 8. ‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻣﻊ‬ ‫ﻋﻤﻠﻪ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫اﻟﺸﺊ‬ ‫وﻧﻔﺲ‬Border Color‫ﺑﺎﻻداة‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻﻃﺎر‬ ‫ﻟﻮن‬ ‫ﺗﺤﺪﻳﺪ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬..‫ﻧﻘﻮم‬ ‫ﻋﻨﺪﻣﺎ‬ ‫اﻧﻨﺎ‬ ‫ﻧﻼﺣﻆ‬ ‫ﻟﻜﻨﻨﺎ‬ ‫ﺑﺎﻻداة‬ ‫ﻳﺤﻴﻂ‬ ‫اﻃﺎر‬ ‫اي‬ ‫ﻧﺸﺎهﺪ‬ ‫ﻓﻠﻦ‬ ‫ﻟﻼﻃﺎر‬ ‫ﻣﻌﻴﻦ‬ ‫ﻟﻮن‬ ‫ﺑﺘﺤﺪﻳﺪ‬..‫ﻟﻮ‬ ‫آﺬﻟﻚ‬‫ﻋﻨﺪ‬ ‫اﻟﺘﻄﻮﻳﺮ‬ ‫ﺑﻴﺌﺔ‬ ‫ﻟﻨﺎ‬ ‫ﺗﻮﻓﺮهﺎ‬ ‫اﻟﺘﻲ‬ ‫اﻻﺧﺘﻴﺎرات‬ ‫اﺣﺪى‬ ‫اﺧﺘﺮﻧﺎ‬ ‫اﻟﺨﺎﺻﻴﺔ‬BorderStyle‫ﺑﺎﻻداة‬ ‫ﻳﺤﻴﻂ‬ ‫اﻃﺎر‬ ‫اي‬ ‫ﻧﺸﺎهﺪ‬ ‫ﻓﻠﻦ‬ ‫ﺑﺎﻻداة‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻﻃﺎر‬ ‫ﻧﻮع‬ ‫ﺗﺤﺪﻳﺪ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬.. ‫ﺻﻔﺮ‬ ‫هﻮ‬ ‫ﺑﺎﻻداة‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻداة‬ ‫ﻋﺮض‬ ‫ان‬ ‫ذﻟﻚ‬ ‫ﻓﻲ‬ ‫اﻟﺴﺒﺐ‬ ‫ان‬..‫اﻟﺨﺼ‬ ‫ﻣﻦ‬ ‫اي‬ ‫ﺗﺤﺪﻳﺪ‬ ‫ﻣﻦ‬ ‫ﻻﻣﻌﻨﻰ‬ ‫ﻓﻠﺬﻟﻚ‬ ‫اﻃﺎر‬ ‫اي‬ ‫ﻻﻳﻮﺟﺪ‬ ‫اي‬‫ﺎﺋﺺ‬ ‫اﺻﻼ‬ ‫اﻃﺎر‬ ‫ﻻﻳﻮﺟﺪ‬ ‫ﻻﻧﻪ‬ ‫ﺑﺎﻻﻃﺎر‬ ‫ﺗﺨﺘﺺ‬ ‫واﻟﺘﻲ‬ ‫اﻟﺬآﺮ‬ ‫اﻟﺴﺎﺑﻘﺔ‬. ‫ﻟﻠﺨﺎﺻﻴﺔ‬ ‫اﻟﻤﻘﺎﺑﻞ‬ ‫اﻟﺤﻘﻞ‬ ‫ﻓﻲ‬BorderWidth‫ﻣﺜﻼ‬ ‫وﻟﺘﻜﻦ‬ ‫رﻗﻤﻴﺔ‬ ‫ﻗﻴﻤﺔ‬ ‫ﺑﺎدﺧﺎل‬ ‫ﻧﻘﻮم‬3.. ‫ﺑﺎﻻﻃﺎر‬ ‫واﻟﺨﺎﺻﺔ‬ ‫ﻣﺴﺒﻘﺎ‬ ‫ﺣﺪدﻧﺎهﺎ‬ ‫اﻟﺘﻲ‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﺗﺎﺛﻴﺮ‬ ‫وﻧﻼﺣﻆ‬ ‫ﺑﺎﻻداة‬ ‫ﻳﺤﻴﻂ‬ ‫اﻃﺎر‬ ‫ﻟﻨﺎ‬ ‫ﻇﻬﺮ‬ ‫اﻧﻪ‬ ‫ﻧﻼﺣﻆ‬.. ‫اﻻ‬ ‫ﺑﺎﻇﺎﻓﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬‫داة‬TextBox‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﻟﺘﺒﺪو‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﻠﻰ‬ ‫واﻓﻼﺗﻬﺎ‬ ‫ﺳﺤﺒﻬﺎ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻻدوات‬ ‫ﻣﻮاﻗﻊ‬ ‫وﻧﺮﺗﺐ‬: ‫اﻟﺰر‬ ‫اﺳﻔﻠﻪ‬ ‫ﻣﻦ‬ ‫و‬ ‫اﻻﻋﻠﻰ‬ ‫ﻓﻲ‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﻳﻜﻮن‬ ‫ﺣﻴﺚ‬Button‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺛﻢ‬ ‫وﻣﻦ‬. ‫ﻋ‬ ‫اﻟﻨﺺ‬ ‫ﺳﻴﻈﻬﺮ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫وﻋﻨﺪ‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﻓﻲ‬ ‫ﻧﺺ‬ ‫آﺘﺎﺑﺔ‬ ‫ﻣﻦ‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﺳﻨﻤﻜﻦ‬ ‫اﻧﻨﺎ‬ ‫هﻲ‬ ‫اﻟﺘﺎﻟﻴﺔ‬ ‫اﻟﺨﻄﻮة‬‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻠﻰ‬ .. ‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻗﻴﻤﺔ‬ ‫ﻓﺎن‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻳﻨﻘﺮ‬ ‫ﻋﻨﺪﻣﺎ‬ ، ‫اﺑﺴﻂ‬ ‫وﺑﺴﻮرة‬Text‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻟﻘﻴﻤﺔ‬ ‫ﻣﺴﺎوﻳﺔ‬ ‫ﺳﺘﻜﻮن‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﺘﺎﺑﻌﺔ‬ Text‫اﻟﻨﺺ‬ ‫ﻟﺼﻨﺪوق‬ ‫اﻟﺘﺎﺑﻌﺔ‬.. ‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫وﻧﻜﺘﺐ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻣﺰدوﺟﺎ‬ ‫ﻧﻘﺮا‬ ‫ﻧﻨﻘﺮ‬: Label1.Text = TextBox1.Text ‫ا‬ ‫ﺑﺘﺠﺮﺑﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬‫ﻣﻔﺘﺎﺣﻲ‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻟﺼﻔﺤﺔ‬Ctrl+F5‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬ ‫ﻣﻦ‬.. ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻓﻲ‬ ‫اﻟﻨﺺ‬ ‫ور‬ ‫ﻧﻼﺣﻆ‬ ، ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫وﺛﻢ‬ ‫ﻣﻌﻴﻦ‬ ‫ﻧﺺ‬ ‫ﺑﺎدﺧﺎل‬ ‫ﻧﻘﻮم‬. ‫ﻟﻠﻔﺎرة‬ ‫اﻻﻳﻤﻦ‬ ‫ﺑﺎﻟﺰر‬ ‫اﻟﺼﺔ‬ ‫ﻋﻠﻰ‬ ‫ﻧﻘﺮﻧﺎ‬ ‫ﻟﻮ‬ ‫واﻻن‬..‫اﻻﻣﺮ‬ ‫اﻟﻤﻨﺒﺜﻘﺔ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﻣﻦ‬ ‫واﺧﺘﺮﻧﺎ‬View Source.. ‫ﺗﺼﻴﻴ‬ ‫ﺗﻢ‬ ‫اﻻدوات‬ ‫ان‬ ‫ﻧﻼﺣﻆ‬‫ادوات‬ ‫ﺷﻜﻞ‬ ‫ﻋﻠﻰ‬ ‫ﺮهﺎ‬HTML.. ‫اﻻدوات‬ ‫ﻣﻦ‬ ‫اداة‬ ‫ﻟﻜﻞ‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫اﺳﻨﺎد‬ ‫ﺗﻢ‬ ‫آﻴﻒ‬ ‫ﻧﺸﺎهﺪ‬ ‫آﺬﻟﻚ‬.. 2
  • 9. <input name="TextBox1" type="text" value="‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫"اﻟﻤﻮﺳﻮﻋﺔ‬ id="TextBox1" />&nbsp; <br /> <br /> <input type="submit" name="Button1" value="‫هﻨﺎ‬ ‫اﻧﻘﺮ‬ " id="Button1" /> <br /> <br /> <span id="Label1" style="display:inline-block;background-color:Yellow;border- color:Black;border-width:3px;border-style:Double;">‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫/<اﻟﻤﻮﺳﻮﻋﺔ‬span></div> ‫ﻣ‬ ‫اﻟﻜﻮد‬ ‫ﻧﻌﺪل‬ ‫اﻻن‬‫ﺑﺮﻣﺠﻴﺔ‬ ‫ﺑﺼﻮرة‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﺧﺼﺎﺋﺺ‬ ‫ﺑﺒﻌﺾ‬ ‫ﻧﺘﺤﻜﻢ‬ ‫ان‬ ‫اﺟﻞ‬ ‫ﻦ‬.. ‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻟﺤﺪث‬ ‫اﻟﻨﻬﺎﺋﻲ‬ ‫اﻟﻜﻮد‬ ‫ﺳﻴﺼﺒﺢ‬: Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Label1.Text = TextBox1.Text With TextBox1 .BorderStyle = BorderStyle.Dotted .BorderWidth = 3 End With End Sub ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺸﻐﻴﻞ‬ ‫اﻻن‬ ‫ﻧﻘﻮم‬Ctrl+F5‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫اﻟﻨﺘﻴﺠﺔ‬ ‫ﻓﺘﺒﺪو‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫داﺧﻞ‬ ‫ﻧﻜﺘﺐ‬ ‫ان‬ ‫ﺑﻌﺪ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬.. ‫ﺗﺤﻜﻤﻨ‬ ، ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﻜﻮد‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬‫اﻻﻃﺎر‬ ‫ﻋﺮض‬ ‫وآﺬﻟﻚ‬ ‫اﻟﻨﺺ‬ ‫ﺑﺼﻨﺪوق‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻﻃﺎر‬ ‫ﺑﻨﻤﻂ‬ ‫ﺎ‬.. ‫اﻟﻘﻴﻤﺔ‬ ‫اﺳﻨﺪﻧﺎ‬ ‫اﻧﻨﺎ‬ ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﻜﻮد‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻧﻼﺣﻆ‬3‫ﺗﺤﺪﻳﺪ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﺧﺮ‬ ‫اﺳﻠﻮب‬ ‫ﻧﺴﺘﺨﺪم‬ ‫ان‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫آﺬﻟﻚ‬ ، ‫اﻻﻃﺎر‬ ‫ﻋﺮض‬ ‫ﻟﺨﺎﺻﻴﺔ‬ ‫اﻻﻃﺎر‬ ‫ﻋﺮض‬..‫اﻟﺘﺎﻟﻲ‬ ‫ﺑﺎﻟﻜﻮد‬ ‫اﻻﻃﺎر‬ ‫ﺑﻌﺮض‬ ‫اﻟﺨﺎص‬ ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﻜﻮد‬ ‫ﻧﺴﺘﺒﺪل‬.. .BorderWidth = Unit.Pixel(3) ‫ﻧﻔﺴﻬﺎ‬ ‫اﻟﻨﺘﻴﺠﺔ‬ ‫ﻋﻠﻰ‬ ‫ﻧﺤﺼﻞ‬ ‫اﻧﻨﺎ‬ ‫ﻧﻼﺣﻆ‬ ، ‫اﻟﺰر‬ ‫وﻧﻘﺮ‬ ‫اﻟﻤﺘﺼﻔﺢ‬ ‫ﻓﻲ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﺮض‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﻜﻮد‬ ‫ﺗﺠﺮﺑﺔ‬ ‫ﻋﻨﺪ‬. ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﻜﻮد‬ ‫اﻟﻰ‬ ‫اﻟﺘﺎﻟﻴﻴﻦ‬ ‫اﻟﻜﻮد‬ ‫ﺳﻄﺮي‬ ‫ﻧﻈﻴﻒ‬ ‫اﻻن‬.. .Width = 250 .Height = 20 ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫وﻋﺮض‬ ‫ارﺗﻔﺎع‬ ‫ﻳﺤﺪدان‬ ‫وهﻤﺎ‬..‫رﻗﻤﻴﺔ‬ ‫ﻗﻴﻢ‬ ‫ﻟﻬﻤﺎ‬ ‫اﺳﻨﺪﻧﺎ‬ ‫وﻗﺪ‬‫ﺻﺤﻴﺤﺔ‬.. ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺑﻌﺪ‬ ‫اﻟﻨﺘﻴﺠﺔ‬ ‫ﻧﻼﺣﻆ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺠﺮﺑﺔ‬ ‫ﻋﻨﺪ‬.. ‫ﻳﻠﻲ‬ ‫وآﻤﺎ‬ ‫اﻻﻃﺎر‬ ‫ﻋﺮض‬ ‫ﻣﻊ‬ ‫اﺳﺘﺨﺪﻣﻨﺎﻩ‬ ‫اﻟﺬي‬ ‫اﻻﺳﻠﻮب‬ ‫ﺑﻨﻔﺲ‬ ‫اﻻرﺗﻔﺎع‬ ‫او‬ ‫اﻟﻌﺮض‬ ‫ﻧﺤﺪد‬ ‫ان‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫آﺬﻟﻚ‬: .Width = Unit.Pixel(250) ‫ﻣﺌﻮﻳﺔ‬ ‫ﻧﺴﺒﺔ‬ ‫ﺷﻜﻞ‬ ‫ﻋﻠﻰ‬ ‫اﻻرﺗﻔﺎع‬ ‫و‬ ‫اﻟﻌﺮض‬ ‫ﻧﺤﺪد‬ ‫ان‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫او‬..‫ﻳﻠﻲ‬ ‫آﻤﺎ‬: .Width = Unit.Percentage(30) ‫ﺗﺼﻤﻴﻤﻬﺎ‬ ‫ﻣﻦ‬ ‫اﻻﻧﺘﻬﺎء‬ ‫ﺑﻌﺪ‬ ‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﻟﺘﺒﺪو‬ ‫اﻟﺼﻔﺤﺔ‬ ‫اﻟﻰ‬ ‫ازرار‬ ‫ارﺑﻌﺔ‬ ‫ﺑﺎﻇﺎﻓﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬ ‫اﻣﺎ‬: 3
  • 10. ‫ﺻﻨﺪوق‬ ‫ﺑﺘﻔﻌﻴﻞ‬ ‫اﻟﻤﻮﺿﺤﺔ‬ ‫اﻻزرار‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﺳﻨﻘﻮم‬ ‫ﺣﻴﺚ‬ ‫ﺻﻨﺪوق‬ ‫اﻇﻬﺎر‬ ‫او‬ ‫اﺧﻔﺎء‬ ‫وآﺬﻟﻚ‬ ، ‫ﺗﻔﻌﻴﻠﻪ‬ ‫اﻳﻘﺎف‬ ‫او‬ ‫اﻟﻨﺺ‬ ‫اﻟﻨﺺ‬. ‫ﺑ‬ ‫اﻟﺨﺎص‬ ‫اﻟﻜﻮد‬ ‫ﺑﻜﺘﺎﺑﺔ‬ ‫اﻻن‬ ‫ﻧﺒﺪا‬‫اﻻرﺑﻌﺔ‬ ‫ﺎﻻزرار‬.. ‫أوﻻ‬:‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫اﺧﻔﺎء‬ ‫اﻟﺰر‬: Protected Sub Button3_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button3.Click TextBox1.Visible = False End Sub ‫ﺛﺎﻧﻴﺎ‬:‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫اﻇﻬﺎر‬ ‫اﻟﺰر‬: Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click TextBox1.Visible = True End Sub ‫ﺛﺎﻟﺜﺎ‬:‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﺗﻔﻌﻴﻞ‬ ‫اﻟﺰر‬: Protected Sub Button5_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button5.Click TextBox1.Enabled = True End Sub ‫راﺑﻌﺎ‬:‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﺗﻔﻌﻴﻞ‬ ‫ﻋﺪم‬ ‫اﻟﺰر‬: Protected Sub Button4_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button4.Click TextBox1.Enabled = False End Sub ‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺠﺮب‬ ‫اﻻن‬..‫وﻧﻨﻘﺮ‬‫ﺑﻨﺠﺎح‬ ‫ﻋﻤﻠﻬﺎ‬ ‫ﻣﻦ‬ ‫ﻟﻠﺘﺎآﺪ‬ ‫اﻻزرار‬ ‫ﻋﻠﻰ‬..‫ﺗﻢ‬ ‫اﻟﺬي‬ ‫ﻟﻠﺰر‬ ‫ﺗﺒﻌﺎ‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫اﻇﻬﺎر‬ ‫او‬ ‫اﺧﻔﺎء‬ ‫ﺳﻴﺘﻢ‬ ‫ﺣﻴﺚ‬ ‫ﻋﺪﻣﻬﺎ‬ ‫او‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﺗﻔﻌﻴﻞ‬ ‫او‬ ‫ﺗﻤﻜﻴﻦ‬ ‫ﻋﻤﻠﻴﻪ‬ ‫وآﺬﻟﻚ‬ ، ‫ﻧﻘﺮﻩ‬.. ‫درﺳﻨﺎ‬ ‫اﻧﺘﻬﻰ‬ ‫هﻨﺎ‬ ‫اﻟﻰ‬.. ‫اﻟﺪرس‬ ‫ﻣﻦ‬ ‫اﺳﺘﻔﺪﺗﻢ‬ ‫ﻗﺪ‬ ‫ﺗﻜﻮﻧﻮا‬ ‫ان‬ ‫ارﺟﻮ‬.. ‫ﺑﺎﻟﺘﻮﻓﻴﻖ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ ‫دﻋﺎﺋﻲ‬ ‫اﻟﻤﻬﻨﺪس‬ ‫ﻋــﺪ‬‫ﻳﺎﺳـــﻴﻦ‬ ‫ي‬ ‫ﺣﺎﺳﻮب‬ ‫هﻨﺪﺳﺔ‬ ‫ﺑﻜﺎﻟﻮرﻳﻮس‬ engauday@hotmail.com 4 ‫اﻻﺣﺪ‬:22/7/2007
  • 11. ‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬ ASP.Net ‫اﻟﺪرس‬‫اﻟﺜﺎﻟﺚ‬ ‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻤﻮاﻗﻊ‬ ‫وﺑﺮﻣﺠﺔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫دروس‬ ‫ﻣﻦ‬ ‫ﺟﺪﻳﺪ‬ ‫درس‬ ‫ﻓﻲ‬ ‫اﻻﺧﻮات‬ ‫و‬ ‫ﺑﺎﻻﺧﻮة‬ ‫ﻣﺮﺣﺒﺎ‬ASP.NET & VB.NET. ‫ﺳﻨﺘﻌﻠﻢ‬ ‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﻓﻲ‬: **‫اﻻداة‬ ‫اﺳﺘﺨﺪام‬RadioButtonList **‫اﻻداة‬ ‫اﺳﺘﺨﺪام‬CheckBoxList ‫ﺑ‬ ‫درﺳﻨﺎ‬ ‫ﻧﺒﺪا‬‫ﺎﺿﺎﻓﺔ‬‫ﺟﺪﻳ‬ ‫ﺻﻔﺤﺔ‬‫ﻣﻮﻗﻌﻨﺎ‬ ‫اﻟﻰ‬ ‫ﺪة‬.. ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﻣﻦ‬Website‫اﻻﻣﺮ‬ ‫ﻧﺨﺘﺎر‬Add New Item…‫ادﻧﺎﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫ﻣﻮﺿﺢ‬ ‫آﻤﺎ‬: ‫اﻻﺧﺘﺼﺎر‬ ‫ﻣﻔﺎﺗﻴﺢ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫او‬Ctrl + Shift + A.. ‫ادﻧﺎﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫ﻣﻮﺿﺢ‬ ‫آﻤﺎ‬ ‫اﻟﺜﺎﻟﺜﺔ‬ ‫اﻟﻄﺮﻳﻘﺔ‬ ‫ﺑﺎﺳﺘﺨﺪام‬ ‫او‬: ‫اﻟﺘﺎﻟﻴﺔ‬ ‫اﻟﻨﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻈﻬﺮ‬ ‫ﻋﻨﺪهﺎ‬: ‫ﻓ‬ ‫اﻟﻤﻮﺿﺤﺔ‬ ‫اﻻرﻗﺎم‬ ‫ﻧﺘﺘﺒﻊ‬‫ان‬ ‫ﺣﻴﺚ‬ ‫اﻋﻼﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻲ‬: 1 ‫اﻟﺮﻗﻢ‬1:‫وب‬ ‫ﻧﻤﻮذج‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﺳﻨﻘﻮم‬ ‫اﻧﻨﺎ‬ ‫اﻟﻰ‬ ‫ﻳﺸﻴﺮ‬..
  • 12. ‫اﻟﺮﻗﻢ‬2:‫اﻟﺠﺪﻳﺪة‬ ‫اﻟﺼﻔﺤﺔ‬ ‫اﺳﻢ‬ ‫ﻧﺤﺪد‬. ‫اﻟﺮﻗﻢ‬3:‫اﻟﻤﺴﺘﺨﺪﻣﺔ‬ ‫اﻟﻠﻐﺔ‬ ‫ﻧﻮع‬. ‫اﻟﺮﻗﻢ‬4:‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﻦ‬ ‫ﻣﻨﻌﺰل‬ ‫ﻣﻠﻒ‬ ‫ﻓﻲ‬ ‫ﺳﺘﻮﺿﻊ‬ ‫اﻟﻜﻮد‬ ‫ان‬ ‫ﻧﺒﻴﻦ‬. ‫اﻟﺮﻗﻢ‬5:‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬Add‫اﻟﺠﺪﻳﺪة‬ ‫اﻟﺼﻔﺤﺔ‬ ‫اﺿﺎﻓﺔ‬ ‫اﺗﻤﺎﻣﺎ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬. ‫اﻟﺤﻠﻮل‬ ‫ﻣﺴﺘﻌﺮض‬ ‫ﻓﻲ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻇﻬﻮر‬ ‫ﻧﻼﺣﻆ‬Solution Explorer.. ‫داﺧﻞ‬ ‫ﺧﺰﻧﻪ‬ ‫ﺳﻴﺘﻢ‬ ‫اﻟﻜﻮد‬ ‫ان‬ ‫ﺣﻴﺚ‬Default2.aspx.vb. ‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬TextBox‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﻧﻀﻴﻒ‬ ‫اﺳﻔﻠﻬﺎ‬ ‫وﻣﻦ‬RadioButtonList‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﻧﻀﻴﻒ‬ ‫وﺛﻢ‬ ‫اﻻداة‬Button..‫ﻳﻠﻲ‬ ‫آﻤﺎ‬.. ‫ﺑﺎﺿﺎﻓ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬‫اﻻداة‬ ‫اﻟﻰ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﺔ‬RadioButtonList‫ﻟﻠﺨﺎﺻﻴﺔ‬ ‫اﻟﻤﻘﺎﺑﻞ‬ ‫اﻟﺤﻘﻞ‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬Item‫ﻣﺮﺑﻊ‬ ‫ﻟﻨﺎ‬ ‫ﻳﻈﻬﺮ‬ ‫ﺣﻴﺚ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫اﻟﺨﺎﺻﺔ‬ ‫اﻟﻨﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﻟﺘﻈﻬﺮ‬ ‫ﻋﻠﻴﻪ‬ ‫ﻧﻨﻘﺮ‬ ‫ﺻﻐﻴﺮ‬.. ‫اﻟـ‬ ‫ﺧﺎﺻﻴﺔ‬ ‫وﻧﻌﺪل‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﻣﻦ‬ ‫ﻣﺠﻤﻮﻋﺔ‬ ‫ﻧﻀﻴﻒ‬ ‫ﺟﺪﻳﺪة‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﻻﺿﺎﻓﺔ‬ ‫اﻟﻤﺨﺼﺼﺔ‬ ‫اﻟﻨﺎﻓﺬة‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬Text‫آ‬ ‫ﻟﺘﺒﺪو‬ ‫ﻟﻬﺎ‬‫ﻳﻠﻲ‬ ‫ﻤﺎ‬: 2 ‫زر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫اﺧﻴﺮا‬OK‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫اﻟﻨﺘﻴﺠﺔ‬ ‫ﺳﺘﻜﻮن‬ ‫ﺣﻴﺚ‬:
  • 13. ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫داﺧﻞ‬ ‫اﻟﺒﺮﻣﺠﺔ‬ ‫ﻟﻐﺎت‬ ‫ﻣﻦ‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻳﺨﺘﺎرﻩ‬ ‫اﻟﺬي‬ ‫اﻟﺨﻴﺎر‬ ‫ﺑﻌﺮض‬ ‫ﻳﻘﻮم‬ ‫آﻮد‬ ‫آﺘﺎﺑﺔ‬ ‫ﻣﻬﻤﺘﻨﺎ‬ ‫اﻻن‬..‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻧﻘﺮ‬ ‫ان‬ ‫ﺑﻤﻌﻨﻰ‬ ‫ﻋﻠﻰ‬VB.NET‫ﻋﺮض‬ ‫ﺳﻴﺘﻢ‬ ‫اﻟﺰر‬ ‫ﻧﻘﺮ‬ ‫ﺛﻢ‬VB.NET‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﻓﻲ‬. ‫ﻣﺰدوﺟﺎ‬ ‫ﻧﻘﺮا‬ ‫ﻧﻨﻘﺮ‬‫ﻋﻠﻰ‬‫اﻟﺰر‬Button‫اﻟﻤﻄﻠﻮب‬ ‫اﻟﻜﻮد‬ ‫اﺿﺎﻓﺔ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬.. Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Dim myList As ListItem For Each myList In RadioButtonList1.Items If myList.Selected = True Then TextBox1.Text = myList.Text End If Next End Sub ‫اﻟﻜﻮد‬ ‫ﻋﻦ‬ ‫ﻗﻠﻴﻼ‬ ‫ﻟﻨﺘﺤﺪث‬ ، ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺠﺮﺑﺔ‬ ‫ﻗﺒﻞ‬.. ‫اﻟﻤﺘﻐﻴﺮ‬ ‫ﺑﺘﻌﺮﻳﻒ‬ ‫ﻗﻤﻨﺎ‬ ‫اﻟﺒﺪاﻳﺔ‬ ‫ﻓﻲ‬myList‫ﻗﺎﺋﻤﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫اﻧﻪ‬ ‫ﻋﻠﻰ‬..‫اﺳﺘﺨﺪﻣﻨﺎ‬ ‫ﺛﻢ‬For .. Each‫ﺟﻤﻴﻊ‬ ‫ﺑﻴﻦ‬ ‫اﻟﺘﻨﻘﻞ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬‫ﻋﻨﺎﺻﺮ‬ ‫اﻻداة‬ ‫ﻓﻲ‬ ‫اﻟﻤﻮﺟﻮدة‬ ‫اﻟﻘﺎﺋﻤﺔ‬RadioButtonList. ‫ﺗﺤﺪﻳﺪﻩ‬ ‫ﺗﻢ‬ ‫اﻟﺬي‬ ‫اﻟﻌﻨﺼﺮ‬ ‫ﺑﺘﻔﺤﺺ‬ ‫ﻗﻤﻨﺎ‬ ‫ذﻟﻚ‬ ‫ﺑﻌﺪ‬...‫اﻟﻤﺤﺪد‬ ‫اﻟﻌﻨﺼﺮ‬ ‫ﻓﻲ‬ ‫ﻟﻠﻨﺺ‬ ‫ﻣﺴﺎوﻳﺎ‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﻓﻲ‬ ‫اﻟﻨﺺ‬ ‫ﻧﺠﻌﻞ‬ ‫ﻧﺠﺪﻩ‬ ‫وﻋﻨﺪﻣﺎ‬.. ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺠﺮﺑﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬ ‫اﻣﺎ‬Ctrl+F5.. ‫ا‬ ‫ﻧﺨﺘﺎر‬ ‫ان‬ ‫ﻻﻳﻤﻜﻨﻨﺎ‬ ‫اﻧﻨﺎ‬ ‫ﻧﻼﺣﻆ‬‫اﻻداة‬ ‫ﻣﻴﺰات‬ ‫اﺣﺪى‬ ‫وهﺬﻩ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻣﻦ‬ ‫آﺜﺮ‬RadioButtonList..‫ﻧﻨﻘﺮ‬ ‫ﺛﻢ‬ ‫ﻣﻌﻴﻦ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺑﺎﺧﺘﻴﺎر‬ ‫ﻧﻘﻮم‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫داﺧﻞ‬ ‫اﻟﺰر‬ ‫ﻧﺺ‬ ‫ﻇﻬﻮر‬ ‫ﻧﻼﺣﻆ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬.. ‫ﻣﻌﻴﻨﺔ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﻗﺎﺋﻤﺔ‬ ‫ﻓﻲ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻣﻦ‬ ‫اآﺜﺮ‬ ‫اﺧﺘﻴﺎر‬ ‫ﻣﻦ‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻧﻤﻜﻦ‬ ‫ان‬ ‫اﻟﺤﺎﻻت‬ ‫ﺑﻌﺾ‬ ‫ﻓﻲ‬ ‫ﻧﻮد‬ ‫رﺑﻤﺎ‬.. ‫اﻻدا‬ ‫اﺳﺘﺨﺪام‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ذﻟﻚ‬ ‫ﺳﻨﺠﺮب‬‫ة‬CheckBoxList.. ‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫اﻻن‬ ‫ﻧﻘﻮم‬CheckBoxList‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫اﻟﻨﺘﻴﺠﺔ‬ ‫ﻟﺘﺒﺪو‬ ‫ﻋﻨﺎﺻﺮ‬ ‫وﻧﻀﻴﻒ‬ ‫ﺗﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫و‬: 3
  • 14. ‫ﺑﺎﻟﺰر‬ ‫اﻟﺨﺎص‬ ‫اﻟﻜﻮد‬ ‫ﺳﻨﻌﺪل‬ ‫اﻻن‬..‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫داﺧﻞ‬ ‫اﺧﺘﻴﺎرهﺎ‬ ‫ﻳﺘﻢ‬ ‫اﻟﺘﻲ‬ ‫اﻟﺸﺮآﺎت‬ ‫ﻋﺮض‬ ‫ﺳﻴﺘﻢ‬.. Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Dim myList As ListItem For Each myList In RadioButtonList1.Items If myList.Selected = True Then TextBox1.Text = myList.Text End If Next For Each myList In CheckBoxList1.Items If myList.Selected = True Then Label1.Text += "</br>" & myList.Text End If Next End Sub ‫ﻻﻳﻔﺮق‬ ‫اﻟﻜﻮد‬‫ﺑﺎﻻداة‬ ‫اﻟﺨﺎص‬ ‫اﻟﻜﻮد‬ ‫ﻋﻦ‬RadioButtonList.. ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬ ‫اآﺜﺮ‬ ‫او‬ ‫واﺣﺪة‬ ‫ﺷﺮآﺔ‬ ‫ﺑﺎﺧﺘﻴﺎر‬ ‫ﻧﻘﻮم‬ ، ‫ﺻﻔﺤﺔ‬ ‫اﻻن‬ ‫ﻧﺠﺮب‬..‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻓﻲ‬ ‫اﻟﻤﺤﺪد‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﻇﻬﻮر‬ ‫ﻧﻼﺣﻆ‬.. ‫اﺧﺮى‬ ‫ﻣﺮة‬ ‫اﻟﺰر‬ ‫وﻧﻨﻘﺮ‬ ‫اﺧﺮى‬ ‫ﺷﺮآﺎت‬ ‫ﻧﺨﺘﺎر‬..‫ﺧﻄﺎ‬ ‫؟؟؟‬ ‫ﻇﻬﻮر‬ ‫ﻧﻼﺣﻆ‬. ‫اﻋﺎ‬ ‫ﺗﻢ‬ ‫اﻟﺴﺎﺑﻘﺔ‬ ‫اﻟﺸﺮآﺎت‬ ‫ان‬‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫داﺧﻞ‬ ‫اﺳﻤﺎؤهﺎ‬ ‫آﺘﺎﺑﺔ‬ ‫دة‬.. ‫ﻟﻠﺰر‬ ‫اﻟﺘﺎﺑﻊ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺣﺪث‬ ‫داﺧﻞ‬ ‫اﻟﻜﻮد‬ ‫اﺳﻄﺮ‬ ‫ﺟﻤﻴﻊ‬ ‫ﻗﺒﻞ‬ ‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫ﺳﻄﺮ‬ ‫ﻧﻜﺘﺐ‬Button1: Label1.Text = “ ‫هﻲ‬ ‫ﻟﺪﻳﻚ‬ ‫اﻟﻤﻔﻀﻠﺔ‬ ‫“اﻟﺸﺮآﺎت‬ ‫ﺑﺎ‬ ‫ﻧﻘﻮم‬ ‫ﻓﻴﻬﺎ‬ ‫اﻟﺰر‬ ‫ﻧﻘﺮ‬ ‫ﻳﺘﻢ‬ ‫ﻣﺮة‬ ‫آﻞ‬ ‫اﻧﻨﺎ‬ ‫واﻟﺴﺒﺐ‬ ‫ﺟﺪﻳﺪ‬ ‫ﻣﻦ‬ ‫اﻟﻤﺸﻜﻠﺔ‬ ‫هﺬﻩ‬ ‫ﻇﻬﻮر‬ ‫ﻋﺪم‬ ‫وﻧﻼﺣﻆ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺠﺮب‬ ‫اﻻن‬‫اﻟﻤﻮﺟﻮد‬ ‫اﻟﻨﺺ‬ ‫ﻓﺮاغ‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻓﻲ‬Label1‫اﻟﻨﺺ‬ ‫اﻟﻴﻪ‬ ‫وﻧﺴﻨﺪ‬)‫هﻲ‬ ‫ﻟﺪﻳﻚ‬ ‫اﻟﻤﻔﻀﻠﺔ‬ ‫اﻟﺸﺮآﺎت‬.. ( ‫اﻻداة‬ ‫داﺧﻞ‬ ‫اﻟﻤﻮﺟﻮدة‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﺑﺤﺬف‬ ‫ﺳﻨﻘﻮم‬ ‫اﻧﻨﺎ‬ ‫وهﻲ‬ ‫اﺧﻴﺮة‬ ‫ﺑﺨﻄﻮة‬ ‫ﺳﻨﻘﻮم‬ ‫اﻻن‬CheckBoxList..‫ﺑ‬ ‫وﻧﻘﻮم‬‫ﺎﺿﺎﻓﺔ‬‫اﻟﻌﻨﺎﺻﺮ‬ ‫هﺬﻩ‬ ‫اﻟﻜﻮد‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬.. ‫اﻻدا‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ، ‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﺣﺬف‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬‫ﻟـ‬ ‫اﻟﻤﻘﺎﺑﻞ‬ ‫اﻟﺤﻘﻞ‬ ‫ﻓﻲ‬ ‫اﻟﻤﻮﺟﻮد‬ ‫اﻟﺼﻐﻴﺮ‬ ‫اﻟﻤﺮﺑﻊ‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﻞ‬ ‫ﺛﻢ‬ ، ‫ﻟﺘﺤﺪﻳﺪهﺎ‬ ‫ة‬Items.. ‫اﻟﺰر‬ ‫وﻧﻨﻘﺮ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺑﺎﺧﺘﻴﺎر‬ ‫ﻧﻘﻮم‬ ‫اﻟﻨﺎﻓﺬة‬ ‫وﻣﻦ‬Remove‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﺟﻤﻴﻊ‬ ‫ﺣﺬف‬ ‫ﻳﺘﻢ‬ ‫ﺣﺘﻰ‬. ‫اﻟﻜﻮد‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫اﺿﺎﻓﺔ‬ ‫اﺟﻞ‬ ‫وﻣﻦ‬ ‫اﻻن‬..‫ﻣﺰدوﺟﺎ‬ ‫ﻧﻘﺮا‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬.‫ﺗ‬ ‫ﺣﺪث‬ ‫داﺧﻞ‬ ‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫وﻧﻜﺘﺐ‬‫ﺤﻤﻴﻞ‬ ‫اﻟﺼﻔﺤﺔ‬. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load With CheckBoxList1.Items .Add("Microsoft") .Add("IBM") .Add("Borland") .Add("GenX") End With End Sub ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺠﺮﺑﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬..‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫ﺛﻢ‬ ‫وﻣﻦ‬ ‫ﻣﻌﻴﻨﻪ‬ ‫ﺷﺮآﺎت‬ ‫وﻧﺨﺘﺎر‬.. ‫داﺧﻞ‬ ‫ﺗﻜﺮرت‬ ‫اﻟﺸﺮآﺎت‬ ‫اﺳﻤﺎء‬ ‫ان‬ ‫وهﻮ‬ ‫ﺧﻄﺎ‬ ‫ﻇﻬﻮر‬ ‫ﻧﻼﺣﻆ‬CheckBoxList.. 4 ‫ﺗﺘﻜﺮر‬ ‫اﻟﺸﺮآﺎت‬ ‫اﺳﻤﺎء‬ ‫ﻓﺎن‬ ‫اﻟﺰر‬ ‫ﻧﻘﺮﻧﺎ‬ ‫وآﻠﻤﺎ‬..
  • 15. ‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﻟﻴﺼﺒﺢ‬ ‫اﻟﻜﻮد‬ ‫ﻧﻌﺪل‬ ‫اﻟﺨﻠﻞ‬ ‫هﺬا‬ ‫ﻣﻌﺎﻟﺠﺔ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬: If Me.IsPostBack = False Then With CheckBoxList1.Items .Add("Microsoft") .Add("IBM") .Add("Borland") .Add("GenX") End With End If ‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺠﺮب‬ ‫اﻻن‬..‫اﻟﺸﺮ‬ ‫اﺳﻤﺎء‬ ‫ﺑﺎﺧﺘﻴﺎر‬ ‫وﻧﻘﻮم‬‫ﻧﻘﺴﻬﺎ‬ ‫اﻟﺸﺮآﺎت‬ ‫اﺳﻤﺎء‬ ‫وﺗﺒﻘﻰ‬ ‫ﺧﻠﻞ‬ ‫اي‬ ‫ﺣﺪول‬ ‫ﻋﺪم‬ ‫ﻓﻨﻼﺣﻆ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬ ‫آﺎت‬.. ‫ﺧﻠﻞ‬ ‫اي‬ ‫ودون‬ ‫ﺑﻨﺠﺎح‬ ‫ﻳﻌﻤﻞ‬ ‫اﻟﻜﻮد‬ ‫ان‬ ‫ﻧﻼﺣﻆ‬ ، ‫اﻟﺰر‬ ‫وﻧﻨﻘﺮ‬ ‫ﻣﻌﻴﻨﺔ‬ ‫ﺑﺮﻣﺠﺔ‬ ‫ﻟﻐﺔ‬ ‫ﻧﺤﺪد‬ ‫وآﺬﻟﻚ‬ ‫ﺟﺪﻳﺪة‬ ‫ﺷﺮآﺎت‬ ‫اﺳﻤﺎء‬ ‫اﺧﺘﻴﺎر‬ ‫ﻧﺠﺮب‬... ‫اﻟﺘﻄﻮﻳﺮ‬ ‫ﺑﻴﺌﺔ‬ ‫اﻟﻰ‬ ‫وﻧﺮﺟﻊ‬ ‫اﻟﻤﺘﺼﻔﺢ‬ ‫ﻧﻐﻠﻖ‬.. ‫اﺿﻔﻨﺎ‬ ‫ﻓﺎﻧﻨﺎ‬ ، ‫اﻟﻜﻮد‬ ‫ﺗﻌﺪﻳﻞ‬ ‫ﻋﻨﺪ‬Me.IsPostBack‫اﻧﻬﺎ‬ ‫او‬ ‫ﻣﺮة‬ ‫ﻣﻦ‬ ‫اآﺜﺮ‬ ‫ﺗﺤﻤﻴﻠﻬﺎ‬ ‫ﺗﻢ‬ ‫ﻗﺪ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫آﺎﻧﺖ‬ ‫ان‬ ‫ﻳﺘﺎآﺪ‬ ‫اﻟﻜﻮد‬ ‫هﺬا‬ ‫ان‬ ‫ﺣﻴﺚ‬ ‫اﻻوﻟﻰ‬ ‫اﻟﻤﺮة‬..‫هﻲ‬ ‫اﻟﻨﺘﻴﺠﺔ‬ ‫آﺎﻧﺖ‬ ‫ﻓﺎن‬True..‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺸﻐﻞ‬ ‫اﻧﻨﺎ‬ ‫ﻣﻌﻨﺎﻩ‬ ‫ﻓﻬﺬا‬ ‫واﻻ‬ ‫اﻟﺴﻴﺮﻓﺮ‬ ‫اﻟﻰ‬ ‫ارﺳﺎﻟﻬﺎ‬ ‫ﺗﻢ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ان‬ ‫ﻣﻌﻨﺎﻩ‬ ‫ﻓﻬﺬا‬ ‫ﻣﺮة‬ ‫ﻻول‬.. ‫اﻻ‬ ‫اﻟﻰ‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ﻧﻘﻮم‬ ‫ﻓﺎﻧﻨﺎ‬ ‫ﺑﺬﻟﻚ‬‫داة‬CheckBoxList‫اﻟﺴﻴﺮﻓﺮ‬ ‫اﻟﻰ‬ ‫ﻣﺮﺳﻠﺔ‬ ‫ﻏﻴﺮ‬ ‫ﺗﻜﻮن‬ ‫وﻋﻨﺪﻣﺎ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺤﻤﻴﻞ‬ ‫ﻋﻨﺪ‬ ‫ﻓﻘﻂ‬.. ‫هﻮ‬ ‫ﻓﻴﻪ‬ ‫اﻟﻤﻌﺮوض‬ ‫اﻟﻨﺺ‬ ‫ﻳﻜﻮن‬ ‫ان‬ ‫اﻟﻤﻨﺎﺳﺐ‬ ‫ﻣﻦ‬ ‫ﻓﻠﻴﺲ‬ ، ‫ﻟﻠﺰر‬ ‫ﻧﺺ‬ ‫اﺿﺎﻓﺔ‬ ‫وهﻮ‬ ‫ﻣﻬﻢ‬ ‫اﻣﺮ‬ ‫ﻟﺪﻳﻨﺎ‬ ‫ﺗﺒﻘﻰ‬Button‫اﻟﺰر‬ ‫ﺑﺘﺤﺪﻳﺪ‬ ‫ﻧﻘﻮم‬ ، ‫اﻟﻨﺺ‬ ‫ﻟﻪ‬ ‫وﻧﻜﺘﺐ‬)‫هﻨﺎ‬ ‫اﻧﻘﺮ‬(‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻋﻨﺪ‬Text‫ﻟﻠﺰر‬ ‫اﻟﺘﺎﺑﻌﺔ‬.. ‫ﻧﻨﻘ‬ ‫آﺬﻟﻚ‬‫اﻟﻨﺺ‬ ‫ﻟﻬﺎ‬ ‫وﻧﺪﺧﻞ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﻠﻰ‬ ‫ﺮ‬)‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬(‫ﻟﻠﺼﻔﺤﺔ‬ ‫ﻋﻨﻮان‬ ‫ﻳﻜﻮن‬ ‫ان‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬)‫اﻟﻤﻘﺎﺑﻞ‬ ‫اﻟﺤﻘﻞ‬ ‫ﻓﻲ‬ ‫ﻟﻠﺨﺎﺻﻴﺔ‬Title(‫اﻟﻌﻨﻮان‬ ‫ﺻﻔﺤﺎﺗﻪ‬ ‫اﺣﺪى‬ ‫ﻟﻨﺎ‬ ‫ﺗﻌﺮض‬ ‫ﻣﻮﻗﻊ‬ ‫ﺑﺘﺼﻤﻴﻢ‬ ‫ﻧﻘﻮم‬ ‫ان‬ ‫اﻟﻤﻌﻘﻮل‬ ‫ﻣﻦ‬ ‫ﻓﻠﻴﺲ‬ ،Untitled.. ‫درﺳﻨﺎ‬ ‫اﻧﺘﻰ‬ ‫هﻨﺎ‬ ‫اﻟﻰ‬ ‫اﻟﻤﻌﻠ‬ ‫ﻣﻦ‬ ‫اﺳﺘﻔﺪﺗﻢ‬ ‫ﻗﺪ‬ ‫ﺗﻜﻮﻧﻮا‬ ‫ان‬ ‫ارﺟﻮ‬‫اﻟﺪرس‬ ‫ﻓﻲ‬ ‫اﻟﻤﻮﺟﻮدة‬ ‫ﻮﻣﺎت‬.. ‫ﻧﺴﺨﻪ‬ ‫ﻣﻦ‬ ‫اآﺜﺮ‬ ‫اﻟﺬهﻦ‬ ‫ﻓﻲ‬ ‫اﻟﻤﻌﻠﻮﻣﺎت‬ ‫ﺗﺮﺳﺦ‬ ‫ﺑﺎﻟﻴﺪ‬ ‫اﻟﻜﻮد‬ ‫آﺘﺎﺑﺔ‬ ‫ان‬ ‫ﺣﻴﺚ‬ ، ‫اﻟﻜﻮد‬ ‫ﻧﺴﺦ‬ ‫ﻋﻤﻠﻴﺔ‬ ‫وﺗﺠﻨﺐ‬ ‫اﻟﺪرس‬ ‫ﺗﻄﺒﻴﻖ‬ ‫اﻟﺠﻤﻴﻊ‬ ‫ﻣﻦ‬ ‫ارﺟﻮ‬ ‫وﻟﺼﻘﻪ‬.. ‫اﻟﺪروس‬ ‫ﻓﻲ‬ ‫ﺷﺮﺣﻬﺎ‬ ‫ﻳﺘﻢ‬ ‫ﻟﻢ‬ ‫اﻟﺘﻲ‬ ‫اﻻﺧﺮى‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫وﺗﺠﺮﺑﺔ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﻄﻮﻳﺮ‬ ‫اﻟﺠﻤﻴﻊ‬ ‫ﻳﺤﺎول‬ ‫ان‬ ‫ارﺟﻮ‬ ‫آﺬﻟﻚ‬. ‫ﺑ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ ‫دﻋﺎﺋﻲ‬‫ﺎﻟﺘﻮﻓﻴﻖ‬ ‫اﻟﻤﻬﻨﺪس‬ ‫ﻳﺎﺳـــﻴﻦ‬ ‫ﻋــﺪي‬ ‫ﺣﺎﺳﻮب‬ ‫هﻨﺪﺳﺔ‬ ‫ﺑﻜﺎﻟﻮرﻳﻮس‬ engauday@hotmail.com 5 ‫اﻻﺛﻨﻴﻦ‬:23/7/2007
  • 16. ‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬ ASP.Net ‫اﻟﺪرس‬‫اﻟ‬‫ﺮاﺑﻊ‬ ‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻤﻮاﻗﻊ‬ ‫وﺑﺮﻣﺠﺔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫دروس‬ ‫ﻣﻦ‬ ‫ﺟﺪﻳﺪ‬ ‫درس‬ ‫ﻓﻲ‬ ‫اﻻﺧﻮات‬ ‫و‬ ‫ﺑﺎﻻﺧﻮة‬ ‫ﻣﺮﺣﺒﺎ‬ASP.NET & VB.NET. ‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﻓﻲ‬ ‫ﻧﺘﻌﻠﻢ‬: **‫اﻻداة‬ ‫اﺳﺘﺨﺪام‬DroupDownList. **‫اﻻﻟﻮان‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬. **‫اﻟﺨﻂ‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬. ‫ﺻ‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﻧﻘﻮم‬‫ﺟﺪﻳﺪة‬ ‫ﻔﺤﺔ‬..‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺘﺎن‬ ‫ﻋﻠﻴﻬﺎ‬ ‫وﻧﻀﻊ‬DroupDownList‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫و‬Button‫و‬Label.. ‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﺗﺼﻤﻴﻤﻬﺎ‬ ‫ﻣﻦ‬ ‫اﻻﻧﺘﻬﺎء‬ ‫ﺑﻌﺪ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺒﺪو‬: ‫وﻋﻨﺪﻣ‬ ، ‫اﻻﻃﺎرات‬ ‫اﻧﻤﺎط‬ ‫ﻣﻦ‬ ‫ﻣﺨﺘﻠﻔﺔ‬ ‫اﻧﻮاع‬ ‫و‬ ‫اﻻوﻟﻰ‬ ‫اﻟﻤﻨﺴﺪﻟﺔ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﻓﻲ‬ ‫اﻟﻮان‬ ‫اﺳﻤﺎء‬ ‫ﺑﺎدﺧﺎل‬ ‫ﻧﻘﻮم‬ ‫ان‬ ‫هﻲ‬ ‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﻓﻲ‬ ‫ﻣﻬﻤﺘﻨﺎ‬‫ﺎ‬ ‫ﻳﺮﻳﺪهﺎ‬ ‫اﻟﺘﻲ‬ ‫اﻟﺨﻴﺎرات‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻳﺤﺪد‬..‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻋﻠﻰ‬ ‫ﺗﻄﺒﻴﻘﻬﺎ‬ ‫ﻳﺘﻢ‬.. ‫اﻟﻜﻮد‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﻤﻨﺴﺪﻟﺔ‬ ‫ﻟﻠﻘﻮاﺋﻢ‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ﺳﻨﻘﻮم‬.. ‫ﻟﻠﺼﻔﺤﺔ‬ ‫اﻟﺘﺤﻤﻴﻞ‬ ‫ﻟﺤﺪث‬ ‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫وﻧﻜﺘﺐ‬ ‫ﻣﺰدوﺟﺎ‬ ‫ﻧﻘﺮا‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬: 1
  • 17. ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫اﻟﻤﺮة‬ ‫هﺬﻩ‬ ‫وﻟﻜﻦ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺠﺮﺑﺔ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫اﻻن‬F5‫اﻟـ‬ ‫ﻟﺘﺸﻐﻴﻞ‬ ‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬ ‫ﻣﻦ‬Debug.. ‫اﻟﺘﺎﻟﻴﺔ‬ ‫اﻟﻨﺎﻓﺬة‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻈﻬﺮ‬: ‫اﻟﺰر‬ ‫ﻧﻨﻘﺮ‬ ‫و‬ ‫اﻻول‬ ‫اﻟﺨﻴﺎر‬ ‫ﻧﺤﺪد‬OK.. ‫ﻓﻴﻬﺎ‬ ‫اﻟﺘﻲ‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫وﻧﺮى‬ ‫اﻟﻤﻨﺴﺪﻟﺔ‬ ‫اﻟﻘﻮاﺋﻢ‬ ‫اﺣﺪى‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ، ‫اﻟﺼﻔﺤﺔ‬ ‫ﻟﻨﺎ‬ ‫ﺳﺘﻈﻬﺮ‬.. ‫اﻟﺘﺴﻤﻴ‬ ‫ﻋﻨﺼﺮ‬ ‫اﻟﻰ‬ ‫اﻟﻤﺨﺘﺎرة‬ ‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﻻﺳﻨﺎد‬ ‫اﻟﻼزم‬ ‫اﻟﻜﻮد‬ ‫ﺑﻜﺘﺎﺑﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬‫ﺔ‬.. ‫ﻣﻀﺎﻋﻔﺎ‬ ‫ﻧﻘﺮا‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬..‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫وﻧﻜﺘﺐ‬: 2
  • 18. ‫اﻟﻌﺒﺎرة‬ ‫اﺳﺘﺨﺪﻣﻨﺎ‬ ‫اﻧﻨﺎ‬ ‫ﻧﻼﺣﻆ‬Select Case‫اﻟﻤﻄﻠﻮب‬ ‫اﻟﺨﻴﺎر‬ ‫ﺗﺤﺪﻳﺪ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬..‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﺘﺎﺑﻌﺔ‬ ‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻗﻴﻤﺔ‬ ‫ﻧﺤﺪد‬ ‫ﻓﺎﻧﻨﺎ‬ ‫ﻟﻠﺨﻴﺎر‬ ‫وﺗﺒﻌﺎ‬ ‫اﻟﺘﺴﻤﻴﺔ‬.. ‫ﺑﺘﺠﺮﺑﺔ‬ ‫ﻗﻤﻨﺎ‬ ‫ﻟﻮ‬‫ﺑﻨﻘﺮ‬ ‫اﻟﺼﻔﺤﺔ‬F5‫اﻟﻘﻮاﺋﻢ‬ ‫ﻣﻦ‬ ‫ﻣﺤﺪدة‬ ‫ﺧﻴﺎرات‬ ‫وﻧﺨﺘﺎر‬..‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻋﻠﻰ‬ ‫اﻟﺨﻴﺎرات‬ ‫ﺗﻄﺒﻴﻖ‬ ‫ﻧﻼﺣﻆ‬.. ‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺦ‬ ‫ﺛﻼث‬ ‫اﻻن‬ ‫ﻧﻀﻴﻒ‬CheckBox..‫ﻳﻠﻲ‬ ‫آﻤﺎ‬: ‫اﻻﺧﺘﻴﺎر‬ ‫ﺻﻨﺎدﻳﻖ‬ ‫ﺧﺼﺎﺋﺺ‬ ‫ﻟﺘﻄﺒﻴﻖ‬ ‫اﻟﻼزم‬ ‫اﻟﻜﻮد‬ ‫ﺑﻜﺘﺎﺑﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬..‫اﻟﻨﻬﺎﻳﺔ‬ ‫ﻓﻲ‬ ‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫وﻧﻜﺘﺐ‬ ‫ﻣﺰدوﺟﺎ‬ ‫ﻧﻘﺮ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬.. ‫اﻻداة‬ ‫آﺎﻧﺖ‬ ‫ان‬ ‫ﻧﺘﺎآﺪ‬ ‫اﻋﻼﻩ‬ ‫اﻟﻜﻮد‬ ‫ﻓﻲ‬‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﺨﻂ‬ ‫ﺧﺎﺻﻴﺔ‬ ‫ﻻﻧﺤﺪد‬ ‫او‬ ‫ﻧﺤﺪد‬ ‫ﻟﺬﻟﻚ‬ ‫وﺗﺒﻌﺎ‬ ‫ن‬ ‫ﻻ‬ ‫او‬ ‫اﺧﺘﻴﺎرهﺎ‬ ‫ﺗﻢ‬. ‫ﺗﻄﺒﻴﻘﻬﺎ‬ ‫ﺳﻴﺘﻢ‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺧﺼﺎﺋﺺ‬ ‫ﺑﻬﺎ‬ ‫ﻧﺤﺪد‬ ‫اﻟﺘﻲ‬ ‫اﻟﺨﻴﺎرات‬ ‫ﺟﻤﻴﻊ‬ ‫ان‬ ‫وﻧﻼﺣﻆ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺠﺮب‬ ‫اﻻن‬.. ‫اﻟﺪرس‬ ‫ﻧﻬﺎﻳﺔ‬ ‫اﻟﻰ‬ ‫وﺻﻠﻨﺎ‬ ‫هﻨﺎ‬ ‫اﻟﻰ‬.. ‫اﻟﺪرس‬ ‫ﻣﻌﻠﻮﻣﺎت‬ ‫ﻣﻦ‬ ‫اﺳﺘﻔﺪﺗﻢ‬ ‫ﻗﺪ‬ ‫ﺗﻜﻮﻧﻮا‬ ‫ان‬ ‫ارﺟﻮ‬..‫اﻟ‬ ‫ﻓﻲ‬ ‫ﻧﻠﺘﻘﻲ‬‫ﺟﺪﻳﺪة‬ ‫وﻣﻌﻠﻮﻣﺎت‬ ‫اﻟﻘﺎدم‬ ‫ﺪرس‬. ‫ﺑﺎﻟﺘﻮﻓﻴﻖ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ ‫دﻋﺎﺋﻲ‬ ‫اﻟﻤﻬﻨﺪس‬ ‫ﻳﺎﺳـــﻴﻦ‬ ‫ﻋــﺪي‬ ‫ﺣﺎﺳﻮب‬ ‫هﻨﺪﺳﺔ‬ ‫ﺑﻜﺎﻟﻮرﻳﻮس‬ engauday@hotmail.com 3 ‫اﻟﺜﻼﺛﺎء‬:24/7/2007
  • 19. ‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬ ASP.Net ‫اﻟﺪرس‬‫اﻟ‬‫ﺮاﺑﻊ‬ ‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻤﻮاﻗﻊ‬ ‫وﺑﺮﻣﺠﺔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫دروس‬ ‫ﻣﻦ‬ ‫ﺟﺪﻳﺪ‬ ‫درس‬ ‫ﻓﻲ‬ ‫اﻻﺧﻮات‬ ‫و‬ ‫ﺑﺎﻻﺧﻮة‬ ‫ﻣﺮﺣﺒﺎ‬ASP.NET & VB.NET. ‫اﻻﻟﻮان‬: ‫اﻻﻟﻮان‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬ ‫آﻴﻔﻴﺔ‬ ‫ﺣﻮل‬ ‫ﺳﺮﻳﻌﺔ‬ ‫ﻟﻤﺤﺔ‬ ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﺪرس‬ ‫ﻓﻲ‬ ‫ﺗﻌﻠﻤﻨﺎ‬.. ‫اﻟﺨﺎﺻﻴﺔ‬ ‫ان‬Color‫اﻟﻜﺎﺋﺔ‬ ‫اﻟﻰ‬ ‫ﺗﺸﻴﺮ‬Color‫اﻻﺳﻤﺎء‬ ‫ﻓﻀﺎء‬ ‫ﻣﻦ‬System.Drawing. ‫ﻃﺮق‬ ‫ﺑﻌﺪة‬ ‫اﻻﻟﻮان‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬ ‫ﻳﻤﻜﻨﻨﺎ‬.. **‫اﻟﻠﻮﻧﻴﺔ‬ ‫اﻟﻘﻴﻢ‬ ‫ﺑﺎﺳﺘﺨﺪام‬ARGB(alpha,red,green,blue).‫ﺻﺤﻴﺢ‬ ‫ﺑﺮﻗﻢ‬ ‫ﻗﻴﻤﺔ‬ ‫آﻞ‬ ‫ﺑﺘﺤﺪﻳﺪ‬ ‫ﻧﻘﻮم‬Integer‫ﺑﻴﻦ‬ ‫ﻳﺘﺮاوح‬0‫و‬ 255‫اﻟﺨﺎﺻﻴﺔ‬ ‫ان‬ ،alpha‫اﻟﻘﻴﻤﺔ‬ ‫ﻟﻬﺎ‬ ‫ﻧﺴﻨﺪ‬ ‫ﻣﺎ‬ ‫وﻋﺎدة‬ ، ‫ﻟﻼﻟﻮان‬ ‫اﻟﺸﻔﺎﻓﻴﺔ‬ ‫ﺗﻤﺜﻞ‬255‫ﺷﻔﺎﻓﻴﺔ‬ ‫ﻏﻴﺮ‬ ‫ﻟﺘﻜﻮن‬)‫ﻇﺎهﺮة‬. ( **‫ﻓﻲ‬ ‫اﻻﻟﻮان‬ ‫اﺳﻤﺎء‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬).NET(‫ﻣﺴﺒﻘﺎ‬ ‫اﻟﻤﻌﺮﻓﺔ‬.. **‫ﻟﻮن‬ ‫اﺳﻢ‬ ‫ﺑﺎﺳﺘﺨﺪام‬HTML.. ‫اﻻﺳﻤﺎء‬ ‫ﻓﻀﺎء‬ ‫اﺳﺘﻴﺮاد‬ ‫اﻟﻰ‬ ‫ﻳﺤﺘﺎج‬ ‫اﻻﻟﻮان‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬System.Drawing. ‫اﻻﺳﻢ‬ ‫وﻧﻌﻄﻴﻬﺎ‬ ‫ﺟﺪﻳﺪة‬ ‫ﺻﻔﺤﺔ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ﻧﻘﻮم‬Color.. ‫ﻟﺘﺒﺪو‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺼﻤﻢ‬‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ادﻧﺎﻩ‬ ‫اﻟﺸﻜﻞ‬ ‫ﻓﻲ‬ ‫آﻤﺎ‬Label‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺦ‬ ‫ﺛﻼث‬ ‫و‬Button.. ‫اﻻﻟﻮان‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬ ‫ﻓﻲ‬ ‫اﻟﺬآﺮ‬ ‫اﻟﺴﺎﺑﻘﺔ‬ ‫اﻟﻄﺮق‬ ‫ﻣﻦ‬ ‫ﻃﺮﻳﻘﺔ‬ ‫آﻞ‬ ‫ﻻﺳﺘﺨﺪام‬ ‫اﻟﻼزم‬ ‫اﻟﻜﻮد‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ﺳﻨﻘﻮم‬.. ‫اﻟﺰر‬ ‫آﻮد‬ARGB: Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Dim alpha As Integer = 255, red As Integer = 0 Dim green As Integer = 255, blue As Integer = 0 Label1.ForeColor = System.Drawing.Color.FromArgb(alpha, red, green, blue) End Sub ‫ﺑ‬ ‫ﻗﻤﻨﺎ‬ ‫هﻨﺎ‬‫رﻗﻤﻴﺔ‬ ‫ﻗﻴﻢ‬ ‫ﻟﻬﺎ‬ ‫واﺳﻨﺪﻧﺎ‬ ‫ﺻﺤﻴﺢ‬ ‫ﻧﻮع‬ ‫ﻣﻦ‬ ‫ﻣﺘﻐﻴﺮات‬ ‫ارﺑﻌﺔ‬ ‫ﺘﻌﺮﻳﻒ‬..‫هﻲ‬ ‫ﺳﺘﻜﻮن‬ ‫اﻟﻨﺘﻴﺠﺔ‬ ‫ان‬ ‫ﻧﻼﺣﻆ‬ ‫اﻟﺮﻗﻤﻴﺔ‬ ‫اﻟﻘﻴﻢ‬ ‫ﻣﻼﺣﻈﺔ‬ ‫وﻣﻦ‬ ‫اﻟﻘﻴﻤﺔ‬ ‫ﻟﻬﺎ‬ ‫اﺳﻨﺪﻧﺎ‬ ‫اﻟﺘﻲ‬ ‫اﻟﺸﻔﺎﻓﻴﺔ‬ ‫ﻗﻴﻤﺔ‬ ‫ﻋﺪا‬ ‫،ﻣﺎ‬ ‫ﺻﻔﺮ‬ ‫اﻟﻘﻴﻤﺔ‬ ‫ﻟﻬﺎ‬ ‫اﺳﻨﺪﻧﺎ‬ ‫اﻟﻘﻴﻢ‬ ‫ﺑﺎﻗﻲ‬ ‫ﻻن‬ ‫اﻻﺧﻀﺮ‬ ‫اﻟﻠﻮن‬255‫ﺗﻤﺎﻣﺎ‬ ‫ﻇﺎهﺮ‬ ‫اﻟﻠﻮن‬ ‫ﻟﻴﻜﻮن‬. ‫اﺳﺘﺨﺪﻣﻨﺎ‬ ‫ذﻟﻚ‬ ‫ﺑﻌﺪ‬FromArgb(alpha, red, green, blue)‫اﺧﻀﺮ‬ ‫اﻟﺨﻂ‬ ‫ﻟﻮن‬ ‫ﺟﻌﻞ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬. ‫اﻟﺰر‬ ‫آﻮد‬.NET: Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click Label1.ForeColor = Drawing.Color.Crimson End Sub 1 ‫اﻟﺒﻴﺌﺔ‬ ‫ان‬ ‫وﻧﻼﺣﻆ‬‫اﺳﺘﺨﺪاﻣﻬﺎ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫اﻟﺘﻲ‬ ‫اﻻﻟﻮان‬ ‫آﺒﻴﺮة‬ ‫ﻣﺠﻤﻮﻋﺔ‬ ‫ﻟﻨﺎ‬ ‫ﺗﻮﻓﺮ‬..
  • 20. ‫اﻟﺰر‬ ‫آﻮد‬HTML Name: Protected Sub Button3_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button3.Click Label1.ForeColor = System.Drawing.ColorTranslator.FromHtml("Blue") End Sub ‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﻣﺒﺎﺷﺮة‬ ‫اﻻﺳﻢ‬ ‫آﺘﺎﺑﺔ‬ ‫ﺑﺎﻣﻜﺎﻧﻨﺎ‬ ‫او‬.. <asp:TextBox ForeColor ="Red" Text ="Test" ID ="txt" runat ="server" /> ‫اﻟﻤﻄﻠﻮب‬ ‫اﻟﻠﻮن‬ ‫ﻟﺘﺤﺪﻳﺪ‬ ‫ﻋﺸﺮ‬ ‫اﻟﺴﺪاﺳﻲ‬ ‫ﺑﺎﻟﻨﻈﺎم‬ ‫ﻗﻴﻤﺔ‬ ‫ادﺧﺎل‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫او‬.. <asp:TextBox ForeColor ="#ff50ff" Text ="Test" ID ="txt" runat ="server" /> ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺠﺮﺑﺔ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬..‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﺨﻂ‬ ‫ﻟﻮن‬ ‫ﺗﻐﻴﺮ‬ ‫ﻧﻼﺣﻆ‬ ، ‫اﻟﺜﻼﺛﺔ‬ ‫اﻻزرار‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬.. ‫اﻟﺨﻄﻮط‬Fonts: ‫اﻟﺨﺎﺻﻴﺔ‬Font‫اﻟﻜﺎﺋﻦ‬ ‫اﻟﻰ‬ ‫ﺗﺸﻴﺮ‬FontInfo‫اﻻﺳﻤﺎء‬ ‫ﻓﻀﺎء‬ ‫ﻣﻦ‬ ‫اﻟﻤﻨﺤﺪر‬:System.Web.UI.WebControls. ‫اﻻﺳﻢ‬ ‫ﺗﺤﺪد‬ ‫ﺧﺼﺎﺋﺺ‬ ‫ﻋﺪة‬ ‫ﻳﻤﺘﻠﻚ‬ ‫واﻟﺬي‬‫اﻟﻨﻤﻂ‬ ‫و‬ ‫اﻟﺤﺠﻢ‬ ‫و‬. ‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﻟﺘﺒﺪو‬ ‫اﻟﺼﻔﺤﺔ‬ ‫اﻟﻰ‬ ‫اﻻدوات‬ ‫ﻣﻦ‬ ‫اﺧﺮى‬ ‫ﻣﺠﻤﻮﻋﺔ‬ ‫ﻧﻀﻴﻒ‬: ‫ﺣﺠﻤﻪ‬ ‫او‬ ‫ﻧﻤﻄﻪ‬ ‫او‬ ‫اﻟﻠﻮن‬ ‫ﺑﺎﺳﻢ‬ ‫اﻟﺘﺤﻜﻢ‬ ‫آﻴﻔﻴﺔ‬ ‫ﺳﻨﺘﻌﻠﻢ‬ ‫اﻻن‬.. 2
  • 21. ‫اﻟﺰر‬ ‫آﻮد‬Font-Name: Protected Sub Button4_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button4.Click Label1.Font.Name = "Tahoma" End Sub ‫اﻟﺨﻂ‬ ‫اﺳﻢ‬ ‫اﺳﻨﺪﻧﺎ‬ ‫هﻨﺎ‬ ‫ﺣﻴﺚ‬Tahoma‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﺘﺎﺑﻌﺔ‬ ‫اﻟﺨﻂ‬ ‫اﺳﻢ‬ ‫ﻟﺨﺎﺻﻴﺔ‬Label1. ‫اﻟﺰر‬ ‫آﻮد‬Font-Bold: Protected Sub Button5_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button5.Click Label1.Font.Bold = True End Sub ‫اﻟﺨﺼﺎﺋﺺ‬ ‫ﺗﺤﺘﺎج‬ ‫ﺣﻴﺚ‬)Bold,Italic, Strikeout, Underline(‫اﻟﻘﻴﻤﺘﻴﻦ‬ ‫اﺣﺪى‬ ‫اﻟﻰ‬)True , False.. (‫او‬ ‫ﺗﻔﻌﻴﻞ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﺗﻔﻌﻴﻞ‬ ‫اﻳﻘﺎف‬.. ‫ﻣﺜﺨﻦ‬ ‫ﻳﺼﺒﺢ‬ ‫اﻟﺨﻂ‬ ‫ﻓﺎن‬ ، ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻋﻨﺪ‬ ‫هﻨﺎ‬.. ‫اﻟﺰر‬ ‫آﻮد‬Font-Size-1: Protected Sub Button6_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button6.Click Label1.Font.Size = FontUnit.Larger End Sub ‫اﻟﻘﻴﻤﺔ‬ ‫اﺳﻨﺪﻧﺎ‬ ‫هﻨﺎ‬Larger‫اﻟﺨﻂ‬ ‫ﻟﺤﺠﻢ‬.. ‫اﻟﺨﻂ‬ ‫ﺣﺠﻢ‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬ ‫ﻣﻦ‬ ‫اﻟﻨﻤﻂ‬ ‫ﻟﻬﺬا‬ ‫اﻟﻘﻴﻢ‬ ‫ﻣﻦ‬ ‫ﻣﺠﻤﻮﻋﺔ‬ ‫اﺳﺘﺨﺪام‬ ‫ﻳﻤﻜﻨﻨﺎ‬)Smaller , Small ,Medium ,Large ,Larger. ( ‫اﻟﺰر‬ ‫آﻮد‬Font-Size-2: Protected Sub Button7_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button7.Click Label1.Font.Size = FontUnit.Point(14) End Sub ‫ﺗﺤ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫رﻗﻤﻴﺔ‬ ‫ﻗﻴﻤﺔ‬ ‫ﻧﺴﻨﺪ‬ ‫هﻨﺎ‬‫اﻟﺨﻂ‬ ‫ﺣﺠﻢ‬ ‫ﺪﻳﺪ‬.. ‫اﻻزرار‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺧﻂ‬ ‫ﺗﺎﺛﺮ‬ ‫وﻣﻼﺣﻈﺔ‬ ‫اﻻزرار‬ ‫وﺗﺠﺮﺑﺔ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺸﻐﻴﻞ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬.. ‫اﻟﺘﺮآﻴﺰ‬Focus: ‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻣﻌﻴﻦ‬ ‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﺘﺮآﻴﺰ‬ ‫ﺧﺎﺻﻴﺔ‬ ‫ﺗﺤﺪﻳﺪ‬ ‫ﻳﻤﻜﻨﻨﺎ‬Default Focus... <form id="form1" defaultfocus ="txt" runat="server"> ‫ﻳﻤﺜﻞ‬ ‫ﺣﻴﺚ‬txt‫ﻣﺴﺒﻘﺎ‬ ‫ﺑﺎﻧﺸﺎءﻩ‬ ‫ﻗﻤﻨﺎ‬ ‫ﻧﺺ‬ ‫ﺻﻨﺪوق‬... ‫اﻟﺨﺎﺻﻴﺔ‬ ‫اﺿﺎﻓﺔ‬ ‫ﻋﻨﺪ‬ ‫ﻧﻼﺣﻆ‬defaultfocus ="txt"‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﻋﻠﻰ‬ ‫اﻟﺘﺮآﻴﺰ‬ ‫ﻓﺎن‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺸﻐﻴﻞ‬ ‫ﻋﻨﺪ‬. 3
  • 22. ‫اﻟﻮﺻﻮل‬ ‫ﻣﻔﺘﺎح‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﺑﺎﻟﺘﺮآﻴﺰ‬ ‫اﻟﺘﺤﻜﻢ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫آﺬﻟﻚ‬Access Key‫اﻟﻨﺺ‬ ‫ﺑـﺼﻨﺪوق‬ ‫اﻟﺨﺎص‬ ‫اﻟﻮﺻﻮل‬ ‫ﻟﻤﻔﺘﺎح‬ ‫اﺳﻨﺪﻧﺎ‬ ‫ﻟﻮ‬ ‫ﻓﻤﺜﻼ‬ ، txt‫اﻟﻘﻴﻤﺔ‬A‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻋﻨﺪ‬ ‫ﻋﻨﺪهﺎ‬ ،Alt+A‫اﻟﻰ‬ ‫اﻟﺘﺮآﻴﺰ‬ ‫ﻳﻨﺘﻘﻞ‬txt.. ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺸﻐﻴﻞ‬ ‫ﻧﻘﻮم‬ ‫اﻻن‬..‫ﻣﻔﺘﺎﺣﻲ‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬Alt+A..‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫اﻟﻰ‬ ‫ﻳﻨﺘﻘﻞ‬ ‫اﻟﺘﺮآﻴﺰ‬ ‫ان‬ ‫ﻧﻼﺣﻆ‬. ‫اﻟﺘﺮآﻴﺰ‬ ‫ﺑﻌﻤﻠﻴﺔ‬ ‫ﻣﺸﻤﻮل‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﻓﺎن‬ ‫آﺬﻟﻚ‬Focus‫ﻳ‬ ‫ﻧﺤﺪد‬ ‫ﺣﻴﺚ‬ ، ‫اﻟﺘﺮآﻴﺰ‬ ‫ﻻﻳﺘﻘﺒﻞ‬ ‫اﻧﻪ‬ ‫ﻣﻦ‬ ‫ﺑﺎﻟﺮﻏﻢ‬‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻤﻜﻨﻨﺎ‬ AssociatedControlID..‫اﻟﺘﺮآﻴﺰ‬ ‫اﺳﺘﺨﺪام‬ ‫ﻋﻨﺪ‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺑﻬﺎ‬ ‫ﺳﻴﺮﺗﺒﻂ‬ ‫اﻟﺘﻲ‬ ‫اﻻداة‬ ‫ﻧﺤﺪد‬ ‫وآﺬﻟﻚ‬.. ‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫ﻣﻦ‬ ‫اﻟﻮﺻﻮل‬ ‫ﻣﻔﺘﺎح‬ ‫ﺑﺤﺬف‬ ‫اﻻن‬ ‫ﻧﻘﻮم‬txt‫اﻟﻘﻴﻤﺔ‬ ‫وﻧﺪﺧﻞ‬A‫وﻧﺤﺪد‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻟﻌﻨﺼﺮ‬ ‫اﻟﻮﺻﻮل‬ ‫ﻟﻤﻔﺘﺎح‬txt‫اﻟﻌﻨﺼﺮ‬ ‫ﻋﻨﺪ‬ ‫اﻟﺘﺮآﻴﺰ‬ ‫اﻟﻴﻪ‬ ‫ﺳﻴﻨﺘﻘﻞ‬ ‫اﻟﺬي‬.. ‫ﻣﻔﺘﺎح‬ ‫ﻧﻨﻘﺮ‬ ‫اﻻن‬F5‫اﻟﺰرﻳﻦ‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬Alt+A‫اﻟﻨﺺ‬ ‫ﺻﻨﺪوق‬ ‫اﻟﻰ‬ ‫اﻟﺘﺮآﻴﺰ‬ ‫اﻧﺘﻘﺎل‬ ‫ﻓﻨﻼﺣﻆ‬ ‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬ ‫ﻣﻦ‬.. ‫اﻟﻔﺘﺮاﺿﻲ‬ ‫اﻟﺰر‬)Default Button: ( ‫ان‬ASP.NET‫اﻟﻮب‬ ‫ﺻﻔﺤﺎت‬ ‫ﻓﻲ‬ ‫اﻻﻓﺘﺮاﺿﻲ‬ ‫اﻟﺰر‬ ‫ﺧﺎﺻﻴﺔ‬ ‫ﻟﻨﺎ‬ ‫ﻳﻮﻓﺮ‬.‫اﻟﺬي‬ ‫اﻟﺰر‬ ‫هﻮ‬ ‫اﻻﻓﺘﺮاﺿﻲ‬ ‫اﻟﺰر‬ ‫ان‬)‫ﻳﻨﻘﺮ‬(‫ﻳﻨﻘﺮ‬ ‫ﻋﻨﺪﻣﺎ‬ ‫ﻋﻠﻰ‬ ‫اﻟﻤﺴﺘﺨﺪم‬‫ﻣﻔﺘﺎح‬Enter‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬ ‫ﻣﻦ‬. ‫اﻟﺰر‬ ‫ﻧﺠﻌﻞ‬ ‫ان‬ ‫ﻧﺮﻳﺪ‬ ‫وﻧﺤﻦ‬ ، ‫ﻧﻤﻮذج‬ ‫ﻋﻠﻰ‬ ‫ﺗﺤﺘﻮي‬ ‫اﻟﻮب‬ ‫ﺻﻔﺤﺔ‬ ‫آﺎﻧﺖ‬ ‫ان‬ ، ‫آﻤﺜﺎل‬)‫ارﺳﺎل‬(‫اﻻﻓﺘﺮاﺿﻲ‬ ‫اﻟﺰر‬ ‫هﻮ‬..‫ﻳﻨﻘﺮ‬ ‫ﻓﻌﻨﺪﻣﺎ‬ ‫اﻟﻤﻔﺘﺎح‬ ‫ﻋﻠﻰ‬ ‫اﻟﻤﺴﺘﺨﺪم‬Enter‫اﻟﺤﺪث‬ ‫و‬ ‫ارﺳﺎﻟﻬﺎ‬ ‫ﺳﻴﺘﻢ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻓﺎن‬ ‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬ ‫ﻣﻦ‬Button.Click‫اﻟﺰر‬ ‫ﻟﻬﺬا‬ ‫ﺳﻴﺤﺪث‬. ‫ان‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬‫اﻓﺘﺮاﺿﻲ‬ ‫زر‬ ‫ﺑﻌﻤﻞ‬ ‫ﻧﻘﻮم‬..‫اﻟﺰر‬ ‫هﻮ‬ ‫ﺟﻌﻠﻪ‬ ‫اﻟﻤﺮاد‬ ‫اﻟﺰر‬ ‫اﺳﻢ‬ ‫ﻣﻊ‬ ‫اﻟﻮب‬ ‫ﻟﺼﻔﺤﺔ‬ ‫اﻻﻓﺘﺮاﺿﻲ‬ ‫اﻟﺰر‬ ‫ﺧﺎﺻﻴﺔ‬ ‫اﺳﻨﺎد‬ ‫ﻓﻴﺠﺐ‬ ‫اﻻﻓﺘﺮاﺿﻲ‬: <form id="form1" defaultbutton ="Button1" runat="server"> ‫اﻟﺰر‬ ‫ﺳﻴﻜﻮن‬ ‫ﻋﻨﺪهﺎ‬Button1‫اﻟﻤﺴﺘﺨﺪ‬ ‫ﻳﻨﻘﺮ‬ ‫ﻋﻨﺪﻣﺎ‬ ‫ﻟﻪ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺣﺪث‬ ‫ﻳﺤﺪث‬ ‫اﻟﺬي‬ ‫و‬ ‫اﻻﻓﺘﺮاﺿﻲ‬ ‫اﻟﺰر‬ ‫هﻮ‬‫ﻣﻔﺘﺎح‬ ‫ﻋﻠﻰ‬ ‫م‬Enter. ‫درﺳﻨﺎ‬ ‫ﻧﻬﺎﻳﺔ‬ ‫اﻟﻰ‬ ‫وﺻﻠﻨﺎ‬ ‫هﻨﺎ‬ ‫اﻟﻰ‬.. ‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﻓﻲ‬ ‫اﻟﻤﻘﺪﻣﺔ‬ ‫اﻟﻤﻌﻠﻮﻣﺎت‬ ‫ﻣﻦ‬ ‫اﺳﺘﻔﺪﺗﻢ‬ ‫ﻗﺪ‬ ‫ﺗﻜﻮﻧﻮا‬ ‫ان‬ ‫ارﺟﻮ‬.. ‫ﺟﺪﻳﺪة‬ ‫وﻣﻌﻠﻮﻣﺎت‬ ‫ﻗﺎدﻣﺔ‬ ‫دروس‬ ‫ﻓﻲ‬ ‫ﻣﻠﺘﻘﺎﻧﺎ‬.. ‫ﺑﺎﻟﺘﻮﻓﻴﻖ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ ‫دﻋﺎﺋﻲ‬ ‫اﻟﻤﻬﻨﺪس‬ ‫ﻳﺎﺳـــﻴﻦ‬ ‫ﻋــﺪي‬ ‫ﺣﺎﺳﻮب‬ ‫هﻨﺪﺳﺔ‬ ‫ﺑﻜﺎﻟﻮرﻳﻮس‬ engauday@hotmail.com 4 ‫اﻟﺠﻤﻌﺔ‬:27/7/2007
  • 23. ‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬ ASP.Net ‫اﻟﺪرس‬‫اﻟ‬‫ﺴﺎدس‬ ‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻤﻮاﻗﻊ‬ ‫وﺑﺮﻣﺠﺔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫دروس‬ ‫ﻣﻦ‬ ‫ﺟﺪﻳﺪ‬ ‫درس‬ ‫ﻓﻲ‬ ‫اﻻﺧﻮات‬ ‫و‬ ‫ﺑﺎﻻﺧﻮة‬ ‫ﻣﺮﺣﺒﺎ‬ASP.NET & VB.NET. ‫ﺟﺪﻳﺪة‬ ‫ﺻﻔﺤﺔ‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﻧﻘﻮم‬.. ‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﻧﻀﻴﻒ‬BulletedList.. ‫اﻟﻤﺮﺑ‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻟﻼداة‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ﻧﻘﻮم‬‫ﻟﻠﺨﺎﺻﻴﺔ‬ ‫اﻟﻤﻘﺎﺑﻞ‬ ‫اﻟﺤﻘﻞ‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻋﻨﺪ‬ ‫ﻳﻈﻬﺮ‬ ‫اﻟﺬي‬ ‫اﻟﻤﺼﻐﺮ‬ ‫ﻊ‬Items. ‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫اﻻداة‬ ‫ﻟﺘﺒﺪو‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫ﻧﻀﻴﻒ‬: ‫ﻣﺮﺗﺒﺔ‬ ‫اﻟﻐﻴﺮ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﺗﻜﺎﻓﺊ‬ ‫اداة‬ ‫هﻲ‬ ‫اﻻداة‬ ‫هﺬﻩ‬ ‫ان‬unorderedlist‫اﻟﻤﺮﺗﺒﺔ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫او‬orderedlist.. ‫اﻟﺨﺎﺻﻴﺔ‬BulletList: ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﻧﻮع‬ ‫ﺗﺤﺪد‬ ‫وهﻲ‬..‫أرﻗﺎ‬ ‫ام‬ ‫ﻧﺨﺘﺎر‬‫م‬Numbered (1,2,3,..)‫ﺻﻐﻴﺮة‬ ‫اﺑﺠﺪﻳﺔ‬ ‫ﺣﺮوف‬ ‫او‬LowerAlpha(a,b,c,..)‫او‬ ‫آﺒﻴﺮة‬ ‫اﺑﺠﺪﻳﺔ‬ ‫ﺣﺮوف‬UpperAlpha(A,B,C,..)‫ﺻﻮرة‬ ‫او‬ ‫ﻣﺮﺑﻊ‬ ‫او‬ ‫داﺋﺮي‬ ‫ﺳﻮاء‬ ، ‫ﻋﺮﺿﻪ‬ ‫اﻟﻤﻤﻜﻦ‬ ‫اﻟﺮﻣﺰ‬ ‫ﻧﺤﺪد‬ ‫آﺬﻟﻚ‬ ، ‫ﻏﻴﺮهﺎ‬ ‫او‬ ‫ﻣﺨﺼﺼﺔ‬)‫اﻟﺨﺎﺻﻴﺔ‬ ‫اﺳﺘﺨﺪاﻣﻨﺎ‬ ‫ﺣﺎﻟﺔ‬ ‫ﻓﻲ‬BlletImageUrl. ( ‫اﻟﺨﺎﺻﻴﺔ‬BulletImageUrl: ‫وه‬‫ﻋﻨﺼﺮ‬ ‫آﻞ‬ ‫ﻣﻦ‬ ‫اﻟﻴﺴﺎر‬ ‫اﻟﻰ‬ ‫ﻋﺮﺿﻬﺎ‬ ‫ﺳﻴﺘﻢ‬ ‫اﻟﺘﻲ‬ ‫اﻟﺼﻮرة‬ ‫ﺗﺤﺪد‬ ‫ﻲ‬. ‫اﻟﺨﺎﺻﻴﺔ‬FirstBulletNumber: ‫ﺗﺴﺘﺨﺪم‬ ‫اﻟﺘﻲ‬ ‫اﻟﻤﺮﺗﺒﺔ‬ ‫اﻟﺌﻢ‬ ‫ﻓﻲ‬)Numbered , LowerAlpha , UpperAlpha , LowerRoman , UpperRoman.. (‫ﻳﻤﻜﻨﻨﺎ‬ ‫ﻟﻠﻘﺎﺋﻤﺔ‬ ‫اﻻوﻟﻰ‬ ‫اﻟﻘﻴﻤﺔ‬ ‫ﺗﺤﺪﻳﺪ‬.. ‫اﻟﻘﻴﻤﺔ‬ ‫اﻋﻄﻴﻨﺎ‬ ‫ان‬ ‫ﻣﺜﻼ‬3‫ﺳﻴﻜ‬ ‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﻟﻬﺬﻩ‬‫اﻟﺘﺮﻗﻴﻢ‬ ‫ﻮن‬3,4,5‫اﻟﻰ‬ ‫ﺑﺎﻟﻨﺴﺒﺔ‬Numbered‫او‬C,D,E‫اﻟﻰ‬ ‫ﺑﺎﻟﻨﺴﺒﺔ‬UpperAlpha. 1
  • 24. ‫هﻲ‬ ‫اﻟﺴﺎﺑﻖ‬ ‫اﻻﺧﺘﻴﺎر‬ ‫ﻧﺘﻴﺠﺔ‬ ‫ﺗﻜﻮن‬: ‫اﺧﺮ‬ ‫ﻣﻮﻗﻊ‬ ‫او‬ ‫اﺧﺮى‬ ‫ﺻﻔﺤﺔ‬ ‫اﻟﻰ‬ ‫ﺗﺸﻌﺒﻲ‬ ‫ارﺗﺒﺎط‬ ‫ﻳﻤﺜﻞ‬ ‫ﻋﻨﺼﺮ‬ ‫آﻞ‬ ‫ﻧﺠﻌﻞ‬ ‫ان‬ ‫ﻧﺮﻳﺪ‬ ، ‫اﻟﺤﺎﻻت‬ ‫ﺑﻌﺾ‬ ‫ﻓﻲ‬.. ‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ذﻟﻚ‬ ‫ﻋﻤﻞ‬ ‫ﻳﻤﻜﻨﻨﺎ‬DisplayMode.. ‫اﻟﺨﺎﺻﻴﺔ‬DisplayMode‫ﻋﻠﻰ‬ ‫ﻳﺤﺘﻮي‬ ‫ﻧﺺ‬ ‫ﺷﻜﻞ‬ ‫ﻋﻠﻰ‬ ‫او‬ ‫ﻋﺎدي‬ ‫ﻧﺺ‬ ‫ﺷﻜﻞ‬ ‫ﻋﻠﻰ‬ ‫ﻋﺮﺿﻪ‬ ‫ﺳﻴﺘﻢ‬ ‫ﻋﻨﺼﺮ‬ ‫آﻞ‬ ‫ﻓﻲ‬ ‫اﻟﻨﺺ‬ ‫آﺎن‬ ‫ان‬ ‫ﺗﺤﺪد‬ ‫ارﺗﺒﺎط‬Hyperlink.. ‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺔ‬ ‫ﻧﻀﻴﻒ‬Button‫و‬Label‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻟﺘﺒﺪو‬: ‫ﻋﻠﻴﻬﺎ‬ ‫اﻟﻤﺰدوج‬ ‫اﻟﻨﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻟﻼداة‬ ‫اﻟﻨﻘﺮ‬ ‫ﺣﺪث‬ ‫ﻓﻲ‬ ‫اﻟﻜﻮد‬ ‫ﻧﻀﻴﻒ‬ ‫اﻻن‬.. Protected Sub BulletedList1_Click(ByVal sender As Object, ByVal e As _ System.Web.UI.WebControls.BulletedListEventArgs) Handles BulletedList1.Click Dim ItemText As String = _ BulletedList1.Items(e.Index).Text Label1.Text = " You Choose Item " & ItemText End Sub ‫ﻧﻘﺮﻩ‬ ‫ﺗﻢ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫اي‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻳﺨﺒﺮ‬ ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﻜﻮد‬ ‫ان‬..‫ﻋﻨﺼﺮ‬ ‫آﻞ‬ ‫ﻣﻊ‬ ‫اﻟﺘﻔﺎﻋﻞ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﻟﻜﻮد‬ ‫ﺗﻄﻮﻳﺮ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫ﺣﻴﺚ‬.. ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫وﻧﻼﺣﻆ‬ ‫اﻻول‬ ‫اﻟﻌﻨﺼﺮ‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺸﻐﻴﻞ‬ ‫ﻧﻘﻮم‬.. ‫درﺳﻨﺎ‬ ‫ﻧﻬﺎﻳﺔ‬ ‫اﻟﻰ‬ ‫وﺻﻠﻨﺎ‬ ‫هﻨﺎ‬ ‫اﻟﻰ‬.. ‫اﻟ‬ ‫ﻣﻦ‬ ‫اﺳﺘﻔﺪﺗﻢ‬ ‫ﻗﺪ‬ ‫ﺗﻜﻮﻧﻮا‬ ‫ان‬ ‫ارﺟﻮ‬‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﻓﻲ‬ ‫اﻟﻤﻘﺪﻣﺔ‬ ‫ﻤﻌﻠﻮﻣﺎت‬.. ‫ﺟﺪﻳﺪة‬ ‫وﻣﻌﻠﻮﻣﺎت‬ ‫ﻗﺎدﻣﺔ‬ ‫دروس‬ ‫ﻓﻲ‬ ‫ﻣﻠﺘﻘﺎﻧﺎ‬.. ‫ﺑﺎﻟﺘﻮﻓﻴﻖ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ ‫دﻋﺎﺋﻲ‬ ‫اﻟﻤﻬﻨﺪس‬ ‫ﻳﺎﺳـــﻴﻦ‬ ‫ﻋــﺪي‬ ‫ﺣﺎﺳﻮب‬ ‫هﻨﺪﺳﺔ‬ ‫ﺑﻜﺎﻟﻮرﻳﻮس‬ engauday@hotmail.com 2 ‫اﻟﺠﻤﻌﺔ‬:27/7/2007
  • 25. ‫اﻟﻜﺒﺮى‬ ‫اﻟﺘﻌﻠﻴﻤﻴﺔ‬ ‫اﻟﻤﻮﺳﻮﻋﺔ‬ ASP.Net ‫اﻟﺪرس‬‫اﻟ‬‫ﺴﺎﺑﻊ‬ ‫ﺑﺎﺳﺘﺨﺪام‬ ‫اﻟﻤﻮاﻗﻊ‬ ‫وﺑﺮﻣﺠﺔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫دروس‬ ‫ﻣﻦ‬ ‫ﺟﺪﻳﺪ‬ ‫درس‬ ‫ﻓﻲ‬ ‫اﻻﺧﻮات‬ ‫و‬ ‫ﺑﺎﻻﺧﻮة‬ ‫ﻣﺮﺣﺒﺎ‬ASP.NET & VB.NET. ‫اﻟﺠﺪول‬ ‫اداة‬ ‫ﻣﻊ‬ ‫ﺳﻨﺘﻌﺎﻣﻞ‬ ‫هﺬا‬ ‫درﺳﻨﺎ‬ ‫ﻓﻲ‬.. ‫ﺟﺪﻳﺪة‬ ‫ﺻﻔﺤﺔ‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﻧﻘﻮم‬ ‫ﺟﺪﻳﺪ‬ ‫درس‬ ‫آﻞ‬ ‫ﻓﻲ‬ ‫ﺗﻌﻠﻤﻨﺎ‬ ‫آﻤﺎ‬.. ‫ﻟﺘ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺼﻤﻢ‬ ‫ذﻟﻚ‬ ‫ﺑﻌﺪ‬‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﺒﺪو‬: ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫ﻓﻲ‬ ‫اﺧﺮ‬ ‫اﺳﻠﻮب‬ ‫اﺗﺒﺎع‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫آﺬﻟﻚ‬..‫اﻟـ‬ ‫ﻧﺎﻓﺬة‬ ‫ﻓﻲ‬ ‫آﻮد‬ ‫آﺘﺎﺑﺔ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻻﺳﻠﻮب‬ ‫هﺬا‬Source.. ‫اﻟـ‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬Source‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫وﻧﻜﺘﺐ‬: <form id="form1" runat="server"> <div> Rows: <asp:TextBox ID ="txtRows" runat ="server" /> &nbsp; Cols: <asp:TextBox ID ="txtCols" runat ="server" /> <br /> <br /> <asp:CheckBox ID ="chkBorder" runat ="server" Text = "Put Border Around Cells" /> <br /> <br /> <asp:Button ID = "cmdCreate" runat ="server" Text ="Create" /> <br /> <br /> <asp:Table ID ="tbl" runat ="server" /> &nbsp;<br /> </div> </form> ‫ﻣﺴﺒﻘﺎ‬ ‫وﺿﺤﻨﺎ‬ ‫آﻤﺎ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻟﺘﺼﻤﻴﻢ‬ ‫ﻧﺎﺗﺞ‬ ‫ﻳﻌﻄﻴﻨﺎ‬ ‫اﻋﻼﻩ‬ ‫اﻟﻜﻮد‬ ‫ان‬.. ‫اﻻداة‬ ‫ﻣﻦ‬ ‫ﻧﺴﺨﺘﻴﻦ‬ ‫ﻣﻦ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺘﻜﻮن‬ ‫ﺣﻴﺚ‬TextBox‫و‬ ‫اﻟﺼﻔﻮف‬ ‫ﻋﺪد‬ ‫ﺑﺎدﺧﺎل‬ ‫ﻟﻠﻤﺴﺘﺨﺪم‬ ‫اﻟﺴﻤﺎح‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫ﺑﺎﺳﺘﺨﺪاﻣﻪ‬ ‫ﺳﻨﻘﻮم‬ ‫اﺣﺪهﻤﺎ‬ ‫ﻟﻠﺠﺪول‬ ‫اﻟﻤﻜﻮﻧﺔ‬ ‫اﻻﻋﻤﺪة‬ ‫ﻋﺪد‬ ‫ادﺧﺎل‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﻻﺧﺮ‬.. ‫و‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫ﻓﻬﻲ‬ ‫اﻻﺧﺘﺒﺎر‬ ‫اداة‬ ‫ﻧﺴﺨﺔ‬ ‫اﻣﺎ‬‫ﻟﻠﺠﺪول‬ ‫ﺣﺪود‬ ‫ﺿﻊ‬)‫اﺧﺘﻴﺎرهﺎ‬ ‫ﺗﻢ‬ ‫ان‬.. ( ‫اﻟﺠﺪول‬ ‫اداة‬ ‫ﻣﻦ‬ ‫وﻧﺴﺨﺔ‬ ‫اﻟﺰر‬ ‫اداة‬ ‫ذﻟﻚ‬ ‫ﺑﻌﺪ‬.. ‫ﺣﻮل‬ ‫ﺣﺪود‬ ‫ﻳﺮﻳﺪ‬ ‫آﺎن‬ ‫ان‬ ‫وﻳﺨﺘﺎر‬ ‫ﻟﻠﺠﺪول‬ ‫اﻟﻤﻜﻮﻧﺔ‬ ‫اﻟﺼﻔﻮف‬ ‫و‬ ‫اﻻﻋﻤﺪة‬ ‫ﻋﺪد‬ ‫ﻳﺪﺧﻞ‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﺳﻨﺠﻌﻞ‬ ‫اﻧﻨﺎ‬ ‫هﻲ‬ ‫هﺬﻩ‬ ‫ﺻﻔﺤﺘﻨﺎ‬ ‫ﻓﻲ‬ ‫اﻟﻔﻜﺮة‬ ‫اﻻ‬ ‫ﻋﻠﻰ‬ ‫ﺑﺎﻻﻋﺘﻤﺎد‬ ‫اﻟﺠﺪول‬ ‫اﻧﺸﺎء‬ ‫ﻳﺘﻢ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻋﻨﺪ‬ ‫ﺛﻢ‬ ، ‫ﻻ‬ ‫او‬ ‫اﻟﺨﻼﻳﺎ‬‫ﻣﺴﺒﻘﺎ‬ ‫اﺧﺘﺎرهﺎ‬ ‫اﻟﺘﻲ‬ ‫ﺧﺘﻴﺎرات‬. ‫ﺑﻬﻤﺎ‬ ‫اﻟﺨﺎص‬ ‫اﻟﻜﻮد‬ ‫ﺑﻜﺘﺎﺑﺔ‬ ‫ﺳﻨﻘﻮم‬ ‫ﺣﺪﺛﻴﻦ‬ ‫ﻟﺪﻳﻨﺎ‬ ‫اﻻن‬.. ‫ﻋﺮض‬ ‫وﺗﺤﺪﻳﺪ‬ ‫ﻋﺎﻣﺔ‬ ‫ﺑﺼﻮرة‬ ‫ﻟﻠﺠﺪول‬ ‫ﺣﺪود‬ ‫اﻧﺸﺎء‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫هﻮ‬ ‫ﻓﻴﻪ‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫واﻟﻜﻮد‬ ، ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺤﻤﻴﻞ‬ ‫ﺣﺪث‬ ‫هﻮ‬ ‫اﻻول‬ ‫اﻟﺤﺪث‬ ‫اﻟﺤﺪول‬)‫ا‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺨﻼﻳﺎ‬ ‫ﺣﻮل‬ ‫ﺑﺎﻧﺸﺎءهﺎ‬ ‫ﻧﻘﻮم‬ ‫اﻟﺘﻲ‬ ‫اﻟﺤﺪود‬ ‫ﻋﻦ‬ ‫ﻳﺨﺘﻠﻒ‬ ‫وهﻮ‬‫اﻻﺧﺘﺒﺎر‬ ‫ﺻﻨﺪوق‬ ‫اداة‬ ‫ﺧﺘﻴﺎر‬.. ( 1 ‫ﻟﻠﺠﺪول‬ ‫ﺣﺪود‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﻧﻘﻮم‬ ‫ان‬ ‫ﻻﻧﺮﻳﺪ‬ ‫آﻨﺎ‬ ‫ان‬ ‫اﻟﻜﻮد‬ ‫هﺬا‬ ‫ﻋﻦ‬ ‫اﻻﺳﺘﻐﻨﺎء‬ ‫وﻳﻤﻜﻨﻨﺎ‬..
  • 26. ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫اﻟﻨﻘﺮ‬ ‫ﻟﺤﺪث‬ ‫اﻟﻜﻮد‬ ‫اﻣﺎ‬‫ﺑﺎﻻﻋﺘﻤﺎد‬ ‫اﻟﺠﺪول‬ ‫ﺑﺎﻧﺸﺎء‬ ‫ﻳﻘﻮم‬ ‫ﻓﻬﻮ‬‫اﻟﻤﺴﺘﺨﺪم‬ ‫ادﺧﺎﻻت‬ ‫ﻋﻠﻰ‬. : ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺤﻤﻴﻞ‬ ‫ﺣﺪث‬ ‫آﻮد‬ ‫اﻟﺨﺎة‬ ‫اﺳﺘﺨﺪﻣﻨﺎ‬ ‫اﻧﻨﺎ‬ ‫ﻧﻼﺣﻆ‬BorderStyle‫ﺑﺎﻟﺠﺪول‬ ‫اﻟﻤﺤﻴﻂ‬ ‫اﻻﻃﺎر‬ ‫ﻧﻮع‬ ‫ﺗﺤﺪﻳﺪ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬.. ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺠﺪول‬ ‫ﺣﺪود‬ ‫ﻋﺮض‬ ‫ﺣﺪدﻧﺎ‬ ‫آﺬﻟﻚ‬BorderWidth. ‫ﻟﻠﺰر‬ ‫اﻟﻨﻘﺮ‬ ‫ﺣﺪث‬ ‫آﻮد‬: ‫ﻣﺤﺘﻮﻳﺎﺗﻪ‬ ‫ﺟﻤﻴﻊ‬ ‫ﻣﻦ‬ ‫اﻟﺠﺪول‬ ‫ﺑﺎﻓﺮاغ‬ ‫ﻧﻘﻮم‬ ‫اﻟﻜﻮد‬ ‫ﺑﺪاﻳﺔ‬ ‫ﻓﻲ‬) ..‫اﻟﺨﻼﻳﺎ‬. ( ‫ﻣﺘﻐﻴﺮﻳﻦ‬ ‫ﺑﺘﻌﺮﻳﻒ‬ ‫ﻧﻘﻮم‬ ‫ذﻟﻚ‬ ‫ﺑﻌﺪ‬i , j..‫اﻟﺪورا‬ ‫ﻋﻤﻞ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫ﻧﺴﺘﺨﺪﻣﻬﻤﺎ‬ ‫واﻟﺬﻳﻦ‬‫ﻣﻮﺟﻮدة‬ ‫اﻟﺘﻲ‬ ‫اﻟﺨﻼﻳﺎ‬ ‫و‬ ‫اﻟﺼﻔﻮف‬ ‫ﺑﺎﻧﺸﺎء‬ ‫اﻟﺨﺎﺻﺔ‬ ‫ت‬ ‫داﺧﻠﻬﺎ‬.. ‫ﻟﻜﻞ‬ ‫اﻟﺨﻼﻳﺎ‬ ‫اﻧﺸﺎء‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﻻوﻟﻰ‬ ‫اﻟﺪوارﻩ‬ ‫داﺧﻞ‬ ‫اﺧﺮى‬ ‫دوارﻩ‬ ‫ﻋﻤﻞ‬ ‫ﺛﻢ‬ ‫وﻣﻦ‬ ، ‫اﻟﺼﻔﻮف‬ ‫ﺑﻌﺪد‬ ‫دوراﻩ‬ ‫ﻋﻤﻞ‬ ‫ﻓﻲ‬ ‫ﺗﺘﻠﺨﺺ‬ ‫اﻟﻜﻮد‬ ‫ﻓﻲ‬ ‫اﻟﻔﻜﺮة‬ ‫اﻟﺼﻔﻮف‬ ‫ﻣﻦ‬ ‫ﺻﻒ‬. ‫وﻧﺴﺘﺨﺪم‬Controls.Add‫ﻟﻠﺼﻔﻮف‬ ‫اﻟﺨﻼﻳﺎ‬ ‫و‬ ‫ﻟﻠﺠﺪول‬ ‫اﻟﺼﻔﻮف‬ ‫اﺿﺎﻓﺔ‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬. ‫ﻣﻔﺘﺎح‬ ‫ﺑﻨﻘﺮ‬ ‫ﺗﺸﻐﻴﻠﻬﺎ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﻧﺠﺮب‬ ‫ان‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫اﻻن‬F5‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬ ‫ﻣﻦ‬. ‫اﻋﻼﻩ‬ ‫اﻟﺼﻮرة‬ ‫ﻓﻲ‬ ‫ﻣﻮﺿﺢ‬ ‫هﻮ‬ ‫آﻤﺎ‬ ‫اﻟﻘﻴﻢ‬ ‫ﻧﺪﺧﻞ‬..‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫وﻧﻨﻘﺮ‬ ‫اﻟﻨﺺ‬ ‫ﺻﻨﺎدﻳﻖ‬ ‫ﻓﻲ‬ ‫ﻗﻴﻤﻬﺎ‬ ‫ادﺧﺎل‬ ‫ﺗﻢ‬ ‫اﻟﺘﻲ‬ ‫اﻻﻋﻤﺪة‬ ‫و‬ ‫اﻟﺼﻔﻮف‬ ‫ﺑﻌﺪد‬ ‫اﻟﺠﺪول‬ ‫اﻧﺸﺎء‬ ‫ﺳﻴﺘﻢ‬.. 2 ‫ﺻﻨﺪوق‬ ‫آﺎن‬ ‫ان‬ ‫ﻟﻠﺨﻼﻳﺎ‬ ‫ﺣﺪود‬ ‫اﻧﺸﺎء‬ ‫ﺳﻴﺘﻢ‬ ‫آﺬﻟﻚ‬‫ﻣﺨﺘﺎرا‬ ‫اﻻﺧﺘﺒﺎر‬.
  • 27. ‫اﻟﺠﺪول‬ ‫ﺧﻼﻳﺎ‬ ‫ﻣﻦ‬ ‫ﺧﻠﻴﺔ‬ ‫آﻞ‬ ‫داﺧﻞ‬ ‫ادوات‬ ‫وﺿﻊ‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫آﺬﻟﻚ‬... ‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﻟﻴﺼﺒﺢ‬ ‫ﻟﻠﺰر‬ ‫اﻟﻨﻘﺮ‬ ‫ﺣﺪث‬ ‫آﻮد‬ ‫ﺑﺘﻌﺪﻳﻞ‬ ‫ﻧﻘﻮم‬: ‫اﻟﺨﻼﻳﺎ‬ ‫ﻣﻦ‬ ‫ﺧﻠﻴﺔ‬ ‫ﻟﻜﻞ‬ ‫اﻟﺼﻮرة‬ ‫اداة‬ ‫و‬ ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬ ‫اداة‬ ‫ﺑﺎﺿﺎﻓﺔ‬ ‫ﻗﻤﻨﺎ‬ ، ‫اﻟﺴﺎﺑﻖ‬ ‫اﻟﻜﻮد‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬.. ‫ﺑ‬ ‫ﺻﻮرة‬ ‫وﺿﻊ‬ ‫ﻳﺠﺐ‬ ‫ن‬ ‫اﻟﻜﻮد‬ ‫ﻋﻤﻞ‬ ‫ﻧﺠﺎح‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬‫ﺎﻻﺳﻢ‬Red‫اﻟﻤﻮﻗﻊ‬ ‫ﻣﺠﻠﺪ‬ ‫داﺧﻞ‬.. 3
  • 28. ‫ﻣﻔﺘﺎح‬ ‫ﻧﻘﺮ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺠﺮﺑﺔ‬ ‫ﻧﻘﻮم‬F5‫اﻟﻤﻔﺎﺗﻴﺢ‬ ‫ﻟﻮﺣﺔ‬ ‫ﻣﻦ‬.. ‫اﻟﺠﺪول‬ ‫اﻧﺸﺎء‬ ‫اﺟﻞ‬ ‫ﻣﻦ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫ﺛﻢ‬ ‫وﻣﻦ‬ ‫اﻟﺼﻔﻮف‬ ‫و‬ ‫اﻻﻋﻤﺪة‬ ‫ﻟﻌﺪد‬ ‫ﻗﻴﻢ‬ ‫وﻧﺪﺧﻞ‬. ‫هﻨﺎ‬ ‫اﻟﻰ‬‫ﺧﻠﻴﺔ‬ ‫آﻞ‬ ‫داﺧﻞ‬ ‫ﻧﺺ‬ ‫وآﺘﺎﺑﺔ‬ ‫ﺑﺮﻣﺠﻴﺔ‬ ‫ﺑﺼﻮرة‬ ‫ﺟﺪول‬ ‫اﻧﺸﺎء‬ ‫آﻴﻔﻴﺔ‬ ‫ﺗﻌﻠﻤﻨﺎ‬.. ‫اﻻد‬ ‫وﺿﻊ‬ ‫آﺬﻟﻚ‬‫ﺧﻠﻴﺔ‬ ‫آﻞ‬ ‫داﺧﻞ‬ ‫وات‬)‫اﻟﺼﻮرة‬ ‫اداة‬ ، ‫اﻟﺘﺴﻤﻴﺔ‬ ‫ﻋﻨﺼﺮ‬. ( ‫اﻟﺘﺼﻤﻴﻢ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫اﻟﺴﺎﺑﻘﺔ‬ ‫اﻻﻣﻮر‬ ‫ﻧﻔﺲ‬ ‫ﻋﻤﻞ‬ ‫ﻳﻤﻜﻨﻨﺎ‬)‫اﻟﺴﺎﺑﻘﺔ‬ ‫اﻟﺪروس‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﺳﻨﺘﻌﻠﻢ‬ ‫آﻤﺎ‬. ( ‫آﺎﻣﻠﺔ‬ ‫ﺑﻤﻤﻴﺰات‬ ‫آﺎﺋﻦ‬ ‫ﺗﻤﺜﻞ‬ ‫ﺟﺪول‬ ‫ﺧﻠﻴﺔ‬ ، ‫ﺟﺪول‬ ‫ﺻﻒ‬ ، ‫ﺟﺪول‬ ‫آﻞ‬ ‫ان‬ ‫هﻲ‬ ‫اﻟﺠﺪول‬ ‫ﻓﻲ‬ ‫اﻟﺤﻘﻴﻘﻴﺔ‬ ‫اﻟﻤﺮوﻧﺔ‬ ‫ان‬..‫ﺧﻠﻴﺔ‬ ‫ﻟﻜﻞ‬ ‫اﺳﻨﺎد‬ ‫ﻳﻤﻜﻨﻨﺎ‬ ‫اﻃﺎر‬‫ﺑﺨﺼﺎﺋﺼﻬﺎ‬ ‫اﻟﺘﺤﻜﻢ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﻧﺺ‬ ‫وﻟﻮن‬ ‫ﻣﺨﺘﻠﻒ‬ ‫اﻃﺎر‬ ‫وﻟﻮن‬ ‫ﻣﺨﺘﻠﻒ‬. ‫اﻟﺨﻄﻮط‬ ‫و‬ ‫اﻻﻟﻮان‬ ‫ﻣﻊ‬ ‫اﻟﺘﻌﺎﻣﻞ‬ ‫آﻴﻔﻴﺔ‬ ‫اﻟﺴﺎﺑﻘﺔ‬ ‫اﻟﺪروس‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ﺗﻌﻠﻤﻨﺎ‬..‫ﻣﻦ‬ ‫ﻧﺴﺨﺘﻴﻦ‬ ‫اﺿﺎﻓﺔ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫هﺬا‬ ‫درﺳﻨﺎ‬ ‫ﺳﻨﻜﻤﻞ‬ ‫ﻟﻜﻨﻨﺎ‬ ‫ﻋﻠ‬ ‫اﻟﻤﻌﺪة‬ ‫اﻟﺨﻄﻮط‬ ‫ﺟﻤﻴﻊ‬ ‫ﻋﻠﻰ‬ ‫اﻟﺜﺎﻧﻲ‬ ‫و‬ ‫اﻻﻟﻮان‬ ‫ﺟﻤﻴﻊ‬ ‫ﻋﻠﻰ‬ ‫اﻻول‬ ‫ﻳﺤﺘﻮي‬ ‫اﻟﻤﻨﺴﺪﻟﺔ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﺻﻨﺪوق‬‫اﻟﺤﺎﺳﺐ‬ ‫ﻰ‬.. ‫اﻟﺨﻂ‬ ‫ﻧﻤﻂ‬ ‫و‬ ‫ﻟﻠﺨﻼﻳﺎ‬ ‫اﻟﺨﻠﻔﻴﺔ‬ ‫ﻟﻮن‬ ‫ﻣﻌﻬﻤﺎ‬ ‫ﻳﺤﺪد‬ ، ‫اﻟﺼﻔﻮف‬ ‫و‬ ‫اﻻﻋﻤﺪة‬ ‫ﻋﺪد‬ ‫اﻟﻤﺴﺘﺨﺪم‬ ‫ﻳﺤﺪد‬ ‫وﻋﻨﺪﻣﺎ‬.. ‫ﻳﻠﻲ‬ ‫آﻤﺎ‬ ‫ﻟﺘﺒﺪو‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺼﻤﻴﻢ‬ ‫ﻧﻜﻤﻞ‬. ‫ﻳﻠﻲ‬ 4 ‫آﻤﺎ‬ ‫ﻟﻴﺒﺪو‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺗﺤﻤﻴﻞ‬ ‫آﻮد‬ ‫ﻧﻌﺪل‬ ‫اﻻن‬:
  • 29. ‫ﻣﺴﺒﻘﺎ‬ ‫ﺗﻌﻠﻤﻨﺎ‬ ‫وآﻤﺎ‬..‫ﻓﻴﺠﺐ‬ ‫اﻟﻤﻨﺴﺪﻟﺔ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﺻﻨﺪوق‬ ‫اﻟﻰ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫اﺿﺎﻓﺔ‬ ‫اﺟﻞ‬ ‫ﻓﻤﻦ‬‫ﻣﺮة‬ ‫آﻞ‬ ‫ﻓﻲ‬ ‫اﻟﻌﻨﺎﺻﺮ‬ ‫اﺿﺎﻓﺔ‬ ‫ﻻﻳﺘﻢ‬ ‫ان‬ ‫اﻟﺘﺎآﺪ‬ ‫ﻋﻠﻴﻨﺎ‬ ‫اﻟﺨﺎدم‬ ‫اﻟﻰ‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ارﺳﺎل‬ ‫ﻓﻴﻬﺎ‬ ‫ﻳﺘﻢ‬..‫ﺧﻼل‬ ‫ﻣﻦ‬ ‫ذﻟﻚ‬ ‫وﻳﺘﻢ‬Me.IsPostBack.... ‫اﻟﻤﺘﻐﻴﺮ‬ ‫ﻋﺮﻓﻨﺎ‬ ‫اﻧﻨﺎ‬ ‫وﻧﻼﺣﻆ‬colorArray‫اﻟﻤﻨﺴﺪﻟﺔ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﻟﻌﻨﺼﺮ‬ ‫ﻟﻠﺒﻴﺎﻧﺎت‬ ‫آﻤﺼﺪر‬ ‫ﺟﻌﻠﻨﺎهﺎ‬ ‫وﺑﺬﻟﻚ‬ ‫اﻟﻨﺼﻮص‬ ‫ﻣﻦ‬ ‫ﻣﺼﻔﻮﻓﺔ‬ ‫اﻧﻪ‬ ‫ﻋﻠﻰ‬ ‫اﻟﺨﺎﺻﻴﺔ‬ ‫ﺧﻼل‬ ‫ﻣﻦ‬DataSource. ‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫ﻟﻪ‬ ‫وﻧﻜﺘﺐ‬ ‫اﻻول‬ ‫اﻟﻤﻨﺴﺪﻟﺔ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﺻﻨﺪوق‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫اﻻن‬.. ‫اﻟﺘﺎﻟﻲ‬ ‫اﻟﻜﻮد‬ ‫ﻟﻪ‬ ‫ﻓﻨﻜﺘﺐ‬ ‫اﻟﺜﺎﻧﻲ‬ ‫اﻟﻘﺎﺋﻤﺔ‬ ‫ﺻﻨﺪوق‬ ‫اﻣﺎ‬: ‫اﻟﻨﺘﻴﺠﺔ‬ ‫وﻧﻼﺣﻆ‬ ‫اﻟﺰر‬ ‫ﻋﻠﻰ‬ ‫ﻧﻨﻘﺮ‬ ‫ﺛﻢ‬ ‫اﻟﺨﻂ‬ ‫وﻧﻮع‬ ‫اﻟﻠﻮن‬ ‫وﻧﺤﺪد‬ ، ‫اﻻﻋﻤﺪة‬ ‫و‬ ‫اﻟﺼﻔﻮف‬ ‫ﻋﺪد‬ ‫وﻧﺤﺪد‬ ‫اﻟﺼﻔﺤﺔ‬ ‫ﺑﺘﺠﺮﺑﺔ‬ ‫اﻻن‬ ‫ﻧﻘﻮم‬.. ‫اﻟ‬ ‫وﺻﻠﻨﺎ‬ ‫هﻨﺎ‬ ‫اﻟﻰ‬‫درﺳﻨﺎ‬ ‫ﻧﻬﺎﻳﺔ‬ ‫ﻰ‬.. ‫اﻟﺪرس‬ ‫هﺬا‬ ‫ﻓﻲ‬ ‫اﻟﻤﻘﺪﻣﺔ‬ ‫اﻟﻤﻌﻠﻮﻣﺎت‬ ‫ﻣﻦ‬ ‫اﺳﺘﻔﺪﺗﻢ‬ ‫ﻗﺪ‬ ‫ﺗﻜﻮﻧﻮا‬ ‫ان‬ ‫ارﺟﻮ‬.. ‫ﺟﺪﻳﺪة‬ ‫وﻣﻌﻠﻮﻣﺎت‬ ‫ﻗﺎدﻣﺔ‬ ‫دروس‬ ‫ﻓﻲ‬ ‫ﻣﻠﺘﻘﺎﻧﺎ‬.. ‫ﺑﺎﻟﺘﻮﻓﻴﻖ‬ ‫ﻟﻠﺠﻤﻴﻊ‬ ‫دﻋﺎﺋﻲ‬ ‫اﻟﻤﻬﻨﺪس‬ ‫ﻳﺎﺳـــﻴﻦ‬ ‫ﻋــﺪي‬ ‫ﺣﺎﺳﻮب‬ ‫هﻨﺪﺳﺔ‬ ‫ﺑﻜﺎﻟﻮرﻳﻮس‬ engauday@hotmail.com 5 ‫اﻻﺣﺪ‬:5/8/2007