|
４．「what's new」のレイアウト作業を開始
サイトウインドウの「new」フォルダ内の「index.html」を開き、ウィンドウの右下にある「ウインドウサイズの変更」プルダウンメニューから「780（17インチモニタ）」を選択。続けてレイアウトグリッドを配置し、「レイアウトグリッドインスペクタ」で［グリッド］の設定を［水平方向：10］、［垂直方向：10］に変更する。これでグリッドの升目が小さくなったはず。さらに「レイアウトグリッドインスペクタ」で［幅：760］と指定して適用しておく。 |
|
５．背景画像を設定する
まずは背景画像を設定しておこう。ナビゲーションの部分だけが黄色のバックになっているが、これは「what's new」などコンテンツ側に設定している「画像」によるものである。まず、「ページ」アイコンをクリックしてインスペクタの［背景］項目である［画像］にチェックを入れる。背景画像となる「bg.gif」を選択する。これで左側に黄色のバックが表示された。 |
 |
「bg.gif」は「rainbow」フォルダの中の「images」内にある。画像の配置についてはこちら |
 |
|
６．コンポーネントの取り込み
いよいよコンポーネントの取り込みを行おう。「オブジェクト」パレットの「スマートタブ」にある「コンポーネント」アイコンを画面上にドラッグして「コンポーネントプレースホルダ」を用意する。
|
 |
 |
インスペクタも「コンポーネントインスペクタ」に変わる |
|
|
