Erstellen einer grundlegenden Seite im ASP.Net-Framework mit CSS
National University of Computer and Emerging Sciences Lab Manual 1.1 „Einführung in ASP.net, HTML“ Database Systems Lab Frühjahr 2021 Fachbereich Informatik FAST-NU, Lahore, Pakistan Inhaltsverzeichnis 1 Ziel 2 2 Aufgabenverteilung 2 3 HTML 3 1.1. Was ist HTML? 3 1.2. HTML-Tags 3 1.3. Webbrowser 3 1.4. HTML-ELEMENTE 4 1.5. HTML-Überschriften 4 4 Erstellen eines ASP.Net-Webformulars mit Visual Studio 4 4.1 ASP-STEUERUNGEN (ähnliches Verhalten wie HTML-Elemente) 8 4.2 Schlüsselpunkte 10 5 Übung 13 ⦁ Ziel Der Zweck dieses Dokuments besteht darin, eine praktische Implementierung von HTML und einen vollständigen Überblick zu geben von HTML-Tags und -Elementen, mit Beispiel und Live-Implementierung während des Labors. Einführung in ASP.NET. In diesem Dokument wird beantwortet, wie ein neues Projekt erstellt wird. Wie erstelle ich eine neue Webseite? Und üben Sie an verschiedenen ASP-Steuerelementen. ⦁ Aufgabenverteilung Gesamtzeit 90 Minuten Einführung 10 Minuten HTML-Elemente 15 Minuten ASP-Steuerung 15 Minuten Übung 45 Minuten ⦁ HTML ⦁ Was ist HTML? HTML ist eine Sprache zur Beschreibung von Webseiten. ⦁ HTML steht für Hyper Text Markup Language ⦁ HTML ist keine Programmiersprache, sondern eine Auszeichnungssprache ⦁ Der Zweck der Tags besteht darin, den Seiteninhalt zu beschreiben ⦁ HTML-Tags HTML-Markup-Tags werden normalerweise als HTML-Tags bezeichnet ⦁ HTML-Tags sind Schlüsselwörter (tag Namen), umgeben von spitzen Klammern wie ⦁ HTML-Tags kommen normalerweise paarweise vor wie und ⦁ Das End-Tag wird wie das Start-Tag geschrieben, mit einem Schrägstrich vor dem Tag-Namen ⦁ Start- und End-Tags werden auch öffnende Tags und schließende Tags genannt. ⦁ Webbrowser Der Zweck eines Webbrowsers (Chrome, Internet Explorer und Firefox) besteht darin, HTML-Dokumente zu lesen und sie als Webseiten anzuzeigen. Der Browser zeigt die HTML-Tags nicht an, sondern verwendet die Tags, um den Inhalt der Seite zu interpretieren: ⦁ HTML-ELEMENTE ⦁ Ein HTML-Element beginnt mit einem Start-Tag / Eröffnungs-Tag ⦁ Ein HTML-Element endet mit einem End-Tag / Schluss-Tag ⦁ Das Elementinhalt ist alles zwischen dem Start- und dem End-Tag. ⦁ Einige HTML-Elemente haben leeren Inhalt. ⦁ Die meisten HTML-Elemente können Attribute haben. ⦁ HTML-Überschriften
Schauen Sie sich das an
Was denken Sie jetzt darüber?
Und was ist jetzt?
⦁ Erstellen eines ASP.Net-Webformulars mit Visual Studio Schritt 1: Starten Sie eine Instanz von Visual Studio (Version: 20XY) und erstellen Sie ein neues Projekt, indem Sie zu Datei –> Neu –> Projekt –> Web –> ASP.NET-Webanwendung als gehen Wie unten gezeigt: Schritt 2: Navigieren Sie zum Projektmappen-Explorer und fügen Sie ein neues Webformular hinzu. Schritt 3: Wählen Sie das Webformular aus der verfügbaren Vorlage aus und legen Sie seinen Namen fest. Schritt 4: Doppelklicken Sie im Projektmappen-Explorer auf MyPage.aspx und klicken Sie auf eine leere Stelle im mypage.aspx und drücken Sie „STRG+F5“. Die Ausgabe würde wie folgt aussehen: ⦁ ASP CONTROLS (Ähnliches Verhalten wie HTML-Elemente) Eine einfache TextBox: <asp:TextBox ID="txtName" runat="server"></asp:TextBox > Eine Passwort-TextBox: <asp:TextBox ID="txtPassword" TextMode="password" runat="server"></asp:TextBox> Eine TextBox mit Text: <asp:TextBox ID="txtTextValue" Text="Hallo Welt!" runat="server"></asp:TextBox> Eine mehrzeilige TextBox: <asp:TextBox ID="txtComment" TextMode="multiline" runat="server"></asp:TextBox> Kontrollkästchen <asp:CheckBox ID=" chkIsStudent" runat="server" /> Optionsfeld <asp:RadioButton ID="rdMale" GroupName="Gender" runat="server" /> <asp:RadioButton ID="rdFemale" GroupName="Gender" runat="server" /> Dropdown-Liste <asp:DropDownList ID="ddlDepartment" runat="server"> <asp:ListItem Text="Select" Value="0"></asp:ListItem> <asp:ListItem Text="Informatik" Value="CS"></asp:ListItem> <asp:ListItem Text="Elektrotechnik" Value="EE"></asp:ListItem> <asp:ListItem Text="Business Administrator" Value="BBA"></asp:ListItem> <asp:ListItem Text="Civil Engineering" Value="CV"></asp:ListItem> </asp:DropDownList> Schaltfläche <asp:Button ID="btnSave" Text="Formular speichern" runat="server" /> Bild <asp:Image ID="Image2" ImageUrl="https://auth.gfx.ms/images/ms-logo.png" runat="server" /> ⦁ Wichtige Punkte ⦁ Frage: Warum muss ich runat="server" auf allen meinen ASPs angeben? NET steuert, wann es sich um ein obligatorisches Attribut handelt und der Server die einzige Option ist, die in meinen begrenzten ASP.NET-Kenntnissen verfügbar ist, und ich eine Fehlermeldung erhalte, wenn ich es nicht verwende? ⦁ Antwort: Es hängt davon ab, wie serverseitige Kontrollen während der Verarbeitung identifiziert werden. Anstatt jedes Steuerelement zur Laufzeit anhand seines Namens überprüfen zu müssen, um festzustellen, ob eine serverseitige Verarbeitung durchgeführt werden muss, erfolgt eine Auswahl anhand der internen Knotendarstellung anhand des Tags. Der Compiler prüft während des Validierungsschritts, ob alle Steuerelemente, die Server-Tags erfordern, über diese verfügen. ⦁
bedeutet neue Zeile in HTML ⦁ bedeutet Leerzeichen in HTML BEISPIELFORMULAR ⦁ Übung Erstellen Sie mit einem ASP-Webformular eine Beispielseite wie unten angegeben. Hinweis: Instagram-Logo: Sie können jedes Logo aus dem Internet verwenden.
