My logbook : 屋久島方丈記  
Home > backnumber目次 > 記事  
  日誌編 (with photo) ・ 偏見ご免のたわごと編  
  たわごと編: No.2  
  2010.06.03  HP作成ソフトをアップグレードして  
 
  5月にFrontPage 2003からExpression Web 3にアップグレードしたのだが、既発行ページがデザインビューで文字が以前のように表示されない。なぜなのか素人の私には良く分らない。インストールしたままでデザインビューがブラウザの表示と対応してくれないと困ってしまうのである。上級者はうまく使えるのかもしれないが、素人はソフトの如何を問わずデザインソフトもブラウザもインストールしたまま設定をいじくらなくて、すなわち標準状態で同じように表示してくれないと困るのである。

私がホームページ「屋久島生活の断片」を始めたのは10年くらい前である。当時おまけで付いていたFrontoPage Expressを使用していた。私は難しい使い方はしていない。デザインビューで作成するしか能がない。テーブルを使用してレイアウトを整え、そこに写真と文章を挿入しているだけである。少し慣れてきたころ、ページ数も増えると扱いにくいし発行機能も欲しくなって、FrontPage 2000に移行した。移行に当たっては問題はなかったと記憶している。

しかしその後は、ブラウザでは思い通りに表示しているのだが、PC更新やソフトのバージョンアップ時にデザインビューが崩れるのに苦労してきた。多分私の知識不足で使いこなせなかったのだと思うのだが、これまでの経過は以下のようである。

バージョンアップ版でFrontPage 2003にしたあとのことである。このときはブラウザでは思い通りに表示されるのに、デザインビューでは表の一部の幅が思い通りに表示されなくなった。既発行ページのメンテナンスなどに支障を来たすので、全ページチェックしFrontPage 2003のデザインビューでおかしいページは正常に思い通りに表示されるように修正した。このときは既に100ページ近くはあったと思うが面倒くさかった。

昨年の第四四半期にOSをWindows7に変更しFrontPage 2003をXPmodeで使用するようにした。その際フォントをメイリオ化してみようと思い立って取り掛かったのだが、ただフォント指定を変えるだけでよいかと思っていたらレイアウトにまで影響の出るページが続出で800ページ近くをチェックし問題あるページを修正しなければならなかった。

そして今年3月、たまたまOperaというブラウザーをインストールして表示チェックをしていたらフォントが思い通りに表示されない。この問題はその後のバージョンで修正されたのだが、当時私は自分のHPがブラウザによってはまともに表示されないのではないかと不安になった。そこで最近CSSとかいう語を耳にしたりして興味があったので、5月になってOfficeソフトを持っている人向けのExpression Web 3のグレードアップ版を購入しHPを再編集して見ようかと思ったのである。

既発行のページをExpression Web 3のデザインビューで見ると文字がかなり大きく表示される。今回のソフトと前のソフトでは表示サイズが同一でない。ブラウザとデザインビューで同じに見えるようにしたい。しかし知識不足なのか私にはデザインビューの表示文字サイズ(ページ作成の文字サイズ指定は変えず、デザインビューで表示されるときのその文字の大きさ)を変更できない。今回のデザインビューでは文字が一回り大きく表示されページのデザインが崩れて表示される。デザインビューで適正な大きさに変更するとブラウザでは小さい文字になる。既発行ページ(多分800ページ以上)をExpression Web 3でメンテするには多大な労力がいる。またCSSを新たに適用するには全てを作成しなおさなければならないようである。

既発行分は変更することはあきらめた。「屋久島生活の断片」のコンテンツは、XPmode下のFrontPage 2003で従来どおりメンテして行くことにしたわけである。そして今後の新規発行分については、Expression Web 3で新サイトを作成し対処することとした。そのサイトが「屋久島方丈記」というわけである。CSSでサイトの書式は統一した。ブラウザ例えばIEで表示文字サイズを最大にしてもレイアウトが崩れないように確認しながら作成し始めたところである。

補足: 2010.09.23
 
ブラウザとデザインビューの差異の原因
OS側の文字表示サイズ(既定・小)を私が(中)に設定していたためであることが分かった。私はこの設定ではシステムが絡む文字表示だけ大きくなるものだと思い込んでいた。

ところがデザインビューで指定する文字の表示サイズにも(中)の倍率がかかる。そしてその状態のデザインビューで適当なサイズと指定した文字をブラウザで見ると(中)の倍率がリセットされブラウザでは小さめの文字サイズで表示されるということが分かった。玄人には常識かもしれないが、私にはそこまで考えが及んでいなかった。

OS側の文字表示サイズを(既定・小)に戻し、デザインビューのフォントサイズを一段大きめに指定し直したら、ブラウザの拡大縮小100%、文字サイズ・中で、ブラウザとデザインビューの文字表示の差異はなくなった。

従来のHP作成ソフトで作成したページも今回のソフトで作成したページもデザインビューで指定した文字サイズがそれなりにブラウザに反映されるされるようになった。


(関連記事)
屋久島方丈記・偏見ご免のたわごと編:
  No.369  ホームページの引っ越し  (2016.10.24)

 
 
 
back
「My logbook : 屋久島方丈記」は、「 My logbook : 屋久島生活の断片」の
日誌編 と 偏見ご免のたわごと編 の 継続版です。
My logbook : 屋久島生活の断片」の ご案内
日誌編 と 偏見ご免のたわごと編 (2010.05.31までの記事)
屋久島釣り場案内
妻関連の「SpinCom」と「SpinCom Gallery」