|
ホ－ムペ－ジデザイン更新
２００４年４月２９日から５月５日のゴ－ルデンウイ－クでホ－ムペ－ジのデザインを変更することで私が所有しているホ－ムペ－ジ・ビルダ－で出来るいろいろなデザイン変更やジャバスクリプト言語を利用した動きのあるＨＰ等に変更し、より良いＨＰを作成・更新できるよう挑戦してみた。
更新概要
1.トップペ－ジのフレ－ムを削除した。
効果：
①左のフレ－ムの目次を削除し、右フレ－ム画面が広くなり、デバッグがやりやすくなった。
2.背景の色を無色にした。
効果：
①フリ－ソフトの背景を利用していたが、画面のプロパティでサイズを大きく変更すると
背景画像（左端と右端にある花飾りの背景を利用している）が中央に表示されない。
背景画像を削除することで、中央の位置にくるようになった。
（原因はこの背景画像の配置位置設定が原因では・・・と思われる）
3.リンク元の個所を明確にした。
①マウスをリンク元に置くとリンク文字が赤に変わる。
②同様、画像のリンク元に置くと外部機関のリンクはロ－ルオ－バ－効果を利用してリンク画像を表示させることでリンク元のアドレスを絶対位置（http://www～)に記載しているか確認する。
③尚、内部のリンク画像はロ－ルオ－バ－効果を利用しないことで、内部か外部のリンクかを明確にする。
効果：.
ＦＴＰ（又はＦＦＴＰ）のソフトでサ－バ－へ転送しますが、
①リンクエラ－の対策となる。（外部リンク先のアドレスは絶対パスで指定する）
②尚、ちゅうちゃんはホ－ムペ－ジアドレス３個使用しているので、このリンク対策は非常に有効である。
4.無料レンタル日記帳のバックアップを保存しいつでも閲覧できるようにした。
効果：
過去に「掲示板その2」を使用していたが、手違いでデ－タを消してしまった。苦い経験より今回、日記帳のバックアップを一覧リストにして保存した。
この結果、記載内容に眼を通したら、過去にも同様なＨＰトラブル内容があったのかと知らされ、今更ながらＨＰ作成能力がレベルアップしていないなあ！ と痛感してます。
5.ＨＰのご利用のお願いを記載した。
6.その他
①「HTMLやJavaScript・スタイルシートを利用した小技集」を閲覧してこんなことが出きるのか理解し
早速チャレンジした。（オンマウスで文字色を変更/リンク先ペ－ジより一つ手前に戻るボタン/・・・）
総合結果：「ＨＰＢのユ－ザ－・マニュアル」や他のＨＰ等を閲覧しながら、今回は独力でＨＰ更新に挑戦して今更ながらＨＰＢの使い方を理解していなかったり、ＨＴＭＬ言語も理解していく必要があるなあと思いました。今回のＨＰの更新は以前のＨＰと比較すると今回のデザイン変更の方が簡素化になり、閲覧する上で少しベタ－かなあ・・と自己満足しています。（本音はHTMLやJavaScriptの勉強になったと思っています。）ＴＯＰペ－ジはあまり凝った重いデザインにしないこと。アクセスタイム）を短くすることが「ＨＰのアクセスアップ」に繋がるのではないかと思います。記載内容も当然ですが・・。
～～２００４年５月５日 いつも反省ばかりしている「ちゅうちゃん」より-～～
|