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

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

超初心者でも出来るホームページ制作術。タイトルの欄を作成し、余白をpaddingで調節。枠内の行間隔を変更し、行を増やす。セルの結合と増やし方を説明してます。
内職のホームページ制作 >簡単・無料ホームページ制作
実践、表・テーブルの作成
実践、表(テーブル)の作成Map
  • 応援クリックありがとう
  • ホームページ作成NAVI
  • 人気ホームページランキング
タイトルの欄の作成

実践的にテーブルを作成していきます。
まずは、タイトルの欄作成の手順です。
メニューバー構成ツールバーまたは右クリックから

表を挿入を表示し、下記図のように数値を指定しました。


作成した表の上にカーソルをおき右クリックし
表のセルのプロパティを表示し青枠セルにおいて赤枠背景色をクリックし
セルの背景色を選択しOKをクリックします。


緑枠をクリックし下記図のように赤枠枠と間隔を指定し
先と同様に青枠表の背景色を選択します。OKをクリックします。


テキストを入力しました。
表が大きくなりすぎているので表のセルのプロパティにおいて
枠と間隔の余白を0と指定します。

簡単・無料ホームページ制作法


今度は、テキストと表との間に余白がなく見づらくなりました。
これをpaddingで調節します。

簡単・無料ホームページ作成法
余白をpaddingで調節

詳細プロパティエディタ本分のスタイルをクリックし、
下記のように指定していきます。



その他のコンテンツの配置変更の説明

コンテンツは、
下図赤枠コンテンツの配置により変更できます。
書式ツールバーによっても配置を変えることができます。


  • 書式ツールバー

下記図のように変更されました。更に、余白を調節します。

簡単・無料ホームページ制作法

枠内の行間隔を変更します

実は、本ページの行間隔はline-hight 200%で指定しております。
これを今、作成したテーブル内だけ
行間隔の値を小さくして、テキストと表の間隔を狭めます。
表のセルのプロパティ>セルにおいて詳細編集をクリックします。
青枠本文スタイルをクリックし、line-hight 150%と指定します。


下記のように変更されました。も0としました。

書式ツールバー赤枠□で、
文字を装飾しました。


簡単無料ホームページ作成

を増やす

表内に右クリック>表の挿入下に1行をクリックします。


下図のように作成されました。

簡単無料ホームページ制作法


今、作成したセルで右クリックし赤枠セルにおいて青枠背景色をクリックし、セルの背景色白を選択します。


更に詳細編集青枠本分のスタイルをクリックし、
paddingを指定します。上、右、下、左に10px指定しました。




下記のように作成されました。

簡単無料ホームページ制作法

セルのについて

今、作成した背景色白のセルに青枠下のテーブルを挿入します。
下のテーブルは枠内と間隔において枠1、間隔2、余白2です。
枠があると表であることがわかりますね。
これを挿入する際は、枠0にして挿入します。

(このテーブルを挿入します。)
書式ツールバーの説明です。

赤枠選択した文字や画像を左寄せにします。
  • 青枠選択した文字や画像を中央揃えにします。
  • 緑枠選択した文字・画像を右寄せにします。
  • 黄色枠選択した文字(半角文字のみ)を均等揃えにします

枠0にして挿入しました。こうすると枠があることが分かりません。
結局、ホームページはテーブルを組み合わせながら作成しています。

簡単無料ホームページ制作法

これを枠0にすると枠が透過され下記のようになります。

  • 書式ツールバー説明です。
  • 赤枠選択した文字や画像を左寄せにします。
  • 青枠選択した文字や画像を中央揃えにします。
  • 緑枠選択した文字・画像を右寄せにします。
  • 黄色枠選択した文字(半角文字のみ)を均等揃えにします。





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

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