شرح دورة الـ ASP.NET للمبتدئين - الدرس الثانى | مايندز | علم ينتفع به
الأتصال بنا 61109-264-012

السبت، 31 أغسطس 2013

شرح دورة الـ ASP.NET للمبتدئين - الدرس الثانى

الدرس الاول ASP.NET

asp.slogn


شرح تصميم المواقع باستخدام
ASP.NET مع لغة البرمجة C# باستخدام برنامجVisual Studio 2010 .
أولاً: إنشاء مشروع موقع جديد
من قائمة File ---> New ---> Website
asp.L2.pic1
 بعدها نحدد مكان حفظ الموقع ولغة البرمجة C# .
asp.L2.pic2
يتم إنشاء المشروع
asp.L2.pic3
  • وسوف نلاحظ وجود ملف الإعدادات web.config ويوجد لسبب وهو : 
عند نشر صفحات الموقع بتقنية ال ASP.NET فإنه يتم ترجمتها Compiling ولكن لايسمح بتعديل الاوامر لذلك ظهرت ملف ال web.config الذي يخزن العديد من الأوامر والبيانات الضرورية للموقع مثل نصوص الاتصال Connection String  التي يتم تعديلها بمجرد رفع قاعدة بياناتنا على الخادم, وهو مبني بصيغة ملفات . XML 
-----------------------------------------------------------------------------------------------------
ثانيا: لإدراج صفحات ومجلدات وملفات الى المشروع:
    1-      إدراج صفحات : 

الضغط بالزر الايمن من الماوس على اسم المشروع في متصفح المشروع Solution Explorer واختيار Add New Item .

asp.L2.pic4
asp.L2.pic5
asp.L2.pic6

ونلاحظ هنا الارقام تشير الى:
  1. صفحة الويب  Default.aspxوتكون بامتداد .aspx وهذا هو امتداد صفحات ال  ASP.NET
  2. صفحة كود البرمجة  Default.aspx.cs وهنا يكتب كود البرمجة بلغة ال c#
  3. Source  نافذة الكود الخاصة بالتصميم (كود ال HTML الخاص بالصفحات )
  4. Designنافذة التصميم وبها يتم تصميم شكل Form الخاص بالصفحات
----------------------------------------------
       2 -      إدراج مجلدات :
الضغط بالزر الايمن من الماوس على اسم المشروع في متصفح المشروع Solution Explorer واختيار New Folder .

asp.L2.pic7
  •          ولادخال ملفات الى هذة المجلدات :
الضغط بالزر الايمن من الماوس على اسم المشروع في متصفح المشروع Solution Explorer  واختيار Add Existing Item.
asp.L2.pic8
---------------------------------------------------------------------------------------------------------
ثالثا: تصميم الصفحات ASP.NET:
التصميم يعتمد على تقسيم الصفحة إلى أجزاء من خلال استخدام الجداول Tables أو الأقسام   .Divisions
ويمكن ادراج الاقسام من قائمة Toolbox -->HTML--> Div
asp.L2.pic9
او من خلال الكود
  •         ويمكن ادارج الجدول من قائمة Table ---> Insert Table
asp.L2.pic9
او من خلال الكود
ملحوظة : <tr>  </tr> امر إنشاء صف, <td>  </td> امر إنشاء عمود وبيكون داخل امر الصف المراد تقسيمة لاعمده .
  • ونتعرف على بعض الادوات:
asp.L2.pic10