第3回:無償版Visual Web Developerを利用してのWebアプリケーション作成 (2/3)

はじめて覚えるSQL Server 2005 Express Edition
はじめて覚えるSQL Server 2005 Express Edition

第3回:無償版Visual Web Developerを利用してのWebアプリケーション作成
著者:システムインテグレータ   戸坂 龍太郎  2006/6/21
前のページ  1  2   3  次のページ
Visual Web Developer 2005 Express Editionの操作

   セットアップが終了したら、「スタートメニュー → プログラム → Visual Web Developer 2005 Express Edition」を実行する。初回起動時のみ環境設定を行うために時間が少々かかるが、しばらく経つと「新しいWebサイト」のテンプレート選択画面が表示される。
「新しいWebサイト」のテンプレート選択画面
図3:「新しいWebサイト」のテンプレート選択画面
(画像をクリックすると別ウィンドウに拡大図を表示します)

   開発環境が正常に動作するか確認するために、「新しいWebサイト」から「パーソナルWebサイトスタートキット」を選択する。あらかじめ用意されたサンプルを使ってWebアプリケーションのカスタマイズを行うことができる。

「パーソナルWebサイトスタートキット」初期画面
図4:「パーソナルWebサイトスタートキット」初期画面
(画像をクリックすると別ウィンドウに拡大図を表示します)

   起動するとスタートページが表示されるので、左上の「新しいWebサイト」ボタンを押す。表示された「新しいWebサイト」ウィンドウで、「パーソナルWebサイトスタートキット」を選択する。

   すると新しいプロジェクトが作成され、サンプルアプリケーションを編集することができるようになる。プロジェクトが表示された状態で、「Ctrl+F5」キーを押すと、アプリケーションが実行され、Webブラウザ上にマイパーソナルサイトが表示される。

マイパーソナルサイト
図5:マイパーソナルサイト
(画像をクリックすると別ウィンドウに拡大図を表示します)

   VWD Express Editionの操作方法は、基本的に「デザイン」画面上でツールボックスからオブジェクトを選択して配置していくGUIでの操作となる。配置したオブジェクトに対してプロパティの設定、イベントを記述したりしながらアプリケーションを作成していく。なお、作成中のアプリケーションは「F5」キーをクリックすることで、いつでもWebブラウザで確認することができる。

プロパティの設定
図6:プロパティの設定
(画像をクリックすると別ウィンドウに拡大図を表示します)

Webブラウザ上での表示
図7:Webブラウザ上での表示
(画像をクリックすると別ウィンドウに拡大図を表示します)

前のページ  1  2   3  次のページ


システムインテグレータ 戸坂 龍太郎
著者プロフィール
システムインテグレータ  戸坂 龍太郎
株式会社システムインテグレータ勤務。自社開発のパッケージをベースにしたECサイトを年に数件立ち上げている。システム面・業務面ともに多数のECサイトを構築したノウハウを次の開発にどのようにいかすかを常に考え、日々勉強中。


INDEX
第3回:無償版Visual Web Developerを利用してのWebアプリケーション作成
  Webアプリケーションの特徴
Visual Web Developer 2005 Express Editionの操作
  SQL ServerのDB連携Webアプリケーションの構築
はじめて覚えるSQL Server 2005 Express Edition
第1回 SQL Server 2005 Express Editionとは
第2回 SQL Server 2005 Express Editionのインストールと基本操作
第3回 無償版Visual Web Developerを利用してのWebアプリケーション作成
第4回 Webアプリケーションの開発

人気記事トップ10

人気記事ランキングをもっと見る