الدرس الثانىASP.net-الدوره الكامله

الدرس الثانىASP.net- الدوره الكامله 

فى هذا الدرس سوف نبداء الان بخطوات عمليه لشرح كل شىء يخص الـ ASP.net

–لاكن يجب ان يتوفر لديك وعلى جهازك فجوال استديو 2010 او ماهو اعلى Visual Studio2010

 الدرس الثانى Asp.net

شرح تصميم المواقع الاكتروني  باستخدام ASP.net مع لغة البرمجه سى شارب #C  – وهذا باستخدام بيئه العمل Visual Studio 2010 ويمكنك استخدام اصدارات اعلى واحدث:

أولا: إنشاء مشروع موقع جديد

من قائمه File –> New –> Website

ثم تقوم بتحدد مكان حفظ الموقع ولغة البرمجة#Cستلاحظ انشاء المشروع ووجود  ملف web.config كما هو فى الصوره التالية  وهذا للسبب الاتي:

عند نشر صفحات موقع الالكتروني مصنوع بـ ASP.net  يتم ترجمته Compiling ولكن لايسمح  بتعديل الاوامر ولهذا السبب ظهرت ملف الـ web.config الذي يخزن العديد من الاوامر والبيانات الهامه والاساسيه للموقع مثل نصوص الاتصال Connection String  التي يتم تعديلها بمجرد رفع قاعده بيانات على السيرفر وهو مبني بصيغة ملفات XML 

ثانيا: لادراج صفحات ومجلدات وملفات الى المشروع -الموقع:

• أدراج الصفحات
  قم بالضغط بالزر الايمن من الفاره(الماوس) على اسم المشروع في متصفح المشروع  Solution Explorer ثم قم باختيار Add New Item  كما هو موضح بالصور الاتيه

انظر الصوره التاليههنا تجد الارقام تشير الى:

1. صفحةالويب aspx  وتكون بامتداد .aspx وهذا هو امتداد صفحات الـ  ASP.NET

2. صفحة كود البرمجه aspx.cs  وهنا يكتب كود البرمجه بلغه الـ #C

3. Source  هو عباره عن نافذه  الكود الخاصة بالتصميم “كود الـ HTML الخاص بالصفحات “

4.   Design  هو عباره عن نافذه التصميم وبها يتم تصميم شكل Form الخاص بالصفحات

• ادراج المجلدات :

قوم بالضغط بالزر الايمن فى الفاره (الماوس) على اسم المشروع فى متصفح المشروع Solution Explorer ثم قوم باختيار New Folder كما هو موضح

• لادخال ملفات الى هذه المجلدات :

الضغط بالزر الايمن فى الفاره “الماوس” على اسم المشروع في متصفح المشروع Solution Explorer ثم تقوم باختيار Add Existing Item

ثالثا: تصميم الصفحات بـ ASP.net:

 يعتمد تصميم الصفحات فى المواقع  على ان تقسم الصفحه الى اجزاء من خلال استخدام الجداول Tables او الاقسام  (Div) Divisions

لادراج الاقسام من قائمه Toolsbox اختار HTML ثم اختار Div

او من طريق كتابه الكود الاتى :

    <div> </div>

 لادارج الجدول من قائمه Table  اختار Insert Table

او من طريق كتابه الكود الاتى :

<table class=”style1″>
<tr>
<td>
               &nbsp;</td>
<td>
               &nbsp;</td>
</tr>

</table>

ملحوظه للايضاح :  

كود او امر <tr></tr> هو امر لإنشاء صف داخل الجدول اما الكود <tb></tb> وهو الكود او الامر الخاص بإنشاء عمود ويجب ان يكون من داخل الامر السابق او الكود السابق لإنشاء صف

مع تحيات موقع اي تي كوي احدى مشروعات كوي سوفت الثقافيه

الدرس الثالث ASP.net-الدوره الكامله

الدوره الكامله فى ASP.net