CSS を使用して ASP.Net フレームワークで基本的なページを作成する
国立コンピュータ新興科学大学ラボ マニュアル 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 Visual Studio を使用した ASP.Net Web フォームの作成 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 は Web ページを記述するための言語です。 ⦁ HTML は Hyper Text Markup Language の略です ⦁ HTML はプログラミング言語ではなく、マークアップ言語です ⦁ タグの目的はページのコンテンツを記述することです ⦁ HTML タグ HTML マークアップ タグは通常 HTML タグと呼ばれます ⦁ HTML タグはキーワード (タグ⦁ HTML タグは通常、と のようなペアで記述されます。 ⦁ 終了タグは、開始タグと同様に、先頭にスラッシュを付けて記述されます。タグ名 ⦁ 開始タグと終了タグは開始タグ、終了タグとも呼ばれます ⦁ Web ブラウザ Web ブラウザ (Chrome、Internet Explorer、Firefox) の目的は、HTML ドキュメントを読み取って Web ページとして表示することです。ブラウザは HTML タグを表示しませんが、ページのコンテンツを解釈するためにタグを使用します。 ⦁ HTML 要素 ⦁ HTML 要素は開始タグ / 開始タグで始まります ⦁ HTML 要素は終了タグ / 終了タグで終わります ⦁要素の内容は、開始タグと終了タグの間のすべてです ⦁ 一部の HTML 要素には空の内容があります ⦁ ほとんどの HTML 要素は属性を持つことができます ⦁ HTML 見出し
これをチェックしてください
今それについてどう思いますか
そして今はどうですか
⦁ Visual Studio を使用して ASP.NET Web フォームを作成する ステップ 1: Visual Studio のインスタンス (バージョン:20XY) を起動し、[ファイル] –> [新規作成] –> [プロジェクト] –> [Web] –> [ASP.NET Web アプリケーション] に移動して新しいプロジェクトを作成します。以下に示すように: ステップ 2: ソリューション エクスプローラーに移動し、新しい Web フォームを追加します。 ステップ 3: 利用可能なテンプレートから Web フォームを選択し、その名前を設定します。 ステップ 4: ソリューション エクスプローラーで MyPage.aspx をダブルクリックし、 mypage.aspx にアクセスし、「CTRL+F5」を押します。 出力は次のようになります: ⦁ ASP コントロール (HTML 要素と同様の動作) 基本的な TextBox: <asp:TextBox ID="txtName" runat="server"></asp:TextBox > パスワード TextBox: <asp:TextBox ID="txtPassword" TextMode="password" runat="server"></asp:TextBox> テキストを含む TextBox: <asp:TextBox ID="txtTextValue" Text="Hello World!" runat="server"></asp:TextBox> 複数行の TextBox: <asp:TextBox ID="txtComment" TextMode="multiline" runat="server"></asp:TextBox> チェックボックス <asp:CheckBox ID=" chkIsStudent" runat="server" /> ラジオ ボタン <asp:RadioButton ID="rd Male" GroupName="Gender" runat="server" /> <asp:RadioButton ID="rd Female" GroupName="Gender" runat="server" /> ドロップダウン リスト <asp:DropDownList ID="ddlDepartment" runat="server"> <asp:ListItem Text="Select" Value="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="フォームを保存" runat="server" /> 画像 <asp:Image ID="Image2" ImageUrl="https://auth.gfx.ms/images/ms-logo.png" runat="server" /> ⦁ 重要なポイント ⦁ 質問: runat="server" が必須属性であり、ASP に関する私の限られた知識の中で使用できる唯一のオプションであるにもかかわらず、なぜ runat="server" をすべての ASP.NET コントロールで指定しなければならないのですか? .NET を使用しないとエラーが発生しますか? ⦁ 回答: これは、処理中にサーバー側のコントロールがどのように識別されるかに関係します。実行時にすべてのコントロールを名前でチェックしてサーバー側の処理を行う必要があるかどうかを判断するのではなく、タグによって内部ノード表現を選択します。コンパイラは、検証ステップ中にサーバー タグを必要とするすべてのコントロールにタグがあることを確認します。 ⦁
は HTML の改行を意味します。 ⦁ は HTML のスペースを意味します。 サンプル フォーム ⦁ 演習 ASP Web フォームを使用して、以下のようなサンプル ページを作成します。注: instagram ロゴ : インターネット上の任意のロゴを使用できます。
