HP作成の基本事項
■ 文字コード
html上で指定している文字コードと、保存する際の文字コードは一致させましょう。
html上ではutf-8で指定しているのに、ファイルを保存する際にシフトJISにしたりしたら文字化けするかもしれません。
ウィンドウズ付属のメモ帳では保存できる文字コードに限りがあるので、無料のテキストエディタなどを使いながら作成することをおすすめします。
スタイルシートの場合は日本語は記入されていないので、保存する文字コードには特にこだわる必要がないです。
おすすめの文字コードは、utf-8 > シフトJIS > euc-jp の順です。
特に、海外のレンタルサーバーを利用する際、euc-jp では保存できないことが多いので気を付けましょう。
■ ブラウザ
ブラウザによってホームページの表示のされ方にかなりの違いがあります。
例えば、自分の firefox ではきちんと表示されていても、ユーザー数の多い IE ではくずれて表示されていたとしたら、大部分の訪問者にくずれて表示されていることになります。
ブラウザのシェアからいうと、ユーザー数が多いのはIEとFirefoxです。
この両方のブラウザでどのように表示されているかは、確認しておくことをおすすめします。
■ ファイルの保存
長時間かけてＨＴＭＬファイルを作成する際は、こまめに保存しておきましょう。
特に、ウェブ上で編集しながら作成する際、完成した直後に保存をしたくなるものですが、まずメモ帳などに保存することをおすすめします。
数時間かけてＨＴＭＬを作成したとしても、保存ボタンを押した直後にエラー表示が出てしまい、それまでに作成したファイルが消えてしまうことはよくあります。
もしくは、レンタルサーバー側で自動的にログアウトしてしまい、再ログインした際にはすべて消えてしまうこともかなり多いです。
そのようなことを考えると、最初からメモ帳で作成し、出来上がったらコピペで貼り付けるようにした方がいいかもしれません。
■ 検索エンジンのキャッシュ
すでにホームページを公開している場合で間違ってファイルを削除してしまった場合、検索エンジンのキャッシュにコピーが残っていないかをまず確認しましょう。
グーグルかヤフーで、「site:自分のサイトのurl」で検索すると調べることができます。
例えば、このページの場合のキャッシュはこのような形で残っているので、そのソースで該当部分をコピペすれば、削除してしまったファイルでも復活できます。
■ ファイルのアップロードとウェブ上での直接編集
無料ホームページを作成する際は、おおまかにわけて、「ウェブ上で直接編集しながらホームページを作成する方法」と「パソコン上でサイトを完成させてからウェブ上に転送・アップロードする方法」の２種類があります。
どちらで作成してもできばえはかわりませんが、わたしはウェブ上でＨＴＭＬを直接編集しながらの作成が一番簡単だと思います。
ＨＰファイルをパソコン上で作成した場合のファイルの転送ツールとしては、ＦＦＦＴＰというのがとてもおすすめ無料ツールです。
もしウェブ上での直接編集ができず、ファイルの転送をしなくてはならない有料スペースなどでは使用してみてはいかがかと思います。
■ コメントアウト
html ファイルやスタイルシート上に、ちょっとした文字をはさんでおく場合など、コメント扱いにすればホームページ上では表示されず、その箇所の文字列はは無視されます。
html ファイル上に記入する際は次のように書きます。
<!-- コメント部分 -->
スタイルシート上でコメントする場合は次のように書きます。
/* コメント部分 */