頑張ろう！商店主さん向けHTMLセミナー！Chapter2

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

Chapter 2

　この講座は、特別なページ作成ソフトをインストールすることなく、ブラウザの基本的機能のみで誰もが簡単にページ造りできることを意図しています。ページ作成には、ネットスケープ（以下NN) よりインターネットエクスプローラー(以下IE)を強く推奨いたします。NN最新版にはページ編集機能がついたようですが、あまり使い勝手がよいとはいえません。短期間に上達する道は、わざと遠回りの「極めてシンプルな」方法をマスターすることです。

これからの受講にあたり

　htmlファイルをダブルクリックしてIEがたちあがらず、他のブラウザが開く方は次のことを実行しておいてください。
1.検索やエクスプローラーでIexplore.exeをさがします
　(僕の場合はＣ\Program Files\Plus!\Microsoft internet)
2.Windowsフォルダ内のSend toフォルダをひらきます
3.Iexplore.exeを右クリックしたままでSend toフォルダ内へ「よいしょ」っとドラッグ
して、「ショートカットをここに作成」を選びます！

　これでhtmlファイルを右クリックして「送る」⇒「Iexplorer.exe」と選択すれば、 htmlファイルをダイレクトにＩＥに送ることができます

　この「Send to」技は他にも色々応用できますので、試してみてください。いろんなアプリケーションのショートカットをここに作成するだけでいいのです

ページ背景色をつける

　よく背景色指定なしで灰色のままのお店がありますが、よろしくないですねぇ。ペンキで塗りつめる必要なしに（笑）カラフルなページが手軽にできあがるわけですから、背景色は是非とも使用いたしましょう。
　背景色はBODYの記述の部分にBGCOLOR="#******"として指定するもので、赤(r)、緑(g)、青(b)のそれぞれをアルファベットa～fと数字の0～9の文字の組み合わせで２桁づつペアーで、16進数表記します。例えば#FFFFFFは白で、#000000は黒 #FF0000は赤、#0000FFは青、#FFFF00は黄です
　最近のブラウザではredやlightblueの140色の色名を指定するだけで色がでるようになっていますが、まだこれに対応しきれていないブラウザも一部ありますので、できれば数値指定するほうが無難かもしれません

　背景色造りの決定版は京太さん作の「色いろテスター」です。これをあなたのディスクに保存してオフラインで使いまくってみましょう！ ファイル(F)の名前をつけて保存(A)を選択し、昨日作成した「Homepage Files」フォルダの場所に「irotester.htm」として保存します。ほら、色々いろがかえられるでしょう。
　では昨日作成したファイルindex.htmをＩＥでもう一度開いてみましょう！

A CLUBホームページ-Microsoftインターネットエクスプローラ

ファイル(F) 編集(E) 表示(V) 移動(G) お気に入り(A)　ヘルプ(H)

ようこそＡClubへ
私達はまごころで商売をしているＡClubです！
よろしくお願いします！
webmaster:山田一郎

　なにか陰気くさいお店のイメージですね。さわやかに行こう！というわけでここではfloralwhite(#FFFAF0)を選んでみましょう。画面上の任意の場所を右クリック、またはメニューの表示(V)からソース表示を選択しましょう。メモ帳で「ページソース」が表示されます

■index.htm-メモ帳

ファイル(F)　編集(E)　検索(S) ヘルプ(H)

<HTML>

<HEAD>
<TITLE>ＡCLUB ホームページ </TITLE>
</HEAD>

<BODY BGCOLOR="#FFFAFO">
<H1>ようこそＡClubへ </H1>
私達はまごころで商売をしているＡClubです！<BR>
よろしくお願いします！<BR>
webmaster:山田一郎
</BODY>

</HTML>

これをファイル(F)から上書き保存して、ＩＥの更新ボタンで再読み込み（リロード）します

　次は文字色を変えてみましょう。ここではタイトル色を赤に、文字色を緑にしてみます <FONT COLOR=***>というタグを挿入します

　生鮮ものの商売の基本先いれ先だしですが
HTMLタグのルールは後入れ先だしです。
後からいれたタグは先に/で結んでだしてしまうルールを覚えておいてください！もう一度先ほどのメモ帳をひらきます。

■index.htm-メモ帳

ファイル(F)　編集(E)　検索(S) ヘルプ(H)

<HTML>

<HEAD>
<TITLE>ＡCLUB ホームページ </TITLE>
</HEAD>

<BODY BGCOLOR="#FFFAFO">
<H1><FONT COLOR=red>ようこそＡClubへ</FONT> </H1>
<FONT COLOR=green>
私達はまごころで商売をしているＡClubです！<BR>
よろしくお願いします！<BR>
webmaster:山田一郎
</FONT>
</BODY>

</HTML>

またまた、これを上書き保存して、ＩＥを再読み込み（リロード）してみます
上書き⇒リロードが果てしなく繰りかえされるわけですね。

さあ、だんだんカラフルなページになってまいりました。明日は、これをもっともっとアップグレードしていきましょう

今日のタグ

<BODY BGCOLOR="#******"></BODY>　背景色を指定
<BODY BGCOLOR=色名></BODY>　140色より色名で指定

<FONT COLOR="#******"></FONT>　文字色を指定
<FONT COLOR=色名></FONT>　140色より色名で指定

｜←Chapter1へ｜目次にもどる｜→Chapter3へ｜

BACK HOME