せっかく自己満ページをつくるのだから、おでの仕事では普段なかなかやれない事をやろうと思い、真っ黒＆画像パーツは最小限にしテキスト中心にした。｢おでのiTunes｣のトップページは、アルバムジャケットの画像をiPhotoのようなサムネール・オンリーにした。

対象ブラウザはMacはSafari、FF、Opera、NN。Safari以外はあまり気にしない。WinはIE7、以下Macと同じ。もちろんWin版Safariも含む。IE6は邪魔くさいんで対象外。

フォントもふだんはヒラギノゴシックやMS Pゴシックなどデフォルト使用ばかりなので、それら以外のフォントを指定。
みんなどうやってるのか知らんけど、とりあえずおでは、レイアウトをPhotoshopで作成後、ベースとしてトップページとエントリーページをいつものようにDreamweaver使ってブラウザでプレビュー確認。

右カラムのアコーディオンメニューは、dhtmlgoodies.comさんのサイトの、左メニューの一番上のMenu Scripts内の｢Slide down menu｣を使わせてもらった。なかなか最初、レイアウトどおりにはいかなかったけど、サンプル見比べているうちになんとかできた。これでだいたい体裁はできたんで、次は本題のテンプレート化だ。