HTML Designer

 

HTML デザイナーには、HTML ドキュメントを作成して編集できるエディターやツールが用意されています。 編集ビューには次の 3 つがあります。

• デザイン ビュー このビューでは、HTML ページをグラフィカルに編集し、ツールボックスの要素を挿入してサイズを変更し、それらを配置して揃え、結果をその場で確認できます。

• ソース ビュー このビューでは、HTML を直接編集し、ステートメント入力候補のポップアップ リストから属性とプロパティを挿入し、マークアップを検証できます。

• 分割ビュー   このビューでは、デザイン ビューとソース ビュー両方でドキュメントを表示および編集できます。 既定では、次の 2 種類のウィンドウは水平方向に配置されますが、[全般] ([オプション] ダイアログ ボックス - [HTML デザイナー])の [ビューを左右に分割する] オプションをオンにして、この動作を変更できます。

このセクションの内容

• Design View
  HTML ドキュメントの作成と編集ができるグラフィック環境が用意されています。

• Positioning Elements in Design View
  Web ページ上の要素の位置について説明します。

• [ハイパーリンク] ダイアログ ボックス
  ハイパーリンク ジャンプのリンクの種類とリンク先の位置を指定し、ドキュメント内で選択した文字列やイメージの周囲にコーディングできます。

• [テーブル] ([テーブルの挿入] ダイアログ ボックス)
  テーブルを挿入し、そのサイズと表示状態にさまざまなオプションを選択できます。

• [名前とパスワードが必要です] ダイアログ ボックス
  必要に応じて FrontPage Administrator 権限を持つユーザーの ID とパスワードの入力を求めます。

• [正規表現エディター] ダイアログ ボックス
  RegularExpressionValidator コントロールの ValidationExpression プロパティを編集できます。

• [<SELECT> プロパティ ページ] ダイアログ ボックス
  HTML ドキュメントの select 要素にプロパティとオプションを指定できます。

• [CSS] ([オプション] ダイアログ ボックス - [HTML デザイナー])
  CSS エディターの既定の設定を変更できます。

• [CSS スタイル] ([オプション] ダイアログ ボックス - [HTML デザイナー])
  デザイン ビューでの CSS スタイルの適用方法に関する既定の設定を変更できます。

• [ルーラーとグリッド] ([オプション] ダイアログ ボックス - [HTML デザイナー])
  デザイン ビューでのルーラー、グリッド、および "グリッドに合わせる" の各機能の表示状態に影響する HTML デザイナーの既定の設定を変更できます。

• [表示] ([オプション] ダイアログ ボックス - [HTML デザイナー])
  デザイン ビューでのページのユーザー インターフェイス (UI) の外観に影響する HTML デザイナーの既定の表示設定を変更できます。

関連項目

• Web Forms Designer
  フォームへのコントロールの追加、コントロールの位置調整、およびコントロールのイベントのコード作成を行います。

• ツールボックス、タブ
  Web ページと Web フォームで使用するコンポーネントを提供します。

• [プロジェクト項目の選択] ダイアログ ボックス
  Web サイト内でページ、コンポーネント、グラフィック、または他のファイルを選択できます。

関連項目

Walkthrough: Basic HTML Editing in Visual Studio for Web Forms Pages
Walkthrough: Advanced HTML Editing in Visual Studio for Web Forms Pages