Snagit 9.0

snagit 9.0ده الاصدار الجديد من
برنامج الشروحات العملاق

Download
or
Download

Asp.Net 2

إن شاء الله الدرس ده هنتعرف فيه على صندوق الادوات بصورة اكبر (toolsbox)

ان شاء الله احنا عايزين النهاردة نعمل صفحة ويب
فيها انك تدخل الاسم بتاعك والحالة بتاعتك بدأت ولا لسة ولا خلصت
وكمان القسم اللي انت شغال فيه ايه
وعايزين لو المستخدم نسي يكمل بعض البيانات المطلوبة يطلع ليه تنبيه
ويقوله ان الحقل ده مطلوب اكماله
يلا نشوف مع بعض كده هنعمل ايه
طبعا هنفتح visual studio 2005
وبعدين نختار new web site
زي اما انا شرحت في الدرس السابق
وبعدين هنبدأ في صفحة Design
هنلاقي طبعا في اقصي يسار الشاشة toolbox وهو صندوق الادوات
وفي اقصى اليمين هنلاقي اليمين هنلاقي properties bar وهو شريط الخصائص



ولكل أداة خصائص تختلف وتتفق مع بعض خصائص الادوات الاخرى
وهنلاقي شريط الادوات مقسم إلى



هنشتغل النهاردة ان شاء الله على كما Standard ,Validation
كما هو واضح بالصورة هنبدأ نشتغل على بعض الادوات الموجودة فيهم



يا جماعة ده هيكون شكل الـ form وانا هشرح فيه جزء جزء بس عشان اللي هشيشتغل يبقى عارف هو بيعمل ايه



هنبدأ بوضع labels وهي تستخدم لاظهار بيانات فقط وليس لإدخال بيانات
هنضع label على الـ form إما بالضغط عليه مرتين في شريط الادوات أو بالضغط مرة والسحب إلى الـform
هنضع label1 ونغير اسمه الظاهر للمستخدم عن طريق الخاصية text الموجودة في شريط الخصائص
ونخليها Name ولو عايزين نغيره اسمه الباطن الذي تستخدمه انت المبرمج نغيره عن طريق الخاصية ID في شريط الخصائص
وهكذا نضع lablel2 ونغير اسمه الظاهر للمستخدم ونجعله Status وlabel3 ونغير اسمه إلى Dept
ونضع TextBox ونضعه امام الاسم (Name)
ملحوظة :

لكي تجعل الادوات حرة الحركة على (form) من (layout->Position->auto-position option)هيظهر مربع حواري كما بالصورة نضع علامة صح على (Change positioning to the following.......)نختار منها absolutely positioned

وبعد كده هنضع في form أداة اسمها DropDownList دي اداة احنا كلنا عارفينها بنشوفها لما بنسجل في اي منتدي او اي موقع وهنضعها امام status وهنروح على الخاصية ID في شريط الخصائص statusDropDownList
بيطلب منك تختار نوعك male or female وشكلها


طيب احنا بقى عايزين نضع العناصر بتاعتنا اللي المفروض هنختار منها
ننشط الاداة dropdownlist هنلاقي علامة زي علامة play في اي برنامج مشغل صوتيات نضغط عليها هتظهر لنا قائمة نختار منها "edit items" هيظهر لنا المربع الحواري الآتي




وبعد كده هنضع أداة اسمها RadioButton موجودة في toolbox نضع منها RadioButton1 , RadioButton2
على الـ form وهنسمي احدهما accounting والآخر Marketing ونضعهما امام Dept
بس فيه حاجة هنا لو احنا عملنا الاتنين RadioButton من غير من نضعهم في جروب واحد هيبقى متاح ليا اني اختار الاتنين "RadioButton" بتستخد لتيتح اختيار واحد للمستخدم وليس اكثر
ولكي نضعهم في جروب واحد في خاصية اسمها GroupName موجودة في شريط الخصائص

وطبعا عشان نظهر خصائص اي اداة موجودة على الـ form بنشط الاداة اولا وبعد كده هنلاقي خصائصها ظهرت وكمان اسمها اللي موجود في IDوهو غير ظاهر للمستخدم ولكن ظاهر للمبرمج

طبعا زي ما احنا عارفين عشان نظهر خصائص اي اداة لا بد من تنشيطها اولا حتى يظهر اسمها في شريط الخصائص
marketingRadioButtonزي ما احنا شايفين في الصورة دي خصائص زر راديو اسمه

