技術的な秘訣
1.1 怖気づかなくても大丈夫。思うほど難しくはない
このマニュアルは技術的なものではないので、ウェブページのコードやプログラムについては触れてはきませんでした。このことについては既にたくさん出回って いる本、雑誌、ウェブページ等を参考にしてください。シンプルなウェブページ作成に難しい技術は要らないのです。ですから、HTML言語などに出鼻をくじ かれる必要はないのです。あなたは、車のデザインからはじめて、その車が走るようになるまでの工程を任されているわけではありません。あなたの周りの手助 けを求めてください。最近では、HTML言語を知らなくてもテンプレートを使ってウェブページ作成ができるプログラムもあります。オンライン上でウェブ ページ作成のテンプレートを提供し、出来上がったものをそのままそのサーバーに載せてくれるものも出てきています。
1.2 デザインのコツ
ブラウザ
同 じページでもブラウザによって違って見えることがあります。ですから、異なるブラウザにインストールし、表示画面を比べて見てください。(ハードドライブ が2つ無い限り、Internet Explorerの6と7を同じコンピューターにインストールできません。 Firefoxの違うバージョンを違うディレクトリにインストールすることは可能です。)また、それ以外にも、テレビを通してインターネットに接続する WebTVもあります。
ウェ ブページ作成で頭を悩ませることは、そのウェブページをどのブラウザにおいても、滞りなく機能させることです。インターネット利用者の全てが最新のブラウ ザを使用しているわけではないのです。特に、教育機関での生徒向けのコンピュータなどでは、常に最新版と入れ替えるようなことはしない場合がほとんどで す。ですから、古いバージョンのブラウザでも、機能するようなウェブページを作成してください。また、同じブラウザでも、Windowsと Macintoshでは同じように表示されない場合もあります。
参考(日本語) |
参考ウェブページ(英語)
Bobby どのブラウザとの相性が悪いかなどを分析、各ブラウザでどのように見えるかは表示しない
エラー容認とスピード
数 あるブラウザの中で、HTMLのシンタックス・エラー(文章構成上の間違い)について厳しいのもあれば、そうでないものもあります。友人達にあなたのウェ ブページを(各種ブラウザ、プラットホームで)チェックしてもらってください。また、どのくらいアクセスに時間がかかったか聞くのも大切です。あなたが、 自分の使用しているISP上で、あなたのウェブページにアクセスするのはすぐですが、もしかしたらあなたの読者は地球の裏側からアクセスしてくるかもしれ ないのです。ですから、フレームを使用したり、画像をふんだんに入れたりしてしまうと恐ろしくダウンロードに時間がかかってしまうのです。ウェブページは できるだけ読みやすく(読みやすいフォントを使用)シンプルなものにしてください。
"GIF"や"JPEG"などのグラフィックス・ファイルは収縮をかけて、ダウンロード時のスピードアップを図りましょう。Paintshop Proなどのグラフィックス・ソフトを用いて操作すると良いでしょう。
参考ウェブページ(英語)
The Need for Speed ロード時間をいかに短縮するか
All Things Web's guide グラフィックスの収縮
画面サイズ
読者の画面サイズを考慮にいれることも重要です。25%の人たちは14インチのモニタを使用しているため、彼らはウェブページを見る際には、スクロールバーで横にも移動しなくてはならないのです。
その他
また、色盲の読者のために、赤字で緑の背景の上には書く(またはその逆)ことは避けてください。
参考(日本語) |
参考ウェブページ(英語)
Alertbox Article 障害者にも見やすいウェブページのデザイン(身体、色盲、聾唖、認識などの障害)
WebReference's ウェブページデザイン指導関連のリンク集
Top Ten Mistakes in Web Design よくあるウェブ作成者の間違い、失敗を分析
The Top Ten New Mistakes of Web Design よくあるウェブ作成者の間違い、失敗を分析
Seven Debilitating Diseases of (Business) Websites ウェブ・マーケティング――流行、リンク、記事他
Yale Web Style Guide ウェブページ作成哲学、構成デザイン、ページデザイン、グラフィック、マルチメディア、アニメーション, 他
フレーム
フ レーム(スクロールできるウィンドウをウェブページ内に表示)をウェブページのデザインの中に取り入れているウェブページをよく見かけます。これには、長 所と短所が両方あります。ひとつの大きな問題は、検索エンジンがフレームの中に書かれたものを処理しないので、不利になります。(英語ですが、SearchEngineWatch のフレームについて書かれたものを参照してください)
け れども、フレームの中にある各ページを登録するのは不可能なことではありません。もし、それによって誰かが検索結果のゆえにアクセスしてきた場合、その ページはフレームの中ではなく、一画面として表示されます。Javascriptを付加して、フレーム内のページがほとんどのブラウザで普通に画面表示さ れる設定にすることもできます。以下のJavascriptをフレームページの位置するindex.htmlの冒頭に加えてください。