と思いつつもう1ヶ月が経ってしまったが、昨日から本格的に取り掛かり、何とか今日中にはできるかなぁ~。ってな感じで進めてた。
やはり無理でした。HTML はもう出来上がってるんですが、ここから Movable Type のテンプレートに起こさなければならないのでいろいろと面倒です。
一応時間を見ながらテンプレートを入れ替えていきます。作業中は何かと不都合が生じるかもしれませんが、とりあえずここ最近の PV 数の遷移を見る限りは問題ないかと(何
テンプレート書き直しと言っても、実際にはデザインが変わるんです。
今回はいろいろと挑戦してみました。
- div 要素完全廃止(ちょっとこれはやってみたかった)
- 画像なし(エントリ内にある写真はともかく、それ以外の装飾用の画像は完全撤廃)
- Firefox・Opera・Safari 対象(IE だといろいろ不都合が生じる箇所がありますが、多分問題ないと思う)
- header,footer が ID 属性ではなく class 属性(これはただの気まぐれ。実験的に採用してみただけです)
- wu さんの「デフォルトスタイルの差異を無くすCSS」を使ってみた(ほとんどこれに頼りっきり。仕事でも使ってます)
- きくちゃんの「99%CSSで作るプルダウンメニュー」を使ってみた(同じく仕事でも使っています。ありがたやー)
ってな感じです。デザイン自体は何も考えてない、その場でやっつけです。
作ってて思ったんですけど、やってることって例の「画像の使用を極力控えて(長いので略)大会」と同じなのでは? と感じたけど、それはそれ。これはこれ。機会があれば大会の方にもチャレンジしてみます。
追記 2007年5月22日 17:48
やはり IE はメニュー部分がダメっぽい。IE7 も。
この辺直せれば直します。直せなければ放置か別の代替手段を考える。
あと、トップページとエントリページでそれぞれエントリタイトルの見出しレベルが違う(トップページだと h2 要素で エントリページだと h1 要素)んですが、追記や変更の見出しレベルは何にしたらいいんですかね?
この辺は動的に変えられるわけではないじゃないですか。そもそもエントリ内に見出しを書くこと自体が無理なんですが。
トップページの構造(簡潔に)
- double-team.org(h1)
- エントリタイトル(h2)
- エントリ内の見出し(h3)
- エントリタイトル(h2)
エントリページの構造
- double-team.org(p)
- エントリタイトル(h1)
- エントリ内の見出し(h2)
エントリ内の見出しは p 要素で記述するべきですかね? でもそれだと見出しじゃないですもんねぇ。
追記や変更を見出しで記述すべきかどうかはともかく、エントリ内に見出しが記述できないのは問題なのかと思ってる。
(ちなみに h2 要素で記述するのはちと違う気がする。トップページだとエントリタイトルと並列になるし。)

コメントする