وبعدين هنضع button على الform وهنسميه"Ok"
هنضع كمان Label4 أمام status وكمان label5 بجوار Ok button
ونذهب على خاصية text في شريط الخصائص ونخليها فاضية اي نمسح الكلام المكتوب بها وده لـ label4,5
ونروح كمان نضع اداة اسمها "HyperLink" ونروح على شريط الخصائص ونغير الـtext ونضع لينك الموقع في"
NavigateUrl"



وبكده يبقى احنا مش عايزين اي حاجة من toolbox Standard
نبدأ بقى في toolbox Validation
هنلاقى اداة اسمها RequiredFieldValidator نضعها على الـ Form
ونذهب غلى شريط الخصائص هنلاقي بقى خصائص مختلفة
أول حاجة هنغيرها "ErrorMessage" هنخليها "Name Is Required"وبعد كده نروح على خاصية "Text" ونخليها "*"
وبعدين كما نروح على الخاصية "ControlToValidate" ونختار منها "nameTextBox" كما هو مبين



وبعدين هنروح على اداة كمان اسمهاCompareValidator ونضعها على الـ Form
ونروح على "ErrorMessage" ونخليها "Status Is Required" وبعد كده نروح على خاصية "Text" ونخليها "*"
وبعدين كما نروح على الخاصية "ControlToValidate" ونختار منها "DropDownList"
ونروح على "Operator" ونخليه "Not equal" ونروح على الخاصية ValueToCompare ونخليها "Select one ..." كما هو مبين


وفي أداة كما اسمها "ValidationSummary" هنضعها على الfrom ونخلي شكل الـ Form زي ما احنا شايفين في الصورة كده





وبعد كده بقى هنضغط على الزر "Ok" مرتين متتاليتن هتظهر لنا صفحة الاكواد وهنكتب فيه كما هو مبين



وبكده يبقى احنا خلصنا عملية انشاء الصفحة نبدأ بقى التنفيذ كده من خلال الضغط على F5
هيكون شكل الصفحة كالآتي



ولو ضغطنا على الزر Ok بدون اكمال الفراغات سيظهر الآتي



وبعد اكمال البيانات المطلوبة هيظهر الآتي



وبعد كده لو عايزين More Information
هنضغط على اللينك وانا كنت كاتب في NavigateUrl ->www.google.com عشان كده هيفتح عندي جوجل
لو انت عايز تكتب لينك اي موقع تاني من حقك تكتب اللي انت عايزه وهتظهر معايا الصفحة دي



وبكده يبقى انتهي الدرس التاني
وانتظروا الدرس الثالث ان شاء الله
واتمنى من الله ان اكون قد افدتكم

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

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

أتأخرت كتير

اعتذر لكل من ينتظرني واعتذر لنفسي عن هذا الغياب والكسل
بس كانت الفترة اللي فاتت دي فترة صعبة عليا جدا واتمنى من الله ان لا امر بهذه الفترة ثاينة
كنت في منتهى الكسل ومنتهى اليأس من الحياة
مش عارف ليه كان ايه اللي حصل
بس انا الفترة اللي فاتت دي تقريبا بعدت عن ربي شوية
بس قعدت مع نفسي امس ووقعدت افكر في حالي
Asp.Netصبحت الصبح الحمد لله مشرق وكلي امل في الحياة وبالمناسبة عملت اول موقع بـ
وبدأت اتقدم فيه شيئا فشيئ وأأمل في المزيد
Asp.Netونزلت اولى موضوعاتي في شروحات
Computalityفي
يعني الحمد لله اتعملت شوية حاجات
بس ما كانش ده هدفي الفترة اللي فاتت
وان شاء الله
اتعلم المزيد

It Exam

احمد الله حمدا كثيرا
كما ينبغي لجلال وجهه وعظيم سلطانه
كان عندي امتحان في الاي سي دي إل
itوده كان اول امتحان وهو كان امتحان
والامتحان كان بالعربي بس باقي
modules
هتكون انجليزي إن شاء الله وأراد
ودي كانن البداية وجبت في الامتحان 94%وكان النجاح من 75 بالمائة
والحمد لله

ICDL Registeration

النهاردة رحت نقابة المهندسين
وسجلت اسمي ودفعت الفلوس
وهبدأ أول امتحان الأي تي
وقالولي اني هبدأ امتحانات يوم الاتنين الجاي
هيكون موافق8/6/2008
وربنا الموفق