前 次 前/次ボタンと目次ボタンとの区切り線

Web ページの表示

ここでは、Web ページを開いて JSP エディタに表示し、Workshop for JSP のソース エディタ、デザイン エディタ、複合エディタを使用して Web ページを簡単に操作する方法について説明します。エクササイズを始める前に、Workshop ツアー プロジェクトの site フォルダが展開されていることを確認してください。このフォルダから、エクササイズで使用するすべてのファイルにアクセスできます。

背景

Workshop for JSP は、高性能の視覚的なエディタを備えています。デザイン エディタを使用すると、Web ページを視覚的に構成できます。ソース エディタを使用すると、マークアップを直接操作できます。Workshop には、ソース エディタとデザイン エディタを同時に表示できる複合エディタ モードも用意されています。この機能を使用すると、ソース レベルで編集を行いながら、Web ページに反映される変更結果を視覚的に確認できます。Workshop for JSP での Web ページの編集方法については、後のエクササイズでも詳しく解説します。

他のエディタのアクティブ化

  1. このページを開くには、[AppXplorer] で [home.jsp] をダブルクリックします。
  2. デフォルトでは、複合エディタがアクティブになります ([デザイン/ソース] タブが選択されています)。

  3. [デザイン] タブまたは [ソース] タブをクリックします。
  4. それぞれに対応するエディタがアクティブになります。

  5. [デザイン/ソース] タブをクリックします。
  6. デザイン エディタとソース エディタが同時に表示されます。

関連する概念

編集の同期

関連するタスク

Web ページの操作

関連するリファレンス

JSP エディタ

チュートリアルの前後の手順に移動するには、次の矢印をクリックしてください。

 

ナビゲーションをスキップ バー   ページの先頭