contents

パンくずリスト

HOME > HPの作り方 >> アウトライン作成

メッセージエリア

アウトライン作成
アウトラインの作成、と言ってよいものかどうか…なんですが^^;
まず初めにサイトのトップページ(index.html)を作っていきます。
まず、トップページをENTER PAGEにするのかそうでないのかなのですが
ENTER PAGEっていうのは表紙みたいなもんですね。
トップページにあるENTER≠フボタンをクリックして、初めてサイトの中に入れる、というもの。
ここではENTER PAGEではないトップページの説明をしていきます。

本当は紙に書き出してみるのが一番わかりやすいのですが
まず、トップページに記述するものを書き出します。
・サイト名(ロゴ含む)
・メニュー
・サイト内の説明やあいさつ文などのテキスト
・その他
と、まずはこんな感じでしょうか。

では、まずはこれらをHTMLタグを使って記述してみましょう。
タグ練習場1か3を開いておいて、コピペして確認しながら見ていきましょうね。
タグ練習場1 ←コチラ
タグ練習場3 ←コチラ


<html>
 <head>
  <title>サイト名</title>
 </head>
 <body>
 <p>ココにサイトのタイトル(もしくはロゴ)</p>
 <p>ココにサイトのメニュー</p>
 <p>ココにテキストや写真</p>
 <p>その他</p>
 <p>ココにコピーライト表記</p>
 </body>
</html>

タグをコピー(テキストエリア内左クリックで【すべて選択】)


と、こんな感じで簡単に記述してみましょう。
続いて実際にサイト名やメニュー、テキストを書いてみます。

<html>
 <head>
  <title>My Site</title>
 </head>
 <body>
 <p>My Site</p>
 <p>TOP DIARY BBS Gallery LINK</p>
 <p>
 ココに文字を書いたり写真を配置したりします。<br>
 今はまだ白い背景に黒い文字で順番に表示されているだけですが<br>
 次の項目の【カスタマイズ】でスタイルシートと組み合わせてカスタマイズしていきます。<br>
 スタイルシートではbodyタグに記述される
 ・フォントの種類<br>
 ・フォントの色<br>
 ・フォントのサイズ<br>
 ・背景色<br>
 ・文字の行間<br>
 ・スクロールバー<br>
 ・リンク文字の色<br>
 などの指定をすることができます。<br>
</p>
<p>
 動作環境<br>
 Windows XP Internet Explorer<br>
</p>
 <p>コピーライト表記</p>
 </body>
</html>

タグをコピー(テキストエリア内左クリックで【すべて選択】)


上のテキストの部分にも書きましたが、今はまだ白い背景に黒い文字で
上から順に表示されているだけだと思いますが
次の項目の【カスタマイズ】で、キチンと配置していきましょう。


ページTOP
ひとつ前のページに戻る
デザインイメージ カスタマイズ