トップページの意味づけとグループ分けをしてみた
今のホームページのリニューアル作業に着手しました。これからゆっっくり進めていきます。
まだ新しいデザインが思いつかないので勉強がてらに今のトップページを弄ってみました。文章の意味を明確にするために、適切なタグを選んだつもりですが、どうでしょうか。確かに以前に比べてソース自体はシンプルになっているように思います。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS" /> <meta name="description" content="Flashによるゲームやムービーを展示" /> <meta name="keywords" content="AM902,旭日ゆうほ,Flash,Flex,ゲーム,ムービー" /> <meta name="robots" content="index,follow" /> <title>AM902</title> <style type="text/css" media="all"> @import "css/basic.css"; @import "css/index.css"; </style> </head> <body> <div id="container"> <div id="pageHeader"> <h1>AM902</h1> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="500" height="200" id="title200605" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="swf/zzTitle200605.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#bec0b8" /> <embed src="swf/zzTitle200605.swf" quality="high" bgcolor="#bec0b8" width="500" height="200" name="title200605" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> </div> <div id="counterAndPluginLink"> <p> 2004年 4/11から<br /> <img src="http://counter.geocities.jp/ncounter.cgi?id=ahiufomasao" alt="Counter" />HIT! </p> <p> Flashが表示されないならこちら。<br /> <a href="">http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&Lang=Japanese"> <img src="img/link/get_flash_player.gif" width="88" height="31" alt="Macromedia Flash Player Download" /> </a> </p> </div> <div id="menu"> <h2>メニュー</h2> <ul> <li><a href="tantai/hazimeni.html">はじめに</a></li> <li><a href="flash/flash.html">Flash</a></li> <li><a href="">http://d.hatena.ne.jp/asahiufo/">書き物</a></li> <li><a href="">http://ahiufomasao.hp.infoseek.co.jp/">掲示板</a></li> <li><a href="tantai/link.html">リンク</a></li> <li><a href="ahiufomasao■yahoo.co.jp(お手数ですが、■を@に直して送ってください。)">メール</a></li> </ul> </div> <div id="update"> <h2>主な出来事</h2> <ul> <li>2006/07/07 <ul> <li>「爆裂スライムシ」AS3ver公開!</li> </ul> </li> <li>2006/05/15 <ul> <li>サイトを模様替えしました。</li> <li>トップFlashを変更。</li> </ul> </li> <li>2006/04/08 <ul> <li>掲示板が変りました。</li> </ul> </li> <li>2006/04/03 <ul> <li>トップFlashを変更。</li> </ul> </li> <li>2006/02/06 <ul> <li>”Flash”に「爆裂スライムシ」追加!</li> </ul> </li> </ul> </div> <address>Copyright (C) 2004-2006. AsahiUho All rights reserved.</address> </div> </body> </html>
swfを貼り付けるタグあたりが少々気になるところですが後で考えます。
しかし、簡単なレイアウト用CSSを適用してみますと
早速IE6とFirefox1.5とで表示の誤差が出てしまいました。
こういう事態になると非常にやる気をそがれます。