Asp.Netأولى شروحات

بسم الله الرحمن الرحيم
النهاردة هنبدأ حاجة بسيطة كده
هنصمم صفحة نت على Asp.Net

أولا نفتح الفيجوال استوديو 2005 من start menu



بعد كده هنلاقي أول صفحة هتقابلنا



http://farm4.static.flickr.com/3060/2597551122_cef7565714_o.jpg

نختار من قائمة File الاختيار new web site



http://farm4.static.flickr.com/3159/2597550002_584c9d75da_o.jpg

هتظهر لنا القائمة نختار منها "ASP.NET Web Site" ونختار language -> c# ->ok



http://farm4.static.flickr.com/3117/2596985689_b2fe4788ca_o.jpg

وبعد كده هنلاقي الصفحة الرئيسية فيها كود html وده كود الصفحة اللي أَنشأت
واسفل هذه الصفحة نجد مربعين
احدهما مكتوب فيه source وده خاص بكود Html الخاص بصفحة الويب
والآخر مكتوب عليه Design وده خاص بالـ form بتاع الصفحة وفيها نقدر نحدد شكل تصميم الصفحة هيكون شكله إزاي



http://farm4.static.flickr.com/3039/2596716291_a548c8f52d_o.jpg

وبعد كده نختار المربع "Design" هتظهر لنا صفحة بيضة خالص وفيه في اقصى اليسار شريط الادوات
وده شكل الصفحة



http://farm4.static.flickr.com/3195/2596718891_bf05ee9982_o.jpg

وبعد كده عايزين نعمل صفحة بقى فيها اي عناصر ولو حتى بسيطة جدا
هنضغط على "label1" مع استمرار الضغط والسحب إلى الـform هيظهر "label1" في الـ form
وكمان نضغط على "Button1" مع استمرار الضغط والسحب إلى الـ form هيظهر "button1" في الـ form
وده هيكون شكل الform



http://farm4.static.flickr.com/3202/2596719997_209d2fffb6_o.jpg

طيب عايزين بقى كمان نعمل لـ "button1" وظيفة هنضغط عليه ضغطتين متتاليتن هينقالنا لصفحة اكواد
وهيكون مؤشر الكتابة عند الـ"method" الخاصة بـ"button1" ونكتب

كود: تحديد الكل

Label1.Text = "Hello World";

http://farm4.static.flickr.com/3077/2596720575_3d5074930f_o.jpg

وبعد كده عايزين بقى نشوف صفحة الويب اللي صممناها
نروح على الزر "start debugging" في "standard bar"
أو نروح لقائمة "debug" ونختار منها "start debugging" أو نضغط على "f5"
هتظهر لنا رسالة نختار منها " add a new web.config file with debugging enabled"
ونختار موافق"ok"



http://farm4.static.flickr.com/3197/2596719561_0aeff7f762_o.jpg

هنلاقي صفحة انترنت اتفحت وبتحمل زي اي صفحة نت عادي خالص



http://farm3.static.flickr.com/2321/2596715155_8aaf567192_o.jpg

وده هيكون شكل الصفحة بعد ما اتحملت



http://farm4.static.flickr.com/3053/2597548370_a662b4854d_o.jpg

وعايزين بقى نشوف "button1" هيعمل ايه
نضغط عليه هنلاقي "label1" تتغيرت إلى "Hello World"وده هيكون شكل الصفحة
وبكده يبقى احنا صممنا صفحة ويب



http://farm4.static.flickr.com/3258/2597550326_35e6805f74_o.jpg

تابعونا
ونتمنى لكم الإفادة ومزيد من التفوق