إنشاء صفحة أساسية على إطار عمل ASP.Net باستخدام CSS
دليل مختبر الجامعة الوطنية للكمبيوتر والعلوم الناشئة 1.1 "مقدمة إلى ASP.net، HTML" مختبر أنظمة قواعد البيانات ربيع 2021 قسم علوم الكمبيوتر FAST-NU، لاهور، باكستان جدول المحتويات 1 الهدف 2 2 توزيع المهام 2 3 HTML 3 1.1. ما هو HTML؟ 3 1.2. علامات HTML 3 1.3. متصفحات الويب 3 1.4. عناصر HTML 4 1.5. عناوين HTML 4 4 إنشاء نموذج ويب ASP.Net باستخدام Visual Studio 4 4.1 عناصر تحكم ASP (سلوك مشابه لعناصر HTML) 8 4.2 النقاط الأساسية 10 5 التمرين 13 ⦁ الهدف الغرض من هذا المستند هو تقديم تطبيق عملي لـ HTML، نظرة عامة كاملة لعلامات وعناصر HTML، مع المثال والتنفيذ المباشر أثناء التمرين المعملي. مقدمة إلى ASP.NET، هذه الوثيقة سوف تجيب على كيفية إنشاء مشروع جديد؟ كيفية إنشاء صفحة ويب جديدة؟ والتدرب على مختلف الضوابط ASP. ⦁ الوقت الإجمالي لتوزيع المهام 90 دقيقة مقدمة 10 دقائق عناصر HTML 15 دقيقة تحكم ASP 15 دقيقة تمرين 45 دقيقة ⦁ HTML ⦁ ما هو HTML؟ HTML هي لغة لوصف صفحات الويب. ⦁ HTML تعني لغة توصيف النص الفائق ⦁ HTML ليست لغة برمجة، إنها لغة ترميزية ⦁ الغرض من العلامات هو وصف محتوى الصفحة ⦁ علامات HTML عادةً ما تسمى علامات ترميز HTML علامات HTML ⦁ علامات HTML هي كلمات رئيسية (علامة الأسماء) محاطة بأقواس زاوية مثل ⦁ علامات HTML تأتي عادةً في أزواج مثل و ⦁ تتم كتابة علامة النهاية مثل علامة البداية، مع شرطة مائلة للأمام قبل اسم العلامة ⦁ تسمى علامات البداية والنهاية أيضًا علامات الفتح وعلامات الإغلاق ⦁ متصفحات الويب الغرض من متصفح الويب (Chrome وInternet Explorer وFirefox) هو قراءة مستندات HTML وعرضها كصفحات ويب. لا يعرض المتصفح علامات HTML، ولكنه يستخدم العلامات لتفسير محتوى الصفحة: ⦁ عناصر HTML ⦁ يبدأ عنصر HTML بعلامة بداية / علامة فتح ⦁ ينتهي عنصر HTML بعلامة نهاية / علامة إغلاق ⦁ محتوى العنصر هو كل شيء بين علامة البداية والنهاية ⦁ تحتوي بعض عناصر HTML على محتوى فارغ ⦁ يمكن أن تحتوي معظم عناصر HTML على سمات ⦁ عناوين HTML
التحقق من ذلك
ما رأيك في ذلك الآن
وماذا عن الآن
⦁ إنشاء نموذج ويب ASP.Net باستخدام Visual Studio الخطوة 1: ابدأ مثيل Visual Studio (الإصدار: 20XY) وأنشئ مشروعًا جديدًا بالانتقال إلى ملف -> جديد -> مشروع -> ويب -> تطبيق ويب ASP.NET كـ الموضح أدناه: الخطوة 2: انتقل إلى Solution Explorer، وأضف نموذج ويب جديدًا. الخطوة 3: اختر نموذج ويب من القالب المتاح وقم بتعيين اسمه. الخطوة 4: انقر نقرًا مزدوجًا فوق MyPage.aspx في مستكشف الحلول وانقر فوق المساحة الفارغة في mypage.aspx واضغط على "CTRL+F5" سيكون الإخراج كما يلي: ⦁ عناصر تحكم ASP (سلوك مشابه لعناصر HTML) مربع نص أساسي: <asp:TextBox ID="txtName" runat="server"></asp:TextBox > مربع نص كلمة المرور: <asp:TextBox ID="txtPassword" TextMode="password" runat="server"></asp:TextBox> مربع نص به نص: <asp:TextBox ID="txtTextValue" Text="Hello World!" runat="server"></asp:TextBox> مربع نص متعدد الأسطر: <asp:TextBox ID="txtComment" TextMode="multiline" runat="server"></asp:TextBox> خانة الاختيار <asp:CheckBox ID=" chkIsStudent" runat = "server" /> زر الاختيار <asp: RadioButton ID = "rdMale" GroupName = "الجنس" runat = "server" /> <asp:RadioButton ID = "rdFemale" GroupName = "Gender" runat = "server" /> القائمة المنسدلة <asp:DropDownList ID = "ddlDepartment" runat = "server"> <asp:ListItem Text ="حدد" القيمة = "0"></asp:ListItem> <asp:ListItem Text="علوم الكمبيوتر" Value="CS"></asp:ListItem> <asp:ListItem Text="الهندسة الكهربائية" Value="EE"></asp:ListItem> <asp:ListItem Text="مسؤول الأعمال" Value="BBA"> </asp:ListItem> <asp:ListItem Text="الهندسة المدنية" Value="CV"></asp:ListItem> </asp:DropDownList> الزر <asp:Button ID="btnSave" Text="Save Form" runat="server" /> الصورة <asp:Image ID="Image2" ImageUrl="https://auth.gfx. ms/images/ms-logo.png" runat="server" /> ⦁ النقاط الرئيسية ⦁ سؤال: لماذا يجب علي تحديد runat = "server" على جميع ملفاتي يتحكم ASP.NET عندما تكون سمة إلزامية ويكون الخادم هو الخيار الوحيد المتاح في معرفتي المحدودة بـ ASP.NET، وأحصل على خطأ إذا لم أستخدمه؟ ⦁ الإجابة: يتعلق الأمر بكيفية تحديد عناصر التحكم من جانب الخادم أثناء المعالجة. بدلاً من الاضطرار إلى التحقق من كل عنصر تحكم في وقت التشغيل حسب الاسم لتحديد ما إذا كانت المعالجة من جانب الخادم يجب إجراؤها، فإنه يقوم بالتحديد على تمثيل العقدة الداخلية حسب العلامة. يتحقق المترجم للتأكد من أن كافة عناصر التحكم التي تتطلب علامات الخادم تحتوي عليها أثناء خطوة التحقق من الصحة. ⦁
يعني سطرًا جديدًا في HTML ⦁ يعني مساحة في HTML SAMPLE FORM ⦁ تمرين باستخدام نموذج ويب ASP، قم بإنشاء صفحة نموذجية كما هو موضح أدناه. ملاحظة: شعار الانستقرام: يمكنك استخدام أي شعار من الإنترنت.
