私のホームページの作り方(テクニック編)

私のホームページは多分あまり普通じゃない作りになってます。

実はサワグチのホームページにはいくつかルールのようなものがあるんです。

技術的な話しになりますが、

トップページから。

素っ気ないくらいイメージファイルのパーツがないでしょう?

ホームページタイトルも単なるテキストをテーブルで囲って色指定しただけです。

とにかく遊びがないホームページです。

基本的に、テキスト文章にリンク情報だけ、見栄えは、テーブルで整理してます。

さらに細かいことですが、あまりテキストにタグを付加しないようにして、デフォルトにしてます。結構一杯指定すると、HTMLファイルのテキストサイズが大きくなってしまうので。

例を一つ。

”あ”という文字を太字斜体下線付き、に変更、色は赤にして、文字サイズを標準より一つ大きく、センタリングし、リスト表示したもののソースです。

<UL> <LI><CENTER><FONT SIZE="+1" COLOR="#FF0000"><B><I><U>あ</U></I></B></FONT><CENTER></LI></UL>

↑となります。

これをテーブルで囲んで、枠線を2に変更、表の背景色を緑に、を300、高さは30、セル行の背景色は黄色、セルの背景色は青、セルの幅高さは292 と22(これは自動的に決まってしまいますが)、テーブルセンタリングにすると、

<CENTER><TABLE BORDER=2 BGCOLOR="#00FF00" WIDTH=300 HEIGHT=30><TR BGCOLOR="#FFFF33"><TD WIDTH=292 HEIGHT=22 BGCOLOR="#3366FF"><UL><LI><CENTER><FONT SIZE="+1" COLOR="#FF0000"><B><I><U>あ</U></I></B></FONT></CENTER></LI></UL></TD></TR></TABLE></CENTER>

 ↑となります。

記事のページはメモ帳の文章とリサイズしたデジカメ画像(JPEGのみ!)を雛形のファイルにはめ込んでちょっとレイアウトしただけ。

完全にゼロから手作りでホームページを作り始めたので、ややこしいことが出来なくてこうなりました。

ホームページの素材集(フリー)は持ってますが、なんか使いたくなくって、トップページにしか使ってない背景画像javascriptだけは流用してます。鬱陶しいのとマシンに負担をかけたくないので、音声ファイル動画ファイルアニメーションは使いません。

イメージファイルが少ないのは、最初、ホームページはNiftyserveにあったのですが、ここはとにかくアクセスが悪くて、あんまり大きい画像だと、アップロードするのも大変だったからです。だからプラウザでのチェックも大変。お陰で、私のプラウザはイメージファイルjavascriptjavacookie全部無効がデフォルトになってます。

フレームは画面が狭くなるので個人的に嫌いで使ってません。スタイルシートも使ってません。(使い方知らない)

HTML3.2に準拠してて、Netscape NavigataorInternet Explorer両方がサポートしているタグだけを使うように心がけてます。いちいち、それぞれのプラウザで動作確認してられないので。

すぐに思いつく特殊なタグはトップページのテーブル

bordercolor=red

指定してるくらいかな?(なくてもいいような気がするけど)

今はあまり変化無いですが、最初の頃は毎日のようにトップページのスタイルが変わってました。

いかにシンプルかつ見やすく情報を詰め込むか。保守が優しい、簡単に追加出来る構造を目指してます。

テーブルの使い方を知らなかった頃はレイアウトがむちゃくちゃでした。

画像ファイルは現在は横幅を360ピクセル又は180ピクセルにリサイズして固定してます。レイアウトしやすいから。

掲示板は敢えてつくってません。

純粋にサワグチ個人の情報ページのままでいきたかったので。掲示板はいろんなホームページにありますし。掲示板が出来ると、多分アクセスは増えるのでしょうけど。

リンク集は非常に数が少ないです。あっちこっちにあるし、何でもかんでもリンク集にしてもまとまりがなくなってしまうので。

トップページと記事のページはテーブルで整理、更新履歴のページだけはワザとリスト表示で整理してます。

トップページにMETA name="description"META name="keywords" 情報を検索エンジン用に埋め込んだのと、カウンターを付けるのとで大体出来上がり。

 

まとめますと、タグ指定の少ないテキストとJPEGファイルをテーブルでレイアウトしたページを、トップページでハイパーテキストリンクしてるだけなんです。こう書くと簡単そうでしょ。

実は簡単なんです。ホームページProを使ってますが、ワープロで文章つくるのと殆ど変わらないです。

 

1999/05/03(Mon)作成 

障害者についての情報はWE'LL NET

[トップページへ]