レイアウトを決める簡単な方法

ページのデザイン、レイアウトを決めることから始めましょう。

ここでは、とにかく見ることのできるHPを作ることを目的とします。

最近では、HTMLではなく、構造部分だけをHTMLでなくXHTMLで作り、
デザインは、スタイルシートを使うことが推奨されていますが、
いきなりでは難しいので、ビルダーで、ビジュアル的な、簡単に作って
いきましょう。

HTMLで、レイアウトを作るには、テーブルタグというものを利用します。
もともと表を作るためのタグであったはずなのですが、他にHTMLでは、
レイアウトをする方法がないので、テーブルタグを使わないと、
べた書きになってしまうからです。

ホームページビルダーで簡単に、マウス操作で作るレイアウト

それでは、最初のページであるindex.htmlにテーブル入れてみましょう。 (index.htmlは標準モードで開いてください。) メニューにあるマーク(表の挿入)か、をクリックしてみましょう。 *最新のビルダーの場合は、スタイルシートの設定がされていますので、チェックをはずしてやってみてください。 上記のような画面がでてきますので、行と列の数を指定して、OKを押してみましょう。 列と行はあとでいくらでも追加できますので、適当な数でOKです。 このようなテーブルができあがります。 文字や画像をひの中に入れることができます。 取りあえず、枠を引っ張って広げてみましょう。 適当に広げて、ここでは取りあえず左側をコンテンツ、右側をメニュー、にしてみます。 文字を入れて見ました。ただ入れると、左ぞえになるので、文字を入れたら メニューのセンタリングマークを押してみましょう。 それで、真ん中に表示されます。 取りあえずバナーはないのでタイトルテキストをH1で指定ししてみましょう。 文字を指定(色を反転)します。見出し１を指定するとH１の文字になります。 メニューのAマークの一番をクリックすると文字色の指定ができます。 ここで、下線を付けたり、太くしたり、文字のサイズ、文字の種類を変えることができます。 文字を入れて、メニューの中に更に、テーブルを１列５行で作ってみました。 テーブルの中にテーブルを入れて時は、入れたいテーブルの中をクリックして 上でやったように、表の挿入をします。 テーブルの枠をクリックして指定し、その状態で右クリックし、「属性の変更」をクリックすると 上記のような画面がでます。 ここで、テーブル全体の色を指定できます 紺色にしてみました。 左のテーブルの上の中(セル)をクリックして、shiftキーを押しながら、その下の テーブルの中をクリックして指定(色が黒く反転した部分)、範囲を指定し、 右クリックして、プロパティーを表示させ、また、属性の変更をクリックします。 (もちろんメニューのセルも指定して、全部いっぺんに色を変えてもOK゛てす。 セルのタブをクリックして、背景の色を変えます。 下はタイトル、コンテンツで伝のセルを白、またメニューの中の、テーブルの ５つのセルを白にしてみました。 これを応用すれば、レイアウトとテキストによって、ページを作ることができると思います。 もっと見やすくする方法は、無料冊子のネットビジネス必修テク&ツール集をみていただ ければ分かるとと思います。 下の様なデザインのページ程度ならば、直ぐに作れるようになるでしょう。