الإرشادات التفصيلية: إنشاء صفحة ويب أساسية في ‏‫Visual Web Developer

أغلق صفحة Default.aspx. للقيام بذلك، انقر بزر الماوس الأيمن فوق علامة التبويب التي تحتوي على اسم الملف ثم حدد إغلاق.

في "مستكشف الحلول" انقر بزر الماوس الأيمن فوق موقع ويب (على سبيل المثال، C:\BasicWebSite) ، ثم انقر فوق إضافة عنصر جديد.

ضمنتثبيت Visual Studio القوالب, click نموذج ويب. تُظهر لقطة الشاشة التاليةإضافة عنصر جديد مربع الحوار.

في اسم box, type FirstWebPage.

في اللغة ، اختر لغة البرمجة التي تفضل استخدام (Visual Basic, C#, or J#). عند إنشاء موقع ويب تحديد لغة افتراضية. على الرغم من ذلك، كلما تقوم بإنشاء صفحة جديدة أو مكون موقع ويب الخاص بك، يمكنك تغيير اللغة من الافتراضي. يمكنك استخدام لغات البرمجة مختلفة في نفس الموقع.

مسحوضع رمز في ملف منفصل خانة الاختيار.

في هذه الإرشادات التفصيلية يتم إنشاء صفحة ذات ملف واحد مع التعليمات البرمجية و HTML في نفس الصفحة. يمكن وضع في الصفحة أو في ملف منفصل فئة التعليمة البرمجية الخاصة صفحات ASP.NET. لمعرفة المزيد حول الاحتفاظ التعليمة البرمجية في ملف منفصل راجع الإرشادات التفصيلية: إنشاء الصفحة ويب أساسية مع فصل التعليمات البرمجية في ‏‫Visual Web Developer .

انقر فوق إضافة.

مرئي المطور ويب بإنشاء صفحة جديدة وفتح عليه.

في الجزء السفلي من إطار المستند، انقر فوق تصميم التبويب للتبديل إلى طريقة العرض "تصميم".

تعرض طريقة العرض "تصميم الصفحة التي كنت تعمل ضمن بطريقة تشبه WYSIWYG. في هذه المرحلة، ليس لديك أي نص أو عناصر التحكم على الصفحة، بحيث تكون الصفحة فارغة فيما عدا خط متقطع توضح مستطيل. يمثل هذا المستطيلdiv عنصر في الصفحة.

انقر داخل المستطيل الذي تتم إحاطة متقطع.

نوعمرحباً بك في Visual المطور ويب واضغطأدخل مرتين.

لقطة شاشة التالية يظهر النص الذي كتبته في طريقة العرض "تصميم".

قم بالتبديل إلى طريقة عرض المصدر.

يمكنك مشاهدة HTML الذي قمت بإنشائه عن طريق كتابة في طريقة العرض "تصميم" ، كما هو موضح في لقطة الشاشة التالية.

In مستكشف الحلول انقر بزر الماوس الأيمن فوق FirstPage.aspx وحددتعيين كاتصال بدء الصفحة.

اضغط CTRL + F5 لتشغيل الصفحة.

يبدأ المطور ويب مرئي Server تطوير ASP.NET. يظهر رمز على شريط الأدوات تشير إلى أن ملقم "ويب المطور Visual ويب" قيد التشغيل, كما هو موضح في لقطة الشاشة التالية.

يتم عرض الصفحة في المستعرض. على الرغم من أن صفحة قمت بإنشائها يحتوي على ملحق .aspx تشغيله حالياً مثل أي صفحة HTML.

لعرض صفحة في المستعرض يمكنك أيضاً النقر بزر الماوس الأيمن فوق الصفحة في مستكشف الحلول ثم حدد عرض في المستعرض.

ملاحظة
في حالة عرض المستعرض خطأ 502 أو خطأ يشير إلى أنه لا يمكن عرض الصفحة "، قد تحتاج إلى تكوين المستعرض لتجاوز الملقمات الوكيلة للطلبات المحلية. للحصول على تفاصيل، راجع كيفية القيام بما يلي: تجاوز الخادم وكيل لطلبات ويب المحلي.

إغلاق المستعرض.

حددButton التحكم وتعيين ثم في الإطار "خصائص" نص to اسم العرض ، كما هو موضح في لقطة الشاشة التالية.

التبديل إلى مصدر طريقة العرض.

مصدر عرض HTML لصفحة بما في ذلك العناصر التي قام بإنشاء المطور ويب Visual لعناصر تحكم الملقم. عناصر تم تعريفها باستخدام بناء الجملة مثل HTML, عدا أنه يتم استخدام العلامات البادئة asp: تتضمن السمة runat="server".

تم تعريف خصائص عناصر التحكم كسمات. على سبيل المثال، عند تعيين Text الخاصية Button التحكم, في الخطوة 1، الذي تم تعيين فعلياً Text سمة في العلامة الخاصة بعنصر التحكم.

لاحظ أن تكون كافة عناصر التحكم داخل <form> عنصر له السمة أيضاً runat="server". The runat="server" سمة و asp: علامة بادئة لعلامات التحكم عناصر التحكم بحيث يقومون معالجة بواسطة ASP.NET على الملقم عند تشغيل الصفحة. رمز خارج <form runat="server"> و <script runat="server"> يتم إرسال العناصر دون تغيير المستعرض الذي سبب يجب أن يكون رمز ASP.NET داخل عنصر تحتوي له علامة فتح runat="server" سمة.

ضع نقطة الإدراج بعد asp:Label في <asp:Label> العلامة ثم اضغط مفتاح المسافة.

تظهر قائمة منسدلة تعرض قائمة الخصائص التي يمكنك تعيين Label عنصر التحكم. تساعدك هذه الميزة يشار إليها التحسس الذكي "، في مصدر طريقة العرض باستخدام بناء جملة ملقم عناصر التحكم عناصر HTML والعناصر الأخرى على الصفحة. لقطة شاشة التالي بإظهار القائمة المنسدلة التحسس الذكي Label عنصر التحكم.

حددForeColor ومن ثم اكتب علامة مساواة (=). يعرض التحسس الذكي قائمة الألوان.

ملاحظة
يمكنك عرض قائمة منسدلة التحسس الذكي في أي وقت بالضغط على CTRL + J.

تحديد لون Label نص عنصر التحكم. تأكد من تحديد لون ما داكن قراءة مقابل خلفية بيضاء.

The ForeColor اكتمال السمة باللون الذي حددته.

التبديل إلى تصميم طريقة العرض.

انقر نقراً مزدوجاً فوق Button عنصر التحكم.

تبديل "المطور ويب" مرئي إلى مصدر عرض وإنشاء معالج حدث skeleton الخاص Button عنصر التحكم الافتراضي الحدث، Click الحدث.

ملاحظة
يؤدي النقر المزدوج فوق عنصر تحكم في تصميم العرض هو إحدى طرق عديدة يمكنك إنشاء معالجات الأحداث.

داخل المعالج, اكتب ما يلي:

Label1.

عند كتابة النقطة بعد تسمية، "المرئية المطور ويب" عرض قائمة الأعضاء المتاحين لـ Label التحكم كما هو موضح في لقطة الشاشة التالية.

الانتهاءClick معالج الحدث لزر بحيث يقرأ أنه كما هو موضح في المثال التالي من التعليمات البرمجية.

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
    Label1.Text = Textbox1.Text & ", welcome to Visual Web Developer!"
End Sub

protected void Button1_Click(object sender, System.EventArgs e)
{    
    Label1.Text = TextBox1.Text + ", welcome to Visual Web Developer!";
}

قم بالتمرير لأسفل إلى <asp:Button> عنصر. لاحظ أن <asp:Button> يحتوي عنصر السمة الآن OnClick="Button1_Click". الزر بربط هذه السمةClick الحدث على أسلوب معالج تلوينها في الخطوة 4.

يمكن أن يكون للأساليب معالج الحدث أي اسم; اسم تشاهد الاسم الافتراضي الذي تم إنشاؤه من قبل "المطور ويب مرئية". نقطة هامة يتم استخدام الاسم OnClick يجب أن تطابق سمة اسم الأسلوب في الصفحة.

ملاحظة
إذا كنت تستخدم Visual Basic مع فصل التعليمات البرمجية "، ولا يضيف المطور ويب Visual صريحة OnClick سمة. بدلاً من ذلك، ربط الحدث على أسلوب معالج باستخدام Handles الكلمة الأساسية على تصريح معالج نفسه.

اضغط CTRL + F5 لتشغيل الصفحة في المستعرض.

تشغيل الصفحة مرة أخرى باستخدام ملقم تطوير ASP.NET.

أدخل اسماً في مربع النص ثم انقر فوق الزر.

يتم عرض الاسم الذي أدخلته في Label عنصر التحكم. لاحظ أنه عند النقر فوق الزر الذي تم نشر الصفحة إلى ملقم ويب. ASP.NET ثم قم بإعادة إنشاء الصفحة, يتم تشغيل التعليمة البرمجية الخاصة بك (في هذه الحالة، Button عنصر التحكم Click حدث معالج المجريات) ، ثم يرسل صفحة جديدة إلى المستعرض. في حالة مشاهدة شريط المعلومات في المستعرض، يمكنك مشاهدة أن الصفحة هو إجراء في جولة على ملقم ويب في كل مرة تنقر فيها فوق الزر.

في المستعرض، عرض مصدر الصفحة قيد التشغيل.

في التعليمات البرمجية المصدر الصفحة رؤية العادية HTML فقط; لا ترى <asp:> عناصر الذي كنت تعمل مع طريقة عرض المصدر. عند تشغيل الصفحة ASP.NET عناصر تحكم الخادم بمعالجة ثم يعرض عناصر HTML إلى الصفحة التي تقوم بوظائف التي تمثل عنصر التحكم. على سبيل المثال، <asp:Button> يتم تقديم عنصر التحكم كعنصر HTML <input type="submit">.

إغلاق المستعرض.

In تصميم عرض ، انقر نقراً مزدوجاً فوق Calendar عنصر التحكم.

يتم إنشاء معالج حدث جديدة في مصدر طريقة العرض.

الانتهاءSelectionChanged معالج الأحداث مع الرمز المميز التالي.

Protected Sub Calendar1_SelectionChanged(ByVal sender As Object, ByVal e As System.EventArgs)
    Label1.Text = Calendar1.SelectedDate.ToLongDateString()
End Sub

protected void Calendar1_SelectionChanged(object sender, System.EventArgs e)
{    
    Label1.Text = Calendar1.SelectedDate.ToLongDateString();
}

اضغط CTRL + F5 لتشغيل الصفحة في المستعرض.

انقر فوق تاريخ في التقويم.

عرض التاريخ الذي قمت بالنقر فوقه في Label عنصر التحكم.

في المستعرض، عرض التعليمات البرمجية المصدر للصفحة.

لاحظ أن Calendar لقد تم تقديم عنصر التحكم إلى الصفحة كجدول مع كل يوم كـ <td> يحتوي على عنصر <a> عنصر.

إغلاق المستعرض.