ローテクＨＰデザインガイド

りっち～★のウェブサイト作成環境UPDATE!

ローテクとは軽いホームページである（謎）: ゲーム系のページの場合、セガサターンで見ているユーザーも多いと思われます。
サターンモデムは14.4Kbpsなので、軽い(転送量の少ない)ページを目指しましょう。
ホームページ作成には50Kルールというものがあるらしいので、一つのページを構成するファイルのサイズの合計は最大で50kまでが許される範囲でしょう。
しかし、遠いプロバイダや、会社のファイアウォールの中から表示する際は、10倍以上の表示時間がかかる事があります。では軽くするためにはどうすれば良いかというと･･･
JavaScriptを使わない: 実はよくわからない（笑）がJavaScriptはクライアント側の処理能力に依存するので、速いマシンで見ている人以外には不向きです。
ちなみに、セガサターンやザウルスは速いマシンとは言いません。リブレット20も同様（笑）
（しかし、オウガページでは表紙＆パスワードに使っています・汗）
VBを使わない: 個人的には使いたいのですが、上記の理由とネスケが不許可になるらしいので却下
（寝助が不許可になっても使おうかと目ろんでいるんだけど･･･汗）
画像は最低限にとどめ、ALT属性は必ず入れる: 上記の50kルールとも関係あるのですが、カウンター以外の画像はいらないようなコンテンツ作りに勤める。
（しかし我がホームページは、掲示板を借りているのでバナーだけは貼らなければならない）
また、画像を使う場合、必ず<IMG SRC="…" ALT="…">と、ALT 属性で画像の説明を入れましょう。
もしくはすぐ近くにテキストで説明orリンクを入れてください。
そうでないと画像を殺して見ている人には何がなんだかさっぱりわからないです。
色はできるだけネットスケープの216色パレットを基準にする。: オウガページのタイトルをグラデーションにした所、会社の２５６色画面ではマヌケなデザインに相成りました。
よって、もとのデザインにもどしました。
２５６（216だけど）にしなければならない理由を身を持って体験しました。（笑）
デザインは640×480ドットの画面でテストする。: リブレット（１００以外）は幅640以上は一画面では表示できないですし、インテリマウスでも横スクロール機能というのは無いので、幅は640に収めるべき＜だとおもう
（だれかサターンでインターネットをやっている方！解像度を教えてください。）
横スクロールは１行毎にスクロールさせなくちゃ読めないし、方向を変える度にマウスを移動させなくてはならないしとにかく面倒この上ない！
縦については、ページの読み込みは時間がかかるので１ページにまとめて記述するほうがいいんじゃないかと思います。
（反対に１つのページを小さくしたほうが良いという意見の方もいます。）
PageUp・Downキーを使えばいいことだし、それでも面倒な人はインテリマウスを買って下さい。
（とても便利なのでオススメです＞インテリマウス）
GIFかJPEGか: どうしても画像を使いたい場合、GIF（256色）に減色しても十分ならできるだけGIFを使うのがベター。
どうしても減色したくない場合（イラストや写真）は、フルカラーの画像の場合はJPEGの方が圧縮率が良いのでJPEGでも良いでしょう。ただし、サムネイル用意したり画像のサイズが前もって分かるようにした方が親切でしょう。
まちがってもBMPを使ってはいけません（笑）＜表示できません
ご迷惑な画像ファイルの例: １．容量が大きい
当たり前の事ですが、大きいファイルは表示に時間がかかりますので減色したり、リサンプルして小さくしてみましょう。
また、WIDTHやHEIGHT属性で見た目のサイズを小さくしても、ファイルの大きさが変わらないかぎりは表示速度は変わりません。
あらかじめグラフィックソフト等でリサンプルしてください。

２．意味の無い動画最近アニメーションGIFを使ったバナーを見かけますが、作るのは楽しいのですが見る方にとっては『ご迷惑』以外の何者でもありません。
ブリンク＆マーキーが嫌いなんです: だからＩＥを使ってます（笑）というのは冗談ですが
ブリンクは目がちかちかするので嫌いです。でもマーキーは表示されちゃうんですが･･･。
マーキーを使っているページをみたらつい、Backsaceキーを押してしまいます。
なお、高速なマシンでブリンクを見ると、早すぎて何も見えません（泣）ので注意！
フレームが大嫌いなんです: 知っている人には有名なんですが、私はフレームが大嫌いなんです。
内容を表示する領域が狭いし、仕事中なんかに見る場合、ウィンドウの大きさをフレームに合わせて大きくしなきゃならないし･･･＜それは仕事中に見ているのも悪いが･･･
多分50kルールの上からも、フレームは重くなる原因の一つだと思います。
また、フレーム５段組みたいな極悪なページを見るとついBacksaceキーを押してしまいます。
◆尚、ロータスノーツもフレームは不許可だそうです。
ということは会社ネッターの中にはフレームページを読めない人がかなりいる可能性が大
（会社からサーフィンしている人に見て欲しくない場合は別ですけど･･･）
最近テーブルに凝ってるんです（笑）: ゼルドナーシルトのＨＰを見ていただければわかるんですが、テーブルばっかりです（笑）
これなら、画像を使わなくてもカッコ良くレイアウトできるし、クリッカブルマップ風の物も作れるし、良いことばかりのようなんですが、ページ全体をテーブルで囲むと表示速度が遅くなります。
＜テーブル全体を読み込んでから表示するため
まあ、何事も適度に使えばカッコイイんですが、最後はやはり個人のセンスでしょう。
最近こういうのに凝ってるんです（笑）: ソースをみれば分かりますが、これこそローテクの極意です！！
いろいろな所でつかってます。（笑）
JavaScriptでも出来ますが、遅いマシンでは重たくなりますし、Java切ってると何がなんだかわからないです。
簡単にカッコ良く、グラフィカルに見せられるので便利なのですが、
やはりセンスが必要かもしれないです（苦笑）

＜反響があれば続く･･･かもしれない･･････＞

★ ここへのご意見、ご感想、苦情、反対意見、励ましの言葉等はこちらかボードへお願いします。★
りっち～★ritchie@shootingstar.serio.jp

特別企画：りっち～★のローテクＨＰデザインガイド