テーブル作成方法(ホームページビルダー)

副業ネット在宅副業 副業ネット在宅副業

図解で説明!テーブル作成

では実際に起動したホームページビルダーで表を作成してみましょう(^_-)-☆

ためしに虎丸のホームページのレイアウトの
     ↓
タイトル
ホームページ内容の簡易説明
メインメニュー
メニュー

内職サイト

HP作成方法

掲示板日記

などなど
画像や写真

更新履歴

メインカテゴリ…もしくは

まだカテゴリが充実していない場合ホームページの詳細な紹介文など




注意がきなど



タイトル
ホームページ内容の簡易説明
       ↑
この部分を作ってみましょう(^_-)-☆
このページの下に画像付きの縮小バージョンで説明していきます(^^♪




まず↓




↓上の画像の拡大です



↓このマークをクリックします






すると↓のような画面が出るので@で行の数を1と入力して

Aで列数の数を2と入力します

するとBの中の数字が変わり





↓のようになるはずです
@で行数の指定Aで列数の指定が終わったら

Bで □表の枠を表示する のにチェックがついている事を確認して

CのOKをクリックします







すると

↓こんな小さい表ができているはずなので



      ↓の@の印がついてるところらへんで右クリックします



すると      ↑のような画面にあるので Aの属性の変更をクリックします




↓の画面に切り替わるので@で設定する全体の幅の大きさを入力し

Aをクリック

Bで表の枠の色にしたいを選択します






OKをクリックします





すると↓のような感じになってると思うので…





@の中で右クリックしAの属性の変更をクリックします






すると↓の画面になるので@セルにタブがなっていることを確認します

Aのセルの幅ピクセルになっているのをに変更します

次にBに30と入力します。これで、表の左の枠の中の幅が表全体の30%に指定されます

Cをクリックしここで枠の中の色を設定します

Dの白い色を選びます(^_-)-☆






…でOKを押すと






すると↓のような感じになってると思うので…


同じように右側の枠の中の色も白く設定します


すると↓のような感じになってると思いますので左の枠の中にタイトルを
右の枠の中に説明文を入力しましょう(^o^)丿




↓こんな感じにしあがったらプレビューをクリックして見てみましょう





↓のように表示されます(若干ビルダーの編集画面とは文字の大きさなどが違うのですが、実際にサーバーにアップロードしてホームページを開いた場合はのような画面で見えるので注意するようにしておいたほうがいいです( ..)φメモメモ





さてこれで表&セルの簡単な設定はOK
セルっていうのは表の枠の中のことで↑の画面では2つのセルを使用しています

この表とセルの使い方の応用で色んなかたちのセルや色を使った表をを作成することが可能になります(^_-)-☆


ではひとまずこのページを保存して↓

@ファイルをクリックします(^^♪

A名前をつけて保存をクリックします









@で保存する場所を指定します(^_^;)

Aでページに名前をつけますが、TOPページにする場合はかならず「 indx 」にしないといけません。サブページの場合は英数小文字で(漢字やひらがなカタカナはダメ!!)名前をつけてBの保存をおしましょう(^◇^)



ここまで覚えたら次は詳しいホームページビルダーの使用方法について覚えましょう(^^♪

次のページで行間、字間、セルの背景色のことについて説明します(^_-)-☆



次は見やすいホームページを作成しようへどうぞ(^^♪





副業ネット在宅副業
・ホームページ作成手順表!
・タイトルはサブタイトル?
・サブタイトルはタイトル?
・ホームページのレイアウト選び
・表(テーブル)の幅を決めよう
・ホームページビルダー起動方法
・図解で説明!テーブル作成
・見やすいホームページを作成しよう
・ホームページイメージカラーを決めよう
・ホームページ作成知識
・アフィリエイトってなに(・・?


図解で説明!テーブル作成TOPへ

副業ネット在宅副業について
 虎丸の内職・副業日記
 虎丸のプロフィール
 ネット副業をはじめたきっかけ
 ホームページを作成した理由
 サイトポリシー
 掲示板
 直接メール
相互リンク
 リンクについて
 相互リンク集
 簡単相互リンク
 相互リンク募集中




現役ネットカフェ店長が推薦!
 無料オンラインゲーム
健康・美容
 岩盤浴ベッド
トップページ 無料ではじめる はじめる準備 ネット内職 掲示板 直接メール 相互リンク集
  Copyright(C)2006副業ネット在宅副業All Right Reserved.