商店主さん向けHTMLセミナー
windows95&Internet Explorler準拠

Chapter 1


ページ格納庫をつくる!

 まず、あなたのディスクの中に「Homepage Files」という、大きな格納フォルダをつくりましょう。 ここにホームページ用に作成したもの(ドキュメント)をすべて収納していくのです。 データが多くなるにつれて、すぐに「バックアップ」といって、随時データ保存する必要がでてきますので、 その時に、この「Homepage Files」をまるごとバックアップすればよいのです

 次はその中に「shop」というフォルダを作成しましょう。 これが今からつくる「夢のインターネットショップ」の原形です。 実際の店舗でもそうですが、ちゃんと売り場やストックヤードなるものが出来ていないと、 商品は搬入できませんね。まず、お店をつくる「ページ格納庫」をつくりましょう。 優れたお店は、皆整然とフォルダをくぎってファイルを仕分けしています。これも、 実際店舗と同じノウハウですね!


★HTMLファイルばかりを集めた「page」
★jpeg商品写真を格納する「photo」
★小さい商品写真を格納する「slide」
★アイコンgifを集めた「icon」
★その他のイメージ写真をあつめた「images」
★注文書ファイルを集めた「order」
★値段用の「price」
等々を作成します。
右クリックをして「新規作成」⇒「フォルダ」を選びファイル名を入力すれば できあがりです。
次に同じく右クリック「新規作成」から「テキスト文書」をえらび、新規テキスト文書.txtを 作成します。これで格納庫造りはできました。

 他人様のトップページをもらって、それをひな形につくっていく方法も 後にご紹介いたしますが、ある程度のHTML知識がないと改造すらできませんので、 ここではあえて遠回りして一から作成してみますね


 新規テキスト文書.txtをダブルクリックでひらいて以下の黒文字部分を 半角英数で入力してみましょう。仮にあなたのお店をAClubとすると

index.htm-メモ帳
ファイル(F) 編集(E) 検索(S) ヘルプ(H)
<HTML>⇒ここからHTML文書だよ

<HEAD>
<TITLE>ACLUB ホームページ </TITLE>⇒タイトルだよ
</HEAD>

<BODY>⇒ここから本文だよ
<H1>ようこそAClubへ </H1>⇒見出しだよ
私達はまごころで商売をしているAClubです!<BR>⇒改行
よろしくお願いします!<BR>⇒改行
webmaster:山田一郎
</BODY>

</HTML>

これをファイル(F)から上書き保存(S)しましょう。 さて、今度はいよいよ新規テキスト文書.txtの名前をかえましょう。 右クリック⇒名前の変更(M)で「index.htm」とします。 するとアイコンマークがかわって、今メインで使用しているブラウザのマークに変るのが確認できるでしょう。 これをダブルクリックしてみましょう。
サーバーによってはhtmかhtmlかの指定がある場合があります。できましたら、確認しておきましょう。 たとえば、私のインターネット大阪はhtmlに、アドミラルシステムはhtmに指定されています。 この拡張子については後ほどご説明いたします。

A CLUBホームページ-Microsoftインターネットエクスプローラ
ファイル(F) 編集(E) 表示(V) 移動(G) お気に入り(A) ヘルプ(H)

ようこそAClubへ

私達はまごころで商売をしているAClubです!
よろしくお願いします!
webmaster:山田一郎

さあ、準備は整いました。 明日からは、これを基本のたたき台に、どんどんアップグレードしていきましょう


今日のタグ
<HTML></HTML>  2つ一組HTML文書を宣言
<BODY></BODY>  2つ一組本文部分
<HEAD></HEAD>  2つ一組ヘッダの部分
<TITLE></TITLE>  2つ一組タイトル
<H1></H1>  2つ一組見出し(1〜6まであり)
<BR>  単独タグ改行する

目次にもどる| →Chapter2へ

kasaya.comBACK HOME