■ホームページ作成講座 <連載 第9回「テーブル(表)」>

記事連動 参考資料

このページは、画像を含めて丸ごと保存できます。
インターネットエクスプローラ5.5の場合、「ファイル」メニューから
「名前を付けて保存」を選び、保存するフォルダを指定してから「保存」をクリックします。(下図参照)
保存したページは、ホームページビルダーなどのホームページ作成ソフトで読み込めます。
自習の資料として活用下さい。
なお、掲載している画像やテキストには著作権がありますので、
Webには公開なさらないでください。




テーブルを利用する前のレイアウト
整然としていません

純のオモシロ秘宝館
私の遊び道具を紹介するページです
画像クリックで詳しい説明が見られます

ダートボードダートボードキッズカート

ホットボード エンジンパワーで豪快に走るマウンテンボード
ダートボード ダート用6輪スケートボードロングボードもあります
KID's Kart キッズのための本格レーシングカート
レーシングボード カートより手軽にスケートボードよりスリリング

テーブルを利用した場合のレイアウト
見やすくなりました

純のオモシロ秘宝館
私の遊び道具を紹介するページです
画像クリックで詳しい説明が見られます

■ホットボード ダートボード
ダートボード
エンジンパワーで豪快に
走るマウンテンボード
ダートボード
ダート用6輪スケートボード
ロングボード
もあります
■KID's Kart ■レーシングボード
キッズカート
キッズのための
本格レーシングカート

カートより手軽に
スケートボードよりスリリング

上のテーブルに色をつけ、文字の色と位置を修正
テーブル自体も中央揃えにしています

純のオモシロ秘宝館
僕の持っている遊び道具を紹介するページです

■ホットボード ■KID's Kart
ダートボード
エンジンパワーで豪快に
走るマウンテンボード
キッズカート
キッズのための
本格レーシングカート
ダートボード ■レーシングボード
ダートボード
ダート用6輪スケートボード
ロングボード
もあります

カートより手軽に
スケートボードよりスリリング

セル毎に色を設定する
ホームページビルダーでは、
各セルの空白部分で右クリックして「属性の変更」を選ぶと、セルの色が変更できます。

色々な色

Excel の表をホームページにする
Excelの表をホームページ用に保存してから色などを調整しました。
ホームページ用(Webページ用)の保存モードを備えています

鮫の種類
名前 体長
ほおじろざめ 12m
ねずみざめ 3m
あおざめ 7m
しゅもくざめ 3m
かぐらざめ 5m
ねこざめ 1m
なぬかざめ 1m

image
Excelで作成した表を再びExcelで更新したい場合は、
ホームページ作成ソフトなどの他のソフトで編集すると、
Excelで正しく読み込めなくなる場合があります



三列四行のテーブル
一列目の2〜4行は、「行統合」し、そこに漢字の画像を貼り付けました

漢 字 問 題 答え
day/sun
answer
hundred
answer
month/moon
answer


テーブルを二重にして額縁のようにする

罫線に色を付ける


上の例のように、罫線の色を指定したい場合、表の属性画面を表示し、
枠表示のチェックをOFFにします。罫線の幅(例では10)を指定し、
色を指定します(例では赤・#ff0000)
この時、セルの色を背景の色と異なるように設定しないと、
罫線とセルの境界が区別できなくなるので注意してください。

(ネットスケープ4.75では罫線が正しく表示されません)

ほおじろざめ 12m ¥500
ねずみざめ 3m ¥1000
あおざめ 7m ¥250
しゅもくざめ 3m ¥300
かぐらざめ 5m ¥2000

枠表示をOFFにし、罫線の幅を1にして背景の色を黒にした例です。
セルの色は、行毎に白と水色に塗り分けてみました。
このような、帳票感覚のテーブルにも応用できます。

(ネットスケープ4.75では罫線が正しく表示されません)

改行位置を固定する
上の表(黄緑)は、ブラウザのサイズを小さくすると一列目がへんな位置で改行してしまいます。
下の表(ピンク)は、セルの幅を指定したのでへんに改行していません。

下北沢の美味しいうわさばなし 下北沢の南口をでると、そこには越後という居酒屋があり、その店長の名刺は、肩書きが「頑固親父」となっている。越後村上の出身であるが、雅子様のお子様が誕生した事を祝って大サービスをしているらしい。なぜならば、雅子様は村上に縁があるからだ。
新宿南口のラーメン屋さん 新宿南口は、新しく計画された都市で、たしかにオシャレであるが、それだけである。うわべだけのオシャレがむしろチープな気がするのは僕だけだろうか。だいたい、ラーメン屋が少ない。このラーメン屋はそんな南口の界隈にあって雑然としており、店内には油の一斗缶とか、ビールケースとか積まれていて、とてもきれいだとは言えない。でも、そう、旨ければよい。
成城学園前の知られざる庶民の店 成城には未だバブリーな人が多く、歩いていっても3分なのに、わざわざセカンドカーのBMWで駅前のスーパーまでお買い物をし、たいした量じゃないのに自分で持たずに後で店員に届けさせるという婦人もいる。そんな街にも庶民の店はあった。たとえばBar「六本松」ここはチャージを取らない。とってもオシャレでありながら、650円でカクテルを飲める。一瞬金持ちになった錯覚に陥る。

下北沢の美味しいうわさばなし 下北沢の南口をでると、そこには「越後」という居酒屋があり、その店長の名刺は、肩書きが「頑固親父」となっている。越後村上の出身であるが、雅子様のお子様が誕生した事を祝って大サービスをしているらしい。なぜならば、雅子様は村上に縁があるからだ。
新宿南口のラーメン屋さん 新宿南口は、新しく計画された都市で、たしかにオシャレであるが、それだけである。うわべだけのオシャレがむしろチープな気がするのは僕だけだろうか。だいたい、ラーメン屋が少ない。このラーメン屋はそんな南口の界隈にあって雑然としており、店内には油の一斗缶とか、ビールケースとか積まれていて、とてもきれいだとは言えない。でも、そう、旨ければよい。
成城学園前の知られざる庶民の店 成城には未だバブリーな人が多く、歩いていっても3分なのに、わざわざセカンドカーのBMWで駅前のスーパーまでお買い物をし、たいした量じゃないのに自分で持たずに後で店員に届けさせるという婦人もいる。そんな街にも庶民の店はあった。たとえばBar「六本松」ここはチャージを取らない。とってもオシャレでありながら、650円でカクテルを飲める。一瞬金持ちになった錯覚に陥る。