今回のデザインテンプレート1006は、他の人のサイトのために作ったものだ。「無難できれいなやつ」という（ありがちな？）要望だったので、よく見かけそうなやつにしてみた。画像は2KBちょいしか使っていない。受け渡すまでには、もう少しいろいろ手を入れるつもりだが、今のでもかなり実用に近いと思う。
HTMLの構造はいろいろ悩んだ末、以下のような形にした。他の人のサイトを作る場合はあいかわらずContributeを使うことを前提としているので、classは更新担当者が自由に使えるものに限定し（ツールバーから見出しやclassを選べるようになっているため）、レイアウト用のスタイルを指定するところはすべてidのみをふっている。
<div id="container">
<ul id="header">
<li id="logo">ロゴ</li>
</ul>
<ul id="mainnav">
</ul>
<p id="breadcrumbs"></p>
<h1>タイトル</h1>
<div id="content">
<h2></h2>
</div>
<div id="subnav">
<h2>Related</h2>
</div>
<div id="footer">
<h2>Information</h2>
</div>
</div>MacIE5よけはしていないが、メインメニューでoverflow:hiddenを使いたいのと、MacIE5はページ内リンクがうまくいかないので、他の人に受け渡す際にはすべて@media screen{}で囲う予定でいる。
んで、いま、他のサイトでいろいろ勉強しながら、このHTMLでいままでのデザインテンプレートを書き換えられないかを考えている。h1を#contentから分離してしまったのがやっかいなんだよな〜
トラックバックURL: http://adp.daa.jp/cgi/mt2/mt-tb.cgi/646