الدرس الاول ASP.NET
شرح تصميم المواقع باستخدام ASP.NET مع لغة البرمجة C# باستخدام برنامجVisual Studio 2010 .
أولاً: إنشاء مشروع موقع جديد
بعدها نحدد مكان حفظ الموقع ولغة
البرمجة C# .

يتم إنشاء المشروع
- وسوف نلاحظ وجود ملف الإعدادات web.config ويوجد لسبب وهو :
عند نشر
صفحات الموقع بتقنية ال ASP.NET فإنه يتم ترجمتها Compiling ولكن لايسمح بتعديل
الاوامر لذلك ظهرت ملف ال web.config الذي يخزن العديد من الأوامر والبيانات الضرورية
للموقع مثل نصوص الاتصال Connection String التي يتم
تعديلها بمجرد رفع قاعدة بياناتنا على الخادم, وهو مبني بصيغة ملفات . XML
-----------------------------------------------------------------------------------------------------
ثانيا: لإدراج
صفحات ومجلدات وملفات الى المشروع:
1- إدراج صفحات :
الضغط بالزر الايمن من الماوس على اسم المشروع في متصفح المشروع Solution Explorer واختيار Add New Item .
الضغط بالزر الايمن من الماوس على اسم المشروع في متصفح المشروع Solution Explorer واختيار Add New Item .
ونلاحظ هنا الارقام تشير الى:
- صفحة الويب Default.aspxوتكون بامتداد .aspx وهذا هو امتداد صفحات ال ASP.NET
- صفحة كود البرمجة Default.aspx.cs وهنا يكتب كود البرمجة بلغة ال c#
- Source نافذة الكود الخاصة بالتصميم (كود ال HTML الخاص بالصفحات )
- Designنافذة التصميم وبها يتم تصميم شكل Form الخاص بالصفحات
----------------------------------------------
2 - إدراج مجلدات :
الضغط بالزر الايمن من الماوس على اسم المشروع في متصفح المشروع Solution Explorer واختيار New Folder .
الضغط بالزر الايمن من الماوس على اسم المشروع في متصفح المشروع Solution Explorer واختيار New Folder .
- ولادخال ملفات الى هذة المجلدات :
الضغط بالزر الايمن من الماوس على اسم المشروع في
متصفح المشروع Solution Explorer واختيار Add Existing Item.
---------------------------------------------------------------------------------------------------------
ثالثا:
تصميم الصفحات ASP.NET:
التصميم يعتمد على تقسيم الصفحة إلى
أجزاء من خلال استخدام الجداول Tables أو الأقسام .Divisions
ويمكن ادراج الاقسام من قائمة Toolbox -->HTML--> Div
او
من خلال الكود
- ويمكن ادارج الجدول من قائمة Table ---> Insert Table
او
من خلال الكود
ملحوظة : <tr> </tr> امر إنشاء صف, <td> </td> امر إنشاء عمود وبيكون داخل امر الصف المراد تقسيمة لاعمده .
- ونتعرف على بعض الادوات:
.bmp)

.bmp)


.jpg)







