2. 表を使ったページレイアウト
|
|
|
2. 表を使ったページレイアウト
|
| 準備が整ったので いよいよ 作成していきましょう。 |
||||||||||||
| 新しいページに、直接文字を入力していっても良いのですが、 今回は、画像と文字のレイアウトが崩れにくい方法で作成していきます。 画像と文字のレイアウトが崩れないようにするためには、下記ような 表を作ってレイアウトしていきます。 枠線の太さを0にするとブラウザでは 非表示になります。 見えない枠の中で文字や画像をバランス良く配置してゆきます。 コンポーザーでは わかりやすくするために0だと赤い点線枠で表示されます。 |
||||||||||||
＊完成例＊
|
||||||||||||
■レイアウトのための表の作成 
挿入＞表 |
||||||||||||
|
【レイアウトの為の表を作成しましょう】 ツールバーの表アイコンをクリック （または、メニューバーの 挿入より表をクリック） 列2・行数5 表の幅80％ 枠線を0に 設定し、[OK] をクリック このような表が挿入されましたか？
＊作成した表の中でダブルクリックすると表のプロパティが表示さ れ、設定の変更ができます。 幅は ％のほかに、ピクセルでも指定できます。 基本的に幅は、640ピクセルまでにおさめる方がよいでしょう。 枠は、線のの太さ 間隔は セルとセルのすき間 余白は １つのセルの枠線とセルの内容（文字や画像）との余白の設定値です。 |
|||||||||||
| ■２列1列に連結する 表＞右のセル
に連結 |
||||||||||||
|
【表のレイアウトをしましょう】 表に編集を加えて行きましょう。 第一行目のタイトル行と最下部行の２列を１列にします。 表の最上行にカーソルを置き、メニューより 表＞右のセルに連結 を選択。 同じ事を表の最終行でも行います。 左のようになりましたか？
|
|||||||||||
|
||||||||||||
*途中でフリーズしたら困るので |
||||||||||||
| Home |
||||||||||||
