|
では実際に起動したホームページビルダーで表を作成してみましょう(^_-)-☆
ためしに虎丸のホームページのレイアウトの
↓
メニュー
内職サイト
ＨＰ作成方法
掲示板日記
などなど |
画像や写真
|
更新履歴
|
メインカテゴリ…もしくは
まだカテゴリが充実していない場合ホームページの詳細な紹介文など
|
↑
この部分を作ってみましょう(^_-)-☆
このページの下に画像付きの縮小バージョンで説明していきます(^^♪
まず↓
↓上の画像の拡大です
↓このマークをクリックします
すると↓のような画面が出るので①で行の数を１と入力して
②で列数の数を２と入力します
すると③の中の数字が変わり
↓のようになるはずです
①で行数の指定②で列数の指定が終わったら
③で □表の枠を表示する の□にチェックがついている事を確認して
④のＯＫをクリックします
すると
↓こんな小さい表ができているはずなので
↓の①の○印がついてるところらへんで右クリックします
すると ↑のような画面にあるので ②の属性の変更をクリックします
↓の画面に切り替わるので①で設定する全体の幅の大きさを入力し
②をクリックし
③で表の枠の色にしたい色を選択します
↓ＯＫをクリックします
すると↓のような感じになってると思うので…
①の中で右クリックし②の属性の変更をクリックします
すると↓の画面になるので①のセルにタブがなっていることを確認します
②のセルの幅でピクセルになっているのを％に変更します
次に③に３０と入力します。これで、表の左の枠の中の幅が表全体の３０％に指定されます
④をクリックしここで枠の中の色を設定します
⑤の白い色を選びます(^_-)-☆
…でＯＫを押すと
すると↓のような感じになってると思うので…
同じように右側の枠の中の色も白く設定します
すると↓のような感じになってると思いますので左の枠の中にタイトルを
右の枠の中に説明文を入力しましょう(^o^)丿
↓こんな感じにしあがったらプレビューをクリックして見てみましょう
↓のように表示されます（若干ビルダーの編集画面とは文字の大きさなどが違うのですが、実際にサーバーにアップロードしてホームページを開いた場合は↓のような画面で見えるので注意するようにしておいたほうがいいです( ..)φメモメモ
さてこれで表＆セルの簡単な設定はＯＫ
（セルっていうのは表の枠の中のことで↑の画面では２つのセルを使用しています）
この表とセルの使い方の応用で色んなかたちのセルや色を使った表をを作成することが可能になります(^_-)-☆
ではひとまずこのページを保存して↓
①ファイルをクリックします(^^♪
②名前をつけて保存をクリックします
①で保存する場所を指定します(^_^;)
②でページに名前をつけますが、ＴＯＰページにする場合はかならず「 indx 」にしないといけません。サブページの場合は英数小文字で（漢字やひらがなカタカナはダメ！！）名前をつけて③の保存をおしましょう（＾◇＾）
ここまで覚えたら次は詳しいホームページビルダーの使用方法について覚えましょう(^^♪
次のページで行間、字間、セルの背景色のことについて説明します(^_-)-☆
次は見やすいホームページを作成しようへどうぞ(^^♪
図解で説明！テーブル作成ＴＯＰへ |
|
|
|
１ ２
All Right Reserved.