ホーム»こだわりメモ 見えるページ・見えないページ
こだわりメモ 見えるページ・見えないページ
ホームページが「見えない」ときに疑いたい原因と、作り手が気をつけたい表示のコツを、素材屋さんの経験からまとめたメモ。
こちらのコーナーでは、ホームページを作ったばかりの方やまた、これから作ってみたいという初心者の方へ「知ってるとちょっといいかもしれない～」というお話を書いていきます。
これは今までに私が経験し、感じた事を書いていきますので絶対そうしなければいけないということではありません。
ただ自分自身は結構こだわっています・・・(^^ゞ中級者以上の方には知ってて当然のことも多いかと思います。
OS（オペレーティングシステム）に絡む話はすべてウィンドウズを中心としています。
私、Mac触ったことがないんです～（Macユーザーの方ごめんなさい）
なお、内容におかしい点などがありましたらご連絡お願いいたします。
＊＊＊メールマガジンに書いたことをウェブ用に書き直しました＊＊＊
１．見えるページ(^^)見えないページ(>_<) １
２．見えるページ(^^)見えないページ(>_<) ２
３．ページの重さとリピーター
４．重いページのダイエット作戦 １－一般編－
５．重いページのダイエット作戦 ２－写真編－
↑ここはいろいろと勉強になります～私のクチコミ評価や相談もあるかも(^^ゞ見えるページ(^^)見えないページ(>_<) １見えるページ(^^)見えないページ(>_<) ２
見えるページ(^^)見えないページ(>_<) １
私は素材やをやっている手前、いろいろなジャンルの方からHP開設のお知らせをいただきます。
お返事がなかなか出せなかったり、書き込みが出来なかったりも多いのですが必ず一度は見に行っています。
でも見えないページに出会うことも結構あったりします。
で、こんな場合は見えない(>_<)という例を書いておきます。
・URLが間違っているあたりまえのような話ですが、教えてもらったURLが違うってことが実は初心者の方には結構あるんです。
余談ですがIME2000になったら単語登録の品詞に「顔文字」という項目が増えてました。
こちらも大いに活用しています＼(^o^)／←これは「ばんざい」です。
・サーバーとあなたのPCの違いホームページのサーバーがUNIXというOSの場合、あなたの使っているPC（以下ローカルPCとします）では動作や表示の確認時ちゃんと動いていても、ウェブ上にアップロードしたら見ることが出来ない場合があります。
ウィンドウズの場合、リンク先のファイルtest.htmlをTest.htmlで参照しても見ることが出来ますが、UNIXは大文字小文字を判別し違うファイルとみなします、気をつけましょう。
またディレクトリ（フォルダ）の区切りに\を使うとインターネットエクスプローラー(以下IEとします）では参照できますがネットスケープナビゲーター（以下NNとします）では参照できません。
この場合、ローカルPCではNNでも参照できるので見落としがち・・・\は使わず/にしましょうね＜特にタグでHPを作っている方。
・画像ファイルがローカルPCを参照しているこれはHP作成ソフトを使ってる方に多く見受けられます。
画像やリンク先を指定する際、ローカルPCのファイルを指定してしまうと、ネット上でも多分あなたは見ることが出来ますが他の人からは空白マーク（画像がないよという印）やリンクが繋がらなかったりします。
HTMLのソースではfile:///ドライブ名～/ファイル名.xxx となっています。
画像が出ないとかリンクが繋がらないとか言われたらそのような指定をしていないか確認したほうがいいかもしれません。
見えるページ(^^)見えないページ(>_<) ２
私は数少ない（？）ネットスケープユーザーです。
今までの経験からインターネットエクスプローラー(以下IE）では見えてもネットスケープナビゲーター(以下NN）では見えない場合を書いておきます。
（これ以外のケースもあるかと思いますが特に見かけるケースです）
もし皆様がNNでも見えるページ作りを目指したい場合、参考にしてください。
・ファイル名にスペースを使う例えば my profile.html というファイルをあるページからリンクした場合、IEではちゃんとリンクが繋がってそのページを表示する事が出来ますが、NNではスペースでファイル名終了とみなすのか「Not Found」になってしまいます。
これは画像ファイルなどすべてのファイル名に共通する事です。
ファイル名にはスペースを使わずにハイフン（-）やアンダーバー（_）でつなげたほうが無難です。（これはよく見かけます）
・フレームの名前に全角文字を使用するフレーム分割を行うとき、例えば左右分割時、左フレームに「左側」
右フレームに「右側」など名前の最初の文字を全角文字にするとtarget属性で「右側」を指定してもNNでは左側に表示されてしまいます。
名前は半角英数字で付けたほうがいいようです。
ただしこの場合「b左枠」のように半角文字を最初にするとちゃんと表示されました。
・タグの閉じ忘れこれはタグで直接入力されている場合に多いケースですが、例えばテーブルタグでタグを閉じ忘れると何も表示されません。
<table> <tr> <td> ・・・ </td> <td> ・・・ </td> </tr> </table> のように必ず閉じましょう。 特にテーブルが入れ子の場合、間違いが出やすいので上のようにずらしておくとわかりやすいかもしれません。
またフレーム(frameset)も閉じ忘れると表示されません。
そこから後の内容が表示されないことがあります。
これは表示されたり、されなかったりと再現性がない場合もありますが、正しく記述する事で解決します。
あと、見えないわけではありませんがかなり違うという例です。
・フォントのサイズHTML文書でフォントのサイズを標準からsmall指定した場合、NNではかなり小さい文字になってそのページが文章だったりするととても読みづらくなってしまいます。
IEでは縦サイズは変わらず横幅がちょっと狭くなるだけのようです。
上記では見えないケースを書いてきましたが、見え方についてはモニターの大きさやフォントの大きさなどの環境によって違ってくる事が多いと思います。
レイアウトが崩れる事も少なくはありません。
MacとWINでは色合いも違うと聞きました。
もし環境が違うPCで自分のページを見る機会があったら見せてもらうと参考になると思います(^^)
せっかく作ったホームページですからできるだけ沢山の人に見てもらいたいですよね♪
私がNNユーザーなのはHPをテキスト入力で作っているという理由からです。
記述ミスがあってもおかしいというのがすぐわかるものですから・・・こだわりもあるのかもしれません～（苦笑）
ページの重さとリピーター
よく「軽いチャット」とか「重いページ」とか表現しますが重い＝時間がかかるということを意味します。
見るほうの立場としては軽いに越した事ありませんね。
あまり重いと次回見にいくのにちょっとためらってしまう事もあるかもしれません。
重くなってしまう原因としては以下のようなことがあげられると思います。
・サーバーや時間帯によるもの時間帯がテレホタイムで利用者が多い場合、待ち時間が増えてしまいページが表示されるのが遅くなります。
利用していましたが開設したてのころは待ち時間が長い上に最後にはサーバーエラーなんか出てもう(;_;)でした。
コンテンツについてはそちらに移行しました。
現在はレンタルサーバーを借りていますが、借りる人数の上限がありその中で運用されています。
条件のいいサーバーを捜すのも結構大変です・・・
・ページそのものが重い場合ファイルサイズが大きくなってしまう写真や画像を1ページに多数貼り付けてしまうと、そのページが最後まで表示されるのにとても時間がかかってしまいます。
この場合は作る側で工夫ができるはずです。
さて、転送速度を表す単位にはbpsというのが使われています。
これは「ビットパーセカンド」の略で1秒間に何ビット転送できるかをあらわしたものです。
「ビット」という単位はパソコン初心者には聞きなれない言葉ですね。
ビットは情報をあらわす最小の単位（1か0）で8ビットで1バイトという単位になります。
1バイトで表現できるのは'1'や'A'などの半角英数字、漢字をあらわすには2バイト必要と聞けば大体の感じがわかるかもしれません。
今出回っているパソコンは56Kbpsのモデムがついているのが多いと思いますのでこの場合で簡単に計算してみましょう。
1秒間に最大56000ビット (※） 転送できるわけですから7000バイト、つまり7KB転送できるという事になります。
ちょっとしたテキストだけでしたらあっという間に表示されるでしょう。
しかしそのページに100KBの画像があった場合、全部が表示されるのに14秒強かかる計算になります。
でもこれはあくまでも転送の最大値を示したものです。
上に書いたように利用者が多い時間帯とかになると
1秒間に数百バイトの転送ということも少なくはありません(>_<)
ケーブルやISDNならもっと速くても、条件の悪い人もいることを忘れてはいけません。
※Kは通常1024（2の十乗）倍をあらわしますが計算を簡単にするために1000で計算しています。
実際には誤差が出ます。1KBは1024バイトです。
さてあなたはどのくらいまでなら待てるでしょうか？
まだ電話代や接続時間が気になる人も多いでしょう。
そこのところも考えてページの構成を考えるとリピーターも増やせるページが作れるのではないかと私は考えています。
ちなみに私は1ページあたりに使う画像は最大50KB目標です。
でも表紙については最近ちょっと太り気味になっていますので偉そうには言えません(^^;)
ホームページ運営者にとって見てくれる方の新規開拓も大切ですがリピーターさんはさらに輪を広げてくれる大切な方々です。
見てくれる方への配慮というものも大切にしたいものです。