การสร้างเพจพื้นฐานบนเฟรม ASP.Net ทำงานร่วมกับ CSS
คู่มือห้องปฏิบัติการมหาวิทยาลัยคอมพิวเตอร์และวิทยาศาสตร์เกิดใหม่แห่งชาติ 1.1 “Introduction to ASP.net, HTML” Database Systems Lab Spring 2021 Department of Computer Science FAST-NU, Lahore, Pakistan สารบัญ 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 ย่อมาจาก Hyper Text Markup Language ⦁ 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) และสร้างโปรเจ็กต์ใหม่โดยไปที่ File -> New -> Project -> Web -> ASP.NET Web Application เป็น แสดงด้านล่าง: ขั้นตอนที่ 2: ไปที่ Solution Explorer และเพิ่มเว็บฟอร์มใหม่ ขั้นตอนที่ 3: เลือกเว็บฟอร์มจากเทมเพลตที่มีอยู่และตั้งชื่อ ขั้นตอนที่ 4: ดับเบิลคลิกที่ MyPage.aspx ในโซลูชัน explorer และคลิกที่พื้นที่ว่างใน mypage.aspx แล้วกด “CTRL+F5” ผลลัพธ์จะเป็นดังนี้: ⦁ ASP CONTROLS (ลักษณะการทำงานคล้ายกับองค์ประกอบ HTML) กล่องข้อความพื้นฐาน: <asp:TextBox ID="txtName" runat="server"></asp:TextBox > กล่องข้อความรหัสผ่าน: <asp:TextBox ID="txtPassword" TextMode="password" runat="server"></asp:TextBox> กล่องข้อความที่มีข้อความ: <asp:TextBox ID = "txtTextValue" Text = "สวัสดีชาวโลก!" runat="server"></asp:TextBox> กล่องข้อความหลายบรรทัด: <asp:TextBox ID="txtComment" TextMode="multiline" runat="server"></asp:TextBox> ช่องทำเครื่องหมาย <asp:CheckBox ID=" chkIsStudent" runat = "เซิร์ฟเวอร์" /> ปุ่มตัวเลือก <asp:RadioButton ID = "rdMale" GroupName = "เพศ" runat = "เซิร์ฟเวอร์" /> <asp:RadioButton ID = "rdFemale" GroupName = "เพศ" runat = "เซิร์ฟเวอร์" /> รายการแบบเลื่อนลง <asp:DropDownList ID = "ddlDepartment" runat = "เซิร์ฟเวอร์"> <asp:ListItem Text = "เลือก" Value = "0">< /asp:ListItem> <asp:ListItem Text="วิทยาการคอมพิวเตอร์" Value="CS"></asp:ListItem> <asp:ListItem Text="วิศวกรรมไฟฟ้า" Value="EE"></asp:ListItem> <asp:ListItem Text="Business Administrator" Value="BBA"></asp:ListItem> <asp:ListItem Text="วิศวกรรมโยธา" Value="CV"> </asp:ListItem> </asp:DropDownList> ปุ่ม <asp:Button ID="btnSave" Text="บันทึกแบบฟอร์ม" 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 Web form สร้างหน้าตัวอย่างดังที่แสดงด้านล่าง หมายเหตุ: โลโก้ instagram : คุณสามารถใช้โลโก้ใดก็ได้จากอินเทอร์เน็ต
