Web ページのフォーマッティング

JSP Editor では、多くの手法を使って Web ページをフォーマットできます。CSS や HTML スタイルの使用、パラグラフや文字によるフォーマッティング、および表の編集が可能です。こうした手法にはすべて、デザイン エディタとソース エディタからアクセスできます (もちろん、複合エディタからも同時にアクセスできます)。

スタイルの使用

1. CSS スタイルを適用するには、次のいずれかを行います。
   • JSP デザイン エディタのポップアップ メニューにある [CSS スタイル] メニュー項目から、CSS スタイル名を選択します。
   • メニュー バーから [テキスト｜CSS スタイル] を選択し、表示されたダイアログから CSS スタイルを選択します。
2. HTML スタイルを適用するには、次のいずれかを行います。
   • JSP デザイン エディタのポップアップ メニューにある [スタイル] メニュー項目から、HTML スタイル名を選択します。
   • メニュー バーの [テキスト｜スタイル] メニュー項目から、HTML スタイル名を選択します。

テキストの変更

1. フォントを変更するには、次のいずれかを行います。
   • JSP デザイン エディタのポップアップ メニューにある [フォント] メニュー項目から、フォント名を選択します。
   • メニュー バーの [テキスト｜フォント] メニュー項目から、フォント名を選択します。
2. フォント サイズを変更するには、次のいずれかを行います。
   • JSP デザイン エディタのポップアップ メニューにある [サイズ] メニュー項目から、フォント サイズを選択します。
   • メニュー バーの [テキスト｜サイズ] メニュー項目から、フォント サイズを選択します。
3. フォントの色を変更するには、次のいずれかを行います。
   • JSP デザイン エディタのポップアップ メニューから、[色] を選択します。
   • メニュー バーから [テキスト｜色] を選択します。

表の使用

1. 新しい表を挿入するには、次のようにします。
   • [デザイン パレット] ビューで、HTML タグ ライブラリから [テーブル] を選択します。
     表のエントリをデザイン エディタ内に配置するには、シングルクリックするか、ドラッグ アンド ドロップを使用できます。
   • 表示された [テーブル タグ] ウィザードで、テーブルのプロパティを入力します。
   • [OK] をクリックすると、ドキュメントに表要素が挿入されます。
2. 表を選択するには、次のようにします。
   • JSP デザイン エディタのポップアップ メニューまたはメニュー バーから、[Table｜テーブルの選択] を選択します。
     こうすると、ドキュメント内のカーソルの現在位置にもっとも近い表が選択されます。
3. 行やカラムを挿入するには、次のようにします。
   • JSP デザイン エディタのポップアップ メニューまたはメニュー バーから、[テーブル｜行の挿入] を選択します。
     こうすると、表中で現在のカーソル位置にもっとも近い行の後に、新しい行が挿入されます。

   • JSP デザイン エディタのポップアップ メニューまたはメニュー バーから、[テーブル｜カラムの挿入] を選択します。
     こうすると、表中で現在のカーソル位置にもっとも近いカラムの後に、新しいカラムが挿入されます。

   • JSP デザイン エディタのポップアップ メニューまたはメニュー バーから、[テーブル｜前に行を挿入] を選択します。
     こうすると、表中で現在のカーソル位置にもっとも近い行の前に、新しい行が挿入されます。

   • JSP デザイン エディタのポップアップ メニューまたはメニュー バーから、[テーブル｜前にカラムを挿入] を選択します。
     こうすると、表中で現在のカーソル位置にもっとも近いカラムの後に、新しいカラムが挿入されます。
4. 行やカラムを削除するには、次のようにします。
   • JSP デザイン エディタのポップアップ メニューまたはメニュー バーから、[テーブル｜行の削除] を選択します。
     こうすると、表中で現在のカーソル位置に最も近い行が削除されます。

   • JSP デザイン エディタのポップアップ メニューまたはメニュー バーから、[テーブル｜カラムの削除] を選択します。
     こうすると、表中で現在のカーソル位置に最も近いカラムが削除されます。