| ホームページをレイアウトしてみよう | |
 |
表のサイズは800ピクセル左右に２分割タイプを使用しています。 左側のセルサイズが300右側のセルサイズが500です。 セルサイズ指定は下の列のセルでしてください。 上は後で結合させるのでサイズ指定の意味がありません。 |
 |
今、見えている範囲で縦に５分割しています。 画面上の数字は４しかありませんが もう一つ見えないところにセルが存在しています。 |
 |
とりあえず先に縦を５分割しました。 これで合計１０セルが表の中に存在している事になります。 左のセルサイズは300右が500です。 縦のサイズはオートにしています。 セルを増やすのは簡単で□の部分を押せば簡単に増やせます。 |
 |
一番上のセルは分割されていないので結合します。 結合させたいセル同士をマウスで色を反転させます。 文字色を変えるのと同じ要領です。 右クリックしてセルの結合を選択します。 |
 |
一番上のセルに画像を入れました。 ２列目のセル左にも画像を、右のセルはH1タグの文字です。 センタリングでバランスをとっています。 |
 |
３列目のセルは…本当はラインを入れるといいのだけれど 面倒なのでセルで補っています。 高さを5ピクセルにして太さを調節してます。 もちろん左右に分割されていないので結合させてください。 |
 |
４列目も分割されていないセルを使っています。 空白間を出すために10ピクセルにしてます。 |
 |
５列目は多重テーブルをくんでいます。 セルの中にテーブルを組み込んでいる訳です。 そのテーブルにもセルは存在します^^;) 実際に組んでみると解りますが 多重テーブルの方がレイアウトしやすいです。 多用すると表示に時間が掛かるのでお勧めできません。 でも…少しなら、いいかな？（笑 |
 |
こんな感じでレイアウトしています。 最後に表の枠を非表示にして完成です。 表にカーソルを合わせて右クリックメニューから選択出来ます。 |
 |
こんな感じです。 ブラウザチェックしながら自分の好みのデザインに仕上げてください 絵が動いたりするのはFLASHという技術が使われています。 このサイトでは解説しません…というか出来ません。 出来るようになったら解説してみたいと思います。 |
| HOME BACK NEXT | |
| パソコン初心者講座ぱそおーる | |