UIの設計

デモ・アイコン デモ           詳細アイコン 詳細

  1. エディタ・ウィンドウの上部にある「Register.jsp」タブを選択します。
  2. ページの上部にテキスト(例: Registration Form)を入力します。
  3. コンポーネント・パレットでHTML Commonページを選択し、「表アイコン Table」をクリックしてページにドラッグし、このページに表を追加します。
  4. 「表の挿入」ダイアログで、行数を3に変更し、「OK」をクリックします。
    詳細アイコン 詳細
  5. コンポーネント・パレットでJSF HTMLページを選択し、「入力テキスト・アイコン 入力テキスト」をクリックし、表内の1行目の2番目の列にドラッグします。
  6. コンポーネント・パレットで「入力テキスト・アイコン 入力テキスト」を再度クリックし、表内の2行目の2番目の列にドラッグします。
  7. コマンド・ボタン・アイコン コマンド・ボタン」をクリックし、表内の3行目の2番目の列にドラッグします。
  8. エディタ・ウィンドウで、最初の列のテキスト・フィールドにラベルを入力します。たとえば、1行目の最初の列に「Username:」、2行目の最初の列に「Email:」と入力します。
  9. 追加したコマンド・ボタンを選択します。プロパティ・インスペクタで、「value」フィールド内をクリックし、デフォルトのテキストをユーザーに表示するラベル(例: Sign Up!)に変更します。
    詳細アイコン IDE表示の詳細説明
キュー・カード・アイコン 次のステップ