タグの華


  コピーして貼り付けるだけで誰でも簡単に作れる自営業者のためのホームページ作成講座

 
コピペで作るホームページトップ コピペで作るホームページトップ HTMLの基本 テーブル 画像 リンクタグ リストタグ



   2.テーブルタグ

この章はホームページの骨組みになるテーブルタグになります



HTMLで作成するホームページで一番重要なところです。 ですが、ほぼコピペするだけなので全然難しくはありません。
このパートが終われば、ほぼ8割がたホームページは完成です。 どんどんコピペしていきましょう!
ポイントとして、<!−− ではじまる表記はわかりやすくするためにそのパーツの説明を入れてるだけですので コピーして貼り付け後も特にいじる必要はありません。
また、ひとつのパーツをコピーして貼り付けたら3行ほど改行(キーボードのエンターを3回押す)を入れておくとわかりやすくすくなります。



■HPのタイトルバー


 HPのタイトルを入れよう




 ※ 一度枠の中をクリックしてから選択する
   とコピーしやすいです。(以下同文)




■HPの中枠




 HPの中枠です







※ そのままコピーして使用してください
     *わかりやすくするため枠に線を入れていますが、右側のテキストエリアでは枠なしの設定になっています。



■HPのサイドバー

サイドメニュー1
ここに情報1
サイドメニュー2
ここに情報2
サイドメニュー3
ここに情報3
サイドメニュー4
ここに情報4

※ そのままコピーして使用してください




■HPのメインコンテンツ

 メインメニュー1
ここに情報1

 メインメニュー2
ここに情報2


※ そのままコピーして使用してください




■HPのフッター

 Copyright c 2008 タグの華 All rights reserved.



※ そのままコピーして使用してください




解説

@.前のページで作成したindex.htmlファイルを再びメモ帳で開きます。(ファイルを右クリックしてプログラムから開くでメモ帳を選択すればOKです)

A.この章にあるテーブルタグを上から順番に「実際に表示されるホームページの内容部分」という文字を削除した上で、その場所に貼り付けていきます。

B. 貼り付けていく際、若干注意が必要です。下の図をご覧ください。

        サイトレイアウト


サイトレイアウトC. タイトルバーは独立しているので普通に貼り付けます。

D.次にタイトルバーの下に中枠を貼り付けます。

E.中枠のタグの<td>と</td>の間にサイドバーのタグとメインコンテンツのタグを貼り付けます。

F.サイドバーとメインコンテンツは横に並べないといけないのでお互いのタグの間に</td><td>を入れてあげます。
(* ここだけはコピペではなくキーボードで入力します)

G.フッターはタイトルタグ同様独立しているので中枠タグの下にそのまま貼り付けてあげます。

H.上書き保存をしてブラウザで開いて見てみましょう!

   上書き保存の仕方
  ファイル→上書き保存




by 自営業者が自分で作るお店のホームぺージ

Copyright © 2008 タグの華 All rights reserved.