سلسلة لتعلم ASP.NET للمبتدئين

بسم الله الرحمن الرحيم

ASP.Net 2.0 - 2005

الحمد لله والصلاة والسلام على رسول الله ،،

هذه السلسلة موجهة للأشخاص الذين يريدون بدئ تعلم ASP.Net ولكن لا يعرفون من أين يبدؤون. في هذه السلسلة سنتطرق لآخر إصدار ألا وهو ASP.NET 2.0. إن شاء الله سننطلق بسرعة وسهولة لتعلم هذه اللغة وسأضع قدميك على بداية الطريق ولك أن تكمل المشوار لوحدك.

المتطلبات:

1. خلفية بسيطة عن لغة HTML. ويكفيك أن تقضي ساعة أو ساعتين لمعرفة أساسياتها. وستجد مصادر لها متوفرة بكثرة على الإنترنت. وهذا أحد الروابط:

/index.ph...opic=77370&st=0

2. Visual Web Developer 2005 (VWD)

ستجده ضمن Visual Studio 2005 في جميع الإصدارات ماعدا والله أعلم إصدار Express فيمكنك تحميله من الانترنت في هذه الحالة.

3. SQL Server 2005

4. تنزيل ما سبق على جهازك مع المتطلبات مثل IIS .. إلخ

الدرس الأول:

سنتعرف في هذا الدرس على كيفية إنشاء موقع جديدة واستخدام بعض الأدوات.

قم بتشغيل الفيجوال ستوديو أو فيجوال ويب دفلوبر وأنشئ موقع جديد File->New web site

اختر وضع التصميم Design كما في الصورة

قم باختيار وإضافة Lable, Button, TextBox .

ستلاحظ أنك لو حاولت تحريك الأداة على سطح الصفحة بالماوس وسحبها إلى منتصف الصفحة مثلا فلن تستطيع. ولعمل ذلك ضع المؤشر قبل الأداة واضغط على زر سطر جديد Enter، مثلا عشرة مرات ثم إضغط على زر المسافة Space إلى أن تصل الأداة إلى منتصف الصفحة ... ولكن لماذا تقييد الحرية هذه .. أين الديمقراطية! يايكروسوفت!.. لا تعجل وتأخذك الحمية حمية الجاهلية .. فهناك عدة حلول وفرتها لك مايكروسوفت، وقبل أن أتطرق لها أنظر إلى الكود عن طريق الضغط على زر Source الموجود أسفل يسار الصفحة لترى ماذا حصل من جراء الضغط على زري المسافة والسطر الجديد وهذا جزء من الكود:

    <div>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
                        
                        
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" />
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    </div>

حيث <br /> تعني سطر جديد و   تعني مسافة.

نعود لنتعلم طرق أخرى لتحريك الأدوات:

أولا قم بمسح جميع المسافات والأسطر الجديدة ثم اختر أحد الأدوات وليكن مثلا TextBox1 بالنقر عليه مرة واحدة بالماوس ثم اذهب واختر قائمة Layout ثم Position ثم Absolute كما في الصورة.

الآن يمكنك تحريك مربع النص أينما تريد على الصفحة كرر ذلك لـ Button1 و Label1. الآن قم بسحب الأدوات إلى منتصف الصفحة وانظر مرة أخرى لـ Source ستلاحظ عدم وجود المسافات والأسطر الجديدة في الكود رغم أنك سحبت الأدوات إلى منتصف الصفحة. ولكن الذي حصل هو أن الكود قد تعدل وأضيف attribute جديد إسمه style والذي عن طريقه يتم تحديد موضع الأداة على الصفحة:

style="z-index: 103; left: 65px; position: absolute; top: 89px"

ليصبح الكود الخاص بإضافة أداة النص مثلا :

<asp:TextBox ID="TextBox1" runat="server" style="z-index: 103; left: 65px; position: absolute; top: 89px"></asp:TextBox>

طريقة أخرى بدلا من اختيار كل أداة على حدة كما في الطريقة السابقة يمكنك جعل الخاصية التلقائية للأدوات حتى الجديدة التي يتم وضعها على الصفحة هى Absolute. إذهب واختر قائمة Layout->Position->Auto Posion Option.

سيظهر لك مربع نص وفي أعلى يمين المربع ستجد Positioning Option، حدد الخيار الأول واضغط OK كما في الصورة

أيضا لجعل الأدوات متحركة في مساحة معينة فقط إذهب واختر القائمة Layout-> Insert Layer. ستلاحظ إضافة مربع وهذا المربع ستلاحظ أنه Absolute Position ويمكنك وضع أدوات بداخله ومن ثم يمكنك تحريكه مع مابداخله كقطعة واحدة.

أخيرا سنتعلم كيفية إدراج جدول والذي يفيد في ترتيب الصفحة.

من القائمة Layout اختر Insert Tabel وفي الجزء Custom حدد عدد الصفوف والأعمدة (أو اختر الجزء Template لاختيار قالب جاهز من القائمة) ثم اضغط على موافق. الآن كبر الجدول من الحواف وقم بقص الأدوات ولصقها داخل خلايا الجدول أو أدرج أدوات جديدة بالسحب والإفلات داخل الجدول. سنتطرق للجدول مرة أخرى في درس لا حق إن شاء الله.إلى هنا نكتفي والسلام عليكم ورحمة الله وبركاته