このサイトはIBMホームページビルダー10で作成しています。
(ここで説明した内容において、トラブル等の責任は一切負いません。あらかじめご了承ください)


[ 初めて使うホームページビルダー講座 ] 出張パソコン教室は[ こちら ]


____________________________________________________________________________________________________________________________________

このページでは、下記のような方におすすめです。


1、これからホームページを作りたい
2、ホームページビルダーを購入したので、勉強したい
3、ホームページを作成したいけれど、途中で挫折してしまった
4、デザイン豊かなサイトを作りたい・運営したい
5、ホームページビルダーでどんなことができるか知りたい

____________________________________________________________________________________________________________________________________

[ 初めて使うホームページビルダー講座の内容 ]


表を使ってレイアウトしよう(表を使ってレイアウトをする・左揃え・中央揃え)


「表とは」
表はこのような枠組みのことでこの枠を使ってレイアウトをすることで、ブラウザ上のデザインを
設定することができます。おそらく、ホームページを作成するときにひっかかりやすいのが、この
表を使ったレイアウトです。とにかく、「習うより慣れろ」が大切です。何度も作ってみましょう。
↓これが表の例です(行数3×列数7)。

1 2 3 4 5 6 7
a1 a2 a3 a4 a5 a6 a7
b1 b2 b3 b4 b5 b6 b7


「表の挿入方法」
「表(A)」 → 「表の挿入」 → 「必要な枠(セル)の行数および列数の数値を入力」 → 「OK」


「行と列の追加・削除」
「表(A)」 → 「行の追加」
「表(A)」 → 「列の追加」
「表(A)」 → 「表の削除」
「表(A)」 → 「行の削除」
「表(A)」 → 「列の削除」


「初期設定では表には自動折り返し機能がついています」
自動折り返しとは、仮に表の枠(セル)幅が20ピクセルと設定してある場合、文字を入力していくと、
左右20ピクセルに到達したときに下の段落に自動改行する仕組みです。

自動折り返しの設定方法は、表の枠を選択したのち、右クリック → 属性の変更を開きます。
になっていることを確認し、「自動的に行を折り返す(P)」のチェックがついていれば、
自動改行されます。チェックをはずすと自動改行が解除され、セル幅に関係なく左右が伸びます。


「表の背景色を設定する」
表の中のセルを選択すると、カラーパレットの表示が「セル背景色」となりますので、着色する色を
選択して適用をクリックしてください。


「表を非表示にする」
表の枠を非表示にするには、表の枠を選択したのち、右クリック ↓ 属性の変更を開きます。
タブをクリックし、「枠表示(D)」のチェックをはずしてください。


「表を活用するとこのようなレイアウトも作成できます」
表を複数組み合わせてサンプルを作成しました。作成サンプルは [ こちら ]





[ トップへ戻る ]
____________________________________________________________________________________________________________________________________

もっと詳しく習いたい方は、出張パソコン教室へどうぞ [ 詳細 ]


参考:日本アイ・ビー・エムホームページ [ サイトへ ]
http://www.w-station.net 転写禁止