WHATs HTML

使用上の注意(まずは知っておこう基本と注意点)
このHTML章は、ページ作成時体験した侵し易い失敗例を中心に紹介してゆきます、作成の際のちょとしたヒントにして頂けたら幸いです。

尚、タグの気付いた注意点以外の全般については、今の所記載してません。後程紹介するWYSIWYG型エディターと言うホームページ作成ツールを使えば知識が無い初心者の方でもホームページを作る事が可能だからです。

しかし、タグはいわばホームページの文法ですし先々ページのグレードアップの際必ずや頻繁に使う事となりますのでタグに関する本一冊ぐらいは”まずは購入しましょう!”


ホームページを作成するには、まずhtmlファイルを作成しなきゃならない。
HYPHER TEXT MARKUP LANGUAGE
(ハイパー テキストマークアップ ランゲージ) の略
このファイル形式で表現したい「文」や「写真」を組み込めばインターネットエクスプロラーや ネットスケープが読み込んでくれる。

HTMLファイルを作成するには
これには決まった文法が有り通称”タグ”ってやつで、こいつを使って全てを、表示・表現する。 <>で囲まれたアルファベットで文章や画像を配置してゆく。
ここで基本スタイルだけ書いときます。

<HTML>ここから一番下の</HTML>までが、これはHTMLファィルだよ!と 宣言している。

<HEAD>ここから</HEAD>までがページの見出し

<TITLE>........</TITLE>タイトルを入れる。

</HEAD>

<BODY>
ここに表示したい文章や画像を書き入れてゆくとブラウザーに写し出される。

</BODY>

</HTML>

で、出来上がったらファィル−保存−***.htmlで保存する。
慣れれば簡単?!でもない、難しくはないが面倒。  
じゃあどうすると簡単?超初心者の人はWYSIWYG型ホームページエディターを使えば楽勝!
(よくWINDOWSのツールでノートパッド、メモ帳などで出来るよ!なんて見かける事有るけど、出来る 事は出来るけど、現実的にそんな事やってたらいつになったら完成するやら..)

保存ファイル形式の注意
最初の頃これも解んなかった。コンピューターっていろんなファイルが有って、例えば、***. exeの様に・・・の後にくっついてるアルファベット、これが何のファイルか現してる。
このexeは、ソフトを起動する”通称エグゼ”、***.jpgこのjpgは画像を意味する”通称ジェイペグ”。「exe、jpg」こいうのを総称して「拡張子」って言う。

失敗例(1)
ホームページ用のファイルは***.htmlか***.htmという拡張子で保存しブラウザーに読み込ませる。
これらはHP作成ソフトを使用すると自動的に変換、保存されるが、私が初めてネットスケープのコンポーザーを使い作成した時、ソフトの設定が悪かったのか Index.Htmで変換され、知らぬままサーバーにアップロードしてしまいページが表示されなかった。
何故か? サーバー(契約してるプロバイダー)の使用しているコンピューターのOSは大半がユニックス系(我々大半のOSはWINDOWS95,98)でありこのOSは 全角、半角を認識するんでIndex.Htmをトップページとして読み取らなかったのです。
ファイル名、拡張子は半角英数字 を使用しましょう!

失敗例(2)
ファイル名に空白を入れてしまった。例えばweb site.jpg。この失敗時はコンポーザーを使用しFTP EXPLORERでアップしたのですがネットスケープ4.5 で画像が表示されなかった。
何故か? これもサーバーのOS(ユニックス)が文字間の空白、あるいは空白を含むURL等は認識しない為である。
以下は後で紹介するホームページエディター"S-KUBOTA"の作者、久保田氏に教わりました。氏からのメールを引用
=====================================================================================
「空白を含むURLは本来は認められて いないので、空白を含むファイルへリンク等を貼るときは、空白を %20に変えねばなりません。これをしないとほとんどのUNIX系の サーバーでは正しくファイルが送られなくなります。最近のブラウザー では内部で自動的に空白を%20に変えてくれますが、古いブラウザーでは そこまでやってくれないので正しく読めなくなります。」 ======================================================================================
最近のソフトは大半が自動的に処理してくれるが、この事は覚えておいた方が良いし、作成時にweb-site.jpgの様に空白 を埋めておこう。


TOPPAGE HTML-2