ともかく、Movable Typeがスタイルシートを使ってどうページをデザインしているかを知ろうと思った。
トップページのhtmlファイルをDreamweaver MX（2004ではない）で開いてみようとするのだが、まともに開けない。ここでつまづいてしまった。他のソフト、ホームページ・ビルダーやGoLiveでは一応開けるし、Dreamweaver 4で開けるのだが、MXだと何故か、ソースの大半が欠けてしまう。？？
根気よく調べていった結果、どうやら文字コードが関係していることがわかる。
ここのMTはUTF-8で、それをShift_JISにしているのだが、たとえば2004年09月24日は、ソースでは「2004年09月24日」（←ああこれじゃわからん！）と表示される。で、これをMXは読み取れないらしい。これを削ったらようやく読めるようになった。なんだかんだで、スタイルシートをほぼ自分好みにカスタマイズもできた。
…で、スタイルシートがページをどうデザインしているかはわかった。これは面白いやり方だと思った。だいいち、テーブルレイアウトにくらべて、スマートかつ論理的だ。
が、わかりにくいのが最大の欠点だな。個人ベースのサイトでこれをやれと言われても、ブログのようなツールを使わない限り、メリットはないだろうというのがとりあえずの結論。やっぱテーブルレイアウトは捨てられない。
といいつつも、テンプレート化しました。MTのデザイン構造の理解にも、役立つかもしれません。
frat.jp ホームページ基本テンプレート パターン４
