テーブルを活用して最大限に活用する方法

テーブルは単にマスにわけて文字を打ち込むだけではありせん。基本ではありますが応用 すると様々な使い方ができます。ホームページを作成する上でテーブルの活用方法は覚えて 損はありませんので、中級編の使用法も覚えましょう。

テーブルは様々な要素を指定できます。枠を一部だけ表示したり、しなかったり、 画像を埋め込んだり、表以外にもテーブルに画像と文字をいれて横並びに見える ようにしたり、と応用すれば用途は様々に広がります。

Our partners
税理士 東京 →税理士の事ならことサイトです。
電話占い →電話占いに特化した面白いサイトです。
会計事務所 →会計事務所は信頼と実績のこの会社です。

まずはテーブル全体に背景画像を指定する方法です。テーブルの背景には画像を表示 させることができます。テーブルより小さい画像であれば、テーブルが埋まるように繰り返し 同じ画像を表示できます。ホームページの背景を作成するのと同じようなものです。 table background=""で画像を設定すればこれだけでテーブルに画像を使えるようになります。

文字中心のサイトには必要のない知識かもしれませんが、数字をたくさん比較して訪問者 をひきつけるサイトはたんに数字の羅列だと間違いなく訪問者はすぐにホームページから 逃げて行ってしまいます。そのような場合にテーブルを活用するとうまく訪問者を取り込む ことができるのです。

最大限に活用といってもあまり使いすぎないようにしましょう。レイアウトにこったり中の フォントに凝ったりするのはタグを増やすだけです。そこまで凝りたいというのであれば、 いっそのこと画像にしてしまいましょう。

画像はある程度小さめにしておきましょう。大きなテーブルには大きな画像が必要だと 思われがちですが、実はそんなことはありません。テーブルだけでなくホームページ自体の 背景画像も大きく見えて実はかなり小さいものであることがほとんです。

複数のテーブルを使用して、すべてのテーブルを同じ背景にするのであれば背景を スタイルシートで指定するとソースがすっきりします。別々の画像を指定したいのであれば 個別にテーブルに指定する必要があります。背景画像はサイズに注意しましょう。

Our partners
パワーストーン →パワーストーンのことについてもっと知ろう。
名刺印刷 →名刺印刷はここに依頼しましょう。
電話占い →電話占いならこのサイトが一番です。

またセルに画像を指定するにはtdかthタグに同じようにtd background=""で指定するだけです。 各セルごとに指定できるので、セルごとに別々の画像ファイルを指定するとよいでしょう。 htmlソースは多少長くなってしまいますが、共通する指定はスタイルシートに任せて 細かな指定はhtmlで直接編集していきましょう。

様々な要素を考えながらテーブルを作りますが、サイト全体のイメージとテーブルの色 や大きさをうまく合わせることが重要です。きれいなサイトに派手派手しいテーブルでは まったく合わず、訪問者の目を引くどころかがっくりさせてしまいます。

自分でテーブルを使う必要があると思っていても、実際は内ケースもあります。螺旋や 文字装飾だけで十分なケースもたくさんありますので、本当にテーブルをサイトで使う 必要があるのかよく考えましょう。

ただあまりタグを使いすぎないようにすることも大事です。使いすぎるとどうしてもソース部分 が多くなり検索エンジン対策として不向きです。できるだけシンプルなタグで仕上げていくのも コツです。見栄えも大事ですが、検索エンジンを意識することも大事です。

昔もそうですが今もテーブルはホームページを作成するときにレイアウトとして大変役立ち ます。ただ注意するのはエクスプローラーとネットスケープやファイヤーフォックスなど ブラウザによって表示方法が変わる場合があるので、すべてのブラウザで確認しながら 作成していきましょう。

Our partners
プレス加工 →プレス加工なら安心のこの会社まで。
チラシ印刷 →チラシ印刷なら安心のこの会社がベストです。
パワーストーン →パワーストーンの秘密がわかります。
探偵 川口 →探偵を川口でお探しならここで安心です。

メニュー

お気に入りサイト達

内容の正確性に関しては責任を負いかねます。個人の責任にて当サイトをご利用ください。