ページデザインについて

良好なレイアウトでご覧いただくための情報です。


HTML文書を表示する場合,画面やブラウザなどによって,レイアウトが異なって表示されます。これはある程度やむを得ないことであり,私のHPをご覧頂くために皆さんの表示設定をこちらから指定しようなどという意図は毛頭ありませんが,私自身がデザインしているレイアウトについては,下記事項を参考にしてください。

  • 共通事項
    • ホームページ作成ソフトはIBMのホームページビルダー6.5を使用しています。
    • 現在,私が使用しているパソコンのディスプレイはSXGA+(1400×1050ピクセル)です。
    • このホームページ作成に使用しているパソコンのOSはWindows XP Professionalです。
    • Macintosh版のブラウザでの表示確認は行っていません。以下の記述はWindows版のブラウザについて述べているものです。
    • 壁紙は青みがかったグレーの横線の入った模様のものを使用していますが,マシンやブラウザによってはっきり見えたり,ほとんど見えなかったりするようです。
    • 日本語表示のページではフォントの指定はしていないので,各ブラウザのデフォルトのフォントで表示されます。
    • 日本語表示のページのエンコードはシフトJISですが,各ページのヘッダ情報では文字コードの指定をしていません。インターネットエクスプローラー(IE),ネットスケープナビゲーダー(NN)とも,エンコード(文字セット)が「日本語(自動選択)」となっていれば問題なく表示できると思いますが,文字化けしている場合や,全く表示されない場合は,「日本語(シフトJIS)」を選択すると表示されるようになります。
    • JAPANESE ISSUE CD INFORMATIONなどの欧文のページでは,フォントは指定していませんが,文字コードを iso-8859-1 に指定しています。
    • 特にテキストべた書きの場合は,IEとNNでは文字サイズが1ランク異なって表示されるのですが,2001年6月までのCD感想のページでは,IEでの表示を優先したタグ表示を行っていました(詳しくは以下参照)。両ブラウザで同様のレイアウトとなる方法をいろいろ考えた結果,2001年4月以降のCD感想のページは最小限のスタイルシートの指定をすることで,表示デザインを揃えることにしました。

  • インターネットエクスプローラー(IE)でご覧の方へ
    • このホームページは,XGA(1024×768ピクセル)の画面及びIE6のフォントサイズ「中」での表示が私が意図しているデザインです。
    • SVGA(800×600ピクセル)の画面及びIE6のフォントサイズ「中」においても良好なレイアウトでご覧いただけるようにデザインしています。
    • IE6のデフォルトのフォントはウェブページフォントがMSPゴシック,テキスト表示がMSゴシックで,このフォントを前提にページデザインを行っています。
    • CD感想はテキストべた書きで書かれていますが,IEの場合,テキストべた書きの表示は,文字サイズが1ランク小さいフォントで表示されます。そのため,2001年6月以前のCD感想では<FONT size=+1>のタグを入れて,同じ文字サイズで表示されるようにしています。2001年4月以降のCD感想ではスタイルシートを指定することで同サイズで見られるようにしています。
    • 欧文のページである,JAPANESE ISSUE CD INFORMATIONの中の各CD内訳表示のページもテキストべた書きですが,<FONT size=+1>のタグを入れていません。そのため,他のページよりも1ランク小さい文字で表示されます。小さくて見づらい場合は,フォントサイズを「大」にしてご覧下さい。

  • ネットスケープナビゲーダー(NN)でご覧の方へ
    • このホームページはIE6でデザインしていますが,ネットスケープナビゲーダー4.7でも表示確認しています。
    • NNのデフォルトのフォントはプロポーショナルフォントがMSPゴシック,固定ピッチフォントがMSゴシックで,このフォントを前提にページデザインを行っています。。
    • NNの場合,デフォルトのフォントサイズが10ポイントになっていますが,これだと文字が小さめに表示されます。編集(E)→設定(E)から,フォントサイズを12ポイントにしていただくと,私がデザインした表示に近いレイアウトで表示されます。
    • CD感想はテキストべた書きで書かれていますが,IEではテキストべた書きの表示を行う場合,文字サイズが1ランク小さいフォントで表示されることから,2001年3月以前のCD感想では<FONT size=+1>のタグを入れて,同じ文字サイズで表示されるようにしています。その結果,NNの場合には,べた書き表示が1ランク大きいフォントで表示されます。この表示上の違いを解消するため,2001年4月以降のCD感想ではスタイルシートを指定することで両ブラウザで同様の表示で見られるようにしています。
    • NNの場合,行間隔がIEよりも狭くなっており,この点が私が意図したデザインと若干異なります。
2000.8.4 (2002.8.4改)