Asp.net-wp-getting-started

提供:Dev Guides
移動先:案内検索

ASP.NET WP-はじめに

この章では、ASP.NET Webページを使用して簡単な例を開始する方法を説明します。 まず、新しいWebサイトと簡単なWebページを作成します。

空のウェブサイトを作成するには?

まず、前の章でインストールしたMicrosoft WebMatrixを起動します。

Web Matrix NewSite

空のサイトを作成してから、ページを追加します。 まず、[新規]をクリックすると、組み込みのテンプレートが表示されます。

組み込みテンプレート

テンプレートは、さまざまなタイプのWebサイト用の事前に作成されたファイルおよびページです。 デフォルトで使用可能なすべてのテンプレートを表示するには、[テンプレートギャラリー]オプションを選択します。

テンプレートギャラリーオプション

空のサイトテンプレートを選択し、サイト名を入力します。 この場合、サイト名として FirstWebPageDemo を入力し、[次へ]をクリックする必要があります。

WebPage Demo

必要なパッケージがインストールされます。 インストールが完了すると、WebMatrixは次のスクリーンショットに示すようにサイトを作成して開きます。

WebMatrix Creates

ASP.NET Webページを作成する

次に、WebMatrixおよびASP.NET Webページを理解して慣れるために、[ホーム]タブの[新規]をクリックして、簡単なWebページを作成しましょう。

ASP.NET Webページ

WebMatrixは、次のスクリーンショットに示すようにファイルタイプのリストを表示します。

WebMatrixディスプレイ

*CSHTML* を選択し、[名前]ボックスに *FirstPage.cshtml* と入力して[OK]をクリックします。

Firstpage CSHTML

これで、WebMatrixがページを作成し、エディターで開くことがわかります。

次のプログラムに示すように、まず FirstPage.cshtml ページを更新しましょう。

@{ }
<!DOCTYPE html>
<html lang = "en">

   <head>
      <meta charset = "utf-8"/>
      <title>Welcome to ASP.NET Web Pages Tutorials</title>
   </head>

   <body>
      <h1>Hello World, ASP.NET Web Page</h1>
      <p>Hello World!</p>
   </body>

</html>

このWebページをテストするには、次のスクリーンショットに示すように、[ホーム]タブの[実行]オプションの下にある矢印を選択し、Internet Explorerを選択します。

最初のWebページ

これで、次の空のWebページが表示されます。

Internet Explorer

ブラウザで次のURLを指定します- http://localhost:46023/firstpage 。次の出力が表示されます。

Hello World