技術的な秘訣


1.1 怖気づかなくても大丈夫。思うほど難しくはない

このマニュアルは技術的なものではないので、ウェブページのコードやプログラムについては触れてはきませんでした。このことについては既にたくさん出回っている本、雑誌、ウェブページ等を参考にしてください。シンプルなウェブページ作成に難しい技術は要らないのです。ですから、HTML言語などに出鼻をくじかれる必要はないのです。あなたは、車のデザインからはじめて、その車が走るようになるまでの工程を任されているわけではありません。あなたの周りの手助けを求めてください。最近では、HTML言語を知らなくてもテンプレートを使ってウェブページ作成ができるプログラムもあります。オンライン上でウェブページ作成のテンプレートを提供し、出来上がったものをそのままそのサーバーに載せてくれるものも出てきています。

1.2 デザインのコツ

ブラウザ

同じページでもブラウザによって違って見えることがあります。ですから、異なるブラウザにインストールし、表示画面を比べて見てください。（ハードドライブが２つ無い限り、Internet Explorerの6と7を同じコンピューターにインストールできません。 Firefoxの違うバージョンを違うディレクトリにインストールすることは可能です。）また、それ以外にも、テレビを通してインターネットに接続する WeｂTVもあります。

ウェブページ作成で頭を悩ませることは、そのウェブページをどのブラウザにおいても、滞りなく機能させることです。インターネット利用者の全てが最新のブラウザを使用しているわけではないのです。特に、教育機関での生徒向けのコンピュータなどでは、常に最新版と入れ替えるようなことはしない場合がほとんどです。ですから、古いバージョンのブラウザでも、機能するようなウェブページを作成してください。また、同じブラウザでも、Windowsと Macintoshでは同じように表示されない場合もあります。

参考(日本語)

NonPC系のブラウザ上でのコンテンツ作成のコツ

参考ウェブページ（英語）

Bobby どのブラウザとの相性が悪いかなどを分析、各ブラウザでどのように見えるかは表示しない

エラー容認とスピード

数あるブラウザの中で、HTMLのシンタックス・エラー（文章構成上の間違い）について厳しいのもあれば、そうでないものもあります。友人達にあなたのウェブページを（各種ブラウザ、プラットホームで）チェックしてもらってください。また、どのくらいアクセスに時間がかかったか聞くのも大切です。あなたが、自分の使用しているISP上で、あなたのウェブページにアクセスするのはすぐですが、もしかしたらあなたの読者は地球の裏側からアクセスしてくるかもしれないのです。ですから、フレームを使用したり、画像をふんだんに入れたりしてしまうと恐ろしくダウンロードに時間がかかってしまうのです。ウェブページはできるだけ読みやすく（読みやすいフォントを使用）シンプルなものにしてください。

"GIF"や"JPEG"などのグラフィックス・ファイルは収縮をかけて、ダウンロード時のスピードアップを図りましょう。Paintshop Proなどのグラフィックス・ソフトを用いて操作すると良いでしょう。

参考ウェブページ（英語）

The Need for Speed ロード時間をいかに短縮するか

All Things Web's guide グラフィックスの収縮

画面サイズ

読者の画面サイズを考慮にいれることも重要です。２５％の人たちは１４インチのモニタを使用しているため、彼らはウェブページを見る際には、スクロールバーで横にも移動しなくてはならないのです。

その他

また、色盲の読者のために、赤字で緑の背景の上には書く（またはその逆）ことは避けてください。

参考(日本語)

視覚障害者のインターネット利用の現状、ページデザインのポイント等

参考ウェブページ（英語）

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の冒頭に加えてください。

新規投稿

検索