マサのWeb玉手箱 >> プロフィール 気まぐれ日記 掲示板 更新

2008年6月8日

久々のリニューアル (ホームページ更新)

ホームページ開設10周年(8月8日)まで丁度2ヶ月となった今日、久しぶりに「マサのWeb玉手箱」の全面リニューアルを行いました。3月末にWeb作成ソフト(Dreamweaver)を最新版にバージョンアップしたことをきっかけに、全450ページの修正に着手し、2ヶ月半かかってようやく完成しました。現在のデザインに愛着があるので見た目はあまり変えてはいませんが、ソース(記述)は一から作り直し、全くの新規となりました。(あー疲れた)

>>> マサがお勧めするCSSの本 (by Amazon.co.jp)

主な変更点

  1. ソースをHTMLベースからXHTML+CSSベースの記述へ変更
  2. フレームページをCSSを利用した擬似フレームへ変更
  3. CSS/Javascript を完全外部ファイル化
  4. 上記1~3により各ページの記述の簡略化と総ページ数削減(50ページ削減)
  5. Dreamweaverのテンプレート機能を活用して更新を省力化

リニューアルその後 (2008年6月11日追記)

今回の作業はVistaのIE7環境で行いましたが、Win2KのIE6環境で下の様な表示不具合が起きていました。今回のリニューアルで、画面デザインをHTML→CSSに移行したことが裏目に出たようです。(6月11日現在、大きな表示不具合は直っていると思います。)

Win2K/IE6による表示崩れ

リニューアルその後2 (2008年6月22日追記)

ネットで便利なソフトを入手し早速使っています。その名は「IETester」と言って、インターネットエクスプローラーの複数のバージョンによる確認が1度に出来てしまう優れモノです。これでIE6でのバグつぶしが随分楽になりました。(拡大画像はこちら

IETester:http://www.my-debugbar.com/wiki/IETester/HomePage

IE Tester

気まぐれ日記