ホームページ制作の為のテーブルの作成
内職のホームページ制作>ホームページ制作の為のテーブルの作成

内職のホームページ制作
> ホームページ制作の為の
テーブルの作成

表(テーブル)の作成の説明。表の挿入と背景色、コンテンツの配置指定、枠と間隔の説明、パディングの手順、マージンの手順 、セルや表の背景色を挿入、セルの結合と増やし方を説明してます。
内職のホームページ制作 >簡単・無料ホームページ制作
表・テーブルの作成
表(テーブル)の作成Map
  • 応援クリックありがとう
  • ホームページ作成NAVI
  • 人気ホームページランキング
表の挿入概略

まず、表を新規Composerより挿入するには、
メニューバー構成ツールバーまたは、
(表を作成した後は)右クリックからクリックし表を挿入します。


セルや表の背景色は、書式ツールバー
青線
□や表のセルのプロパティ青枠背景色をクリックし選択します。

  • 書式ツールバー

表のセルのプロパティ

表内のコンテンツの配置の指定は、
書式ツールバーからと
下図表のセルのプロパティ緑枠セルにおいて
赤枠コンテンツの配置より指定できます。


コンテンツの配置指定

下記は、

表(テーブル)内のコンテンツ全てを変更する設定方法です。

変更したいまたはセルにカーソルをおき(選択し)、
右クリックして表のセルのプロパティ緑枠セルにおいて
赤枠コンテンツの配置内の▼をクリックし変更します。

下記は、コンテンツの配置

解かり易いように右画像で示しました。

  • 変更してません
  • 下記のように変更
  • 下記のように変更
  • 通常
  • このようになります
  • このようになります

下記は、テキストコンテンツの配置を示してます。

ホームページ作成法
ホームページ作成法


枠と間隔の説明

緑枠において青枠 枠と間隔の設定の説明です。

表のセルのプロパティを表示するには、
表またはセルにカーソルをおき(選択し)、右クリックします。


の値を指定することで、枠線の幅を変更することができます。

ホームページ制作法
ホームページ制作法
ホームページ制作法



間隔の値を指定することで、セルとセルの間隔を変更することができます。

ホームページ制作法
ホームページ制作法
ホームページ制作法


余白の値を指定することで、
セルの枠
セルの内容(テキスト)との間隔を変更することができます。

ホームページ制作法
ホームページ制作法
ホームページ制作法



あまりセル内容(テキスト)が近すぎると見にくいですよね。
かと言って余白の指定値を上げればあげるほど
テーブルが大きくなりすぎ体裁が悪くなる事もある。
そこで次は、paddingの説明です。他のNetscapeの紹介サイトでは、ここまで説明してません。

paddingの手順

paddingは、境界線の内側の余白を指定します。

手順は、表のセルのプロパティを表示し緑枠セルにおいて
青枠詳細編集をクリックします。

表のセルのプロパティを表示するには、
変更したい
表またはセルにカーソルをおき(選択し)、右クリックします。


詳細編集をクリックしたら青枠本文のスタイルをクリックします。
 プロパティにpadding  に数値を入力します。



下記は、paddingの具体例です。
青枠
本文のスタイルにおいて赤枠に下記を入力していきます。
 数値はもちろん、イロイロ設定しても構いません。

(右スペース) padding-right 10px  
(左スペース) padding-left  10px

(上スペース) padding-top  10px
(下スペース) padding-bottom  10px

左右にスペースができました。
上下にスペースができました。
Netscapeで作るホームページ作成法です。是非、ご覧ください。
Netscapeで作るホームページ作成法です。是非、ご覧ください。

paddingと入力すると下記図のように一括で指定されます。
左右上下スペースができました。

Netscapeで作るホームページ作成法です。是非、ご覧ください。



次は、境界線の外側の余白を設定するmarginの説明です。


marginの手順

下記は、
marginを設定してテーブルとテーブルの間にスペースを設けてます。
改行
でスペースを空けるより こちらの方が正しい?設定となりうる?。

テーブルと他コンテンツにスペースを設けるには、
marginや改行
の他に透過(枠、0)したテーブルを作成する場合もあります。


Netscapeで作るホームページ作成法
これで簡単にホームページが出来る。
解かり易い説明が嬉しい!!
何よりタダで入手できるのが嬉しい。
ホームビルダーなんていらない。ブログにも使おう!!当サイトには、ブログ表紙作成法もある。

marginの設定手順は、表のセルのプロパティを表示し
緑枠において赤枠詳細編集をクリックします。

プロパティにmargin   に数値を入力します。
これも数値は、異なっていても構いません。


セルや表の背景色を挿入

セルや表背景色を挿入するには、
書式ツールバー赤枠をクリックし、
緑枠表かセルを選択し背景色を選ぶ。
このカラー以外も青枠カラーコードを入力すれば指定できます。
カラーコードこちらから選べます。


または、表のセルのプロパティからも黄色枠背景色を選べます。


背景色を入れたいセルをベーストすれば、
2つ以上
のセルに同じ背景色を挿入する事ができます。
セル背景色を挿入しました。(下記図)

  • 下記図の表(テーブル)の設定は






  • 今度は、背景色を挿入しました。





  • セルに#ffffccを表に#ffcc66を選択しました。






  • を0に指定しました。







  • を5に指定しました。





セルに画像を挿入します。

セルに画像も挿入できます。
表のセルのプラパティ
緑枠セルにおいて>青枠詳細編集をクリック。


青枠HTMLの属性において
下記のようにbackground 
画像ファイル(予め保存しておいたファイル)を手打ちで入力します。


  • このように挿入できました。





  • ここには、テキストなども書き込めます。
ここにテキストも書き込める!





セルに画像を挿入する方法は、
メニューバー
緑枠画像をクリツクして挿入する方法もある。


しかし、このように挿入されセルの全体に画像が表示されず
簡単にテキストなども打ち込めません。






セルの結合と増やし方
  • セルを結合させる説明です。
  • 黄色セルを結合させます。








青枠にカーソルをおいて右クリックし、赤枠右のセルに結合をクリック。





  • 結合しました。






いくつかのセルを結合させます。

結合させるセル上をベーストして選択します。

右クリックし、赤枠選択したセルを結合をクリック。

  • 結合しました。






今度は、を増やします。青枠にカーソルをおき右クリックし、
赤枠
表の挿入下に1行をクリックします。


下にが増えました。列、セルも同様の手順で増やす事ができます。











選択範囲から表を作成

選択範囲から表を作成します。
テキストを半角スペース以上で区切り、表を作成したい範囲をベーストし、
メニューバーより青枠赤枠選択範囲から表を作成をクリックします。


名前 鈴木一郎
住所 東京都世田谷区
職業 会社員




表に変換よりスペースにチェックを入れ
OKをクリックすると下記図のようになります。


名前 鈴木一郎
住所 東京都世田谷区
職業 会社員






TOP
★ネット内職 ?と支援
★ネット内職で金儲け
★ 働いて稼ぐぞ!
★厳選・得々ネット通販
  • *分からないことの情報交換
  • *ご意見・感想等、歓迎!
検索エンジン登録代行/上位表示でアクセスアップ!
検索エンジン登録代行

Copyright (C) 2004 内職のホームページ制作 All Rights Reserved.
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送