◆レイアウトを決めよう！フロントページエクスプレス編

フロントページエクスプレスでのテーブルの作り方です。 ◆表の作成 　１．表を作りたいところにカーソルを持っていき、ツールバーの表のボタンを押すと、下の表エディタが出てきます。 　２．ドラッグで大きさを指定し、（表の編集を覚える為、３×３にしておいてください。） 　３．ドラッグを解除すれば下の表が出来上がります。 消したい時は表を指定する必要があります。 　１．表の枠線にポインタを持っていくと、矢印に変わります。 　２．左クリックして…… 　３．ドラッグして範囲を指定します。 なお、縦方向にも選択できますので、状況に応じて活用してください。 表を選択した状態で、Deleteを押せば表を削除できます。 ◆行・列の挿入 サンプルは３行×３列ではなく８行×４列なので行と列を加えてみましょう。 行を加えたい所にカーソルを持って行き、 　表＞行または列の挿入を選択。 すると、下のダイアログが開きます。 加えたい場所を上下で選んで、行数を指定すればいいだけです。簡単ですね。 列の場合は列を選択し、左右を選んで列数を指定です。 これで８行×４列にしてみましょう。 逆に削除をしたい場合は、行を指定して、Delete。列も同じです。 　 表が出来上がったら文字と画像を使って自分の自己紹介を入力してみましょう。 またアイコンはいちいち画像を挿入するのはめんどくさいので、一個挿入したらコピーして、【Ctrl】＋【V】で貼り付けるのが簡単です。 この通りに入力ではなく、項目を加えたり無くしたりして自分のプロフィールをテーブルで作ってみてください。 名前 ： クロ 性別 ： ♂ 誕生日 ： 秘密 性格 ： めんどくさがり屋（その割に凝り性） 血液型 ： B型 好きなもの ： 平和 嫌いなもの ： ノーテン 一言 ： 白馬に乗った王女様、待ってます。 ブラウザ上では枠線は表示されません。 サンプルとは位置が違いますね。 次は表の編集です。 ◆表の編集 表の中にカーソルを持って行き、右クリック＞表のプロパティを選択すると、下のダイアログが表示されます。 ◆表の配置 左寄せ、センタリング、右寄せと同じです。 ◆外枠のサイズ 外枠のサイズが枠線の太さ ０にすると枠線はブラウザ上で消えます。 セル内のスペースはセルの中の余白 罫線のサイズはセル同士の距離です。 ◆幅の指定 表全体の横幅の大きさを指定。 パーセントとピクセル単位で指定できます。 ◆ユーザー設定の背景 テーブルの背景色、背景画像を指定出来ます。 ユーザー設定の色を使うと、表に立体感を出せます。 罫線の色のみ設定 罫線＋明るい罫線 罫線＋暗い罫線  サンプルでは 表の配置＝中央 外枠のサイズ＝０ セル内のスペース＝２ 罫線のサイズ＝０ 幅の指定＝指定無し 背景＝白（#ffffff） にしています。 自分の個性で色々と試してみてください。 ◆セルの編集 表はセルごとに細かい設定が出来ます。 　カーソルをセル内に持っていき、右クリック＞セルのプロパティ　で下のダイアログが開きます。 ◆レイアウト 文字や画像の配置を決められます。 横位置は右寄せ、センタリング、左寄せ。 縦位置も上中下に設定できます。 横の配置は や、の状態で でも設定可。 ◆幅の指定 パーセントとピクセル単位でセルの大きさを指定できます。 ◆ユーザー設定の背景 セル内の背景色、背景画像を指定できます。 ◆ユーザー設定の色 セルの枠の色です。表のものと同じですが、セル枠の色は影となるので明るい罫線は右下、暗い罫線が左上、と逆になります。 セルのスパンは使わなくていいです。 ◆セルの分割、結合 こちらの表を見てください。 イチローの成績（２００５〜２００４） 年度 打率 HR ２００５ ３０３ １５ ２００４ ３７２ ８ 一番上のイチローの成績と書かれたセルが一つにつながってますね。 この様にセルをつなげる事も出来ます。 まず横一行のセルを結合したい場合。 　１．結合をしたい行を選択。 　２．メニューバーの、表＞セルの結合で完了です。列もやり方は同じです。 逆に分割したい場合は、 　１．分割したいセルにカーソルを持っていってメニューバーの、表＞セルの分割を選択。 　２．セルの分割のダイアログが開くので、分割する方向と数を入れてOKで完了です。 フロントページエクスプレスは簡単なので必要ないかもしれませんが、他にもこんな方法でレイアウトを決めれる例として下のものも紹介します。 表の中に表を挿入する事も出来ます。 上のイチローの表を例とすると、横の場合は、２行×１列の表を作って、下のセルに３行×３列の表（テーブル）を挿入。 縦の場合は、１行×２列の表を作って、右のセルに４行×２列の表（テーブル）を挿入。 あくまでレイアウトとしての表なので枠線を消してしまえば見た目は判りません＾＾； 色々組み合わせてみてください。