手順 1：ビューの設定

この手順では、最初にビューを設定します。コンテンツを線形ゲージに追加します。

注意: この手順では、MVC Classicバープロジェクトを作成済みであることを前提にしています。詳細については、「MVC Classic プロジェクトの作成」トピックを参照してください。

以下の手順を実行します。

ソリューションエクスプローラに移動して、Views フォルダ内の Shared フォルダを展開し、_Layout をダブルクリックしてファイルを開きます。

以下のマークアップを、@RenderBody() のすぐ後のページの <body> タグ内に追加します。

ソースビュー	コードのコピー
<div id="gauge1" class="ui-corner-all"></div>

このマークアップは線形ゲージのコンテンツをページに追加します。

この手順では、ビューを作成しました。次の手順　「手順 2：ウィジェットの初期化」では、ウィジェットを初期化するスクリプトを追加します。