ホームページの表とは計算をしたりするわけではありません。凝ったレイアウトにするためには必ず表が必要になります
広告

| 表2×3 | ||||
先ほど↑上で作成した表に行を挿入します。
|
|
いずれかのセルにカーソルを移動させます | ||||||||||||
![]() ▼ |
メニューバーの<表>→<行又は列の挿入> | ||||||||||||
![]() ▼ |
開いたダイアログボックスには<行>と<選択範囲の下>にチェックが入っていると思いますので行数のみ入力してみて下さい。例「2」行 | ||||||||||||
|
|
どうですか?カーソルの下に2行追加されました。これを応用して、列の追加(縦のラインです)や選択範囲の上等試してみてください。 |
![]() |
マウスカーソルを上、又は左の端に近づけるとマウスカーソルが矢印に変わります。そこでクリックするとその行が範囲指定されますので【Del】キーを押すと削除されます。 |
表はセル単体での背景編集が可能なため見やすい構成が可能です
では、ちょっと試してみましょう。以下の献立表をカットアンドペーストでFrontPageExpressに貼り付けて下さい
| 8/11 | 8/12 | 8/13 | 8/14 |
| カレー | 肉じゃが | シチュー | サンマ |
| 福神漬 | スープ | サラダ | 大根下ろし |
日付のセルを別の色にしてみましょう。
![]() ▼ |
マウスを日付の一番左に持ってきたらマウスポインタの形状が<→>に変わりますので左クリックすると日付のセルが範囲設定されます。 | ||||||||||||
![]() ▼ |
指定した範囲の上で右クリック→現れたメニューの<セルのプロパティ>を選択 | ||||||||||||
![]() |
<背景の色>が現在<標準>になっているはずですので、<黄緑>に変更し<OK>をクリック 「もしくは、背景に画像を使いたい場合・・・」 これは、後で説明します。 |
||||||||||||
|
ちょっと見やすくなりました。 |
<背景の色>の上に<背景の画像を使用する>の項目があります。そうです。画像も挿入出来るのです。
![]() ▼ |
画像の挿入にはまず、画像ファイルが必要です。 |
||||||||||||
![]() |
先ほどの手順で範囲を指定し(今度はメニューの方を指定します shiftキーを押しながらクリックすると複数行の指定が出来ます) <背景の画像を使用する>にチェックを入れ<参照>で画像ファイルを指定します。
|
| ホームページ素材集リンク |
| G-TOOL |
| Webデザイン素材-anyway |
表はレイアウトを整える場合に利用します。いくつかの例をあげてみます。
表を使うことによってもっとお洒落なページが出来ます。慣れてきたら参考にして下さい
| 枠無し(標準表示) | 枠付き(分かりやすいように枠を表示) | ||||||||||||||||||
|
|
||||||||||||||||||
|
|
| かわいいテーブル素材がそろってます。 | |
| テーブル素材のほか、GIFアニメなどかわいい素材があります。 |
| <--前ペ−ジ | トップ | 次ページ--> |