生存報告も兼ねて
ご無沙汰しております。前回1月の更新から早半年以上、既に卒業制作は終わり、働いてます。
卒業制作作品は入選し、良い学生生活の締め方になったのではないかなと、自負しております。
さて今回はですね、xhtmlを勉強しましてサイトの放置さが素晴らしいことになってたんで、いっそ改装してしまおうかと。まぁ、毎度のパターンになりつつありますが・・・。改装する際に取り入れたことは
・フルCSS
・CSSリセット
まずは、テーブルタグから卒業しようと思いましてフルCSSを採用。ページ自体も軽くなりますしね。で、CSSに依存するとなったら、各ブラウザの表示差異が怖くなってくるのでCSSリセット。
リセット用のCSSは、これといって共通したデータファイルが、自分で調べた限りでは、有るわけではないらしいのでファイルを落とせるリファレンスサイトから借りてくるといいかと。
毎度の事ですが制作を進めるほどにIE6が、というか、IEが嫌いになっていきます。なんだって、あんなひねくれて表示させるんだろ・・・。もう少し理解度が上がったらテンプレを作ってみたいと思います。
動作確認ブラウザはwinでIE6、7・Firefox2.0・Opera9.20・Lunascape 4.3.2・Sleipnir2.5.17
macでFirefox2.0、Safari2.0.4 ちょっとしたズレはIE6であったものの、おおむね良好。
それからイラストと詩のページのインラインフレームを取っ払ってみました。サイト制作当初からフレームに頼ってるとこがあったんで、一度なしで作ってみたかったんです。フレーム有った方が制作・管理は簡単なんですけどね。SEOを意識してとかいうものではなく、挑戦です。面倒でした。はい。
サイトを改装するのは、だいたいレンタルサーバーの契約更新の時にサイトの存在を思い出して取り組んでいるのが常なのですが、過去のhtmlを見る度に、何という書き方してんだと凹みます。
一番最初に作ったのは高2の時なんですが、酷いとかいうレベルじゃなく目も当てられません。フォントの書体(英角ポップ体など)を指定したり、imgタグにaltがなかったり、テーブルタグを乱用していたり等々。展示してあるイラストのデータ化もなかなかの駄目っぷりで。悲惨。ワハハハハ。
次のがフレーム＋黒背景・白文字。色々な意味で優しくない作りです。この配色デザインが一番長かったかな。『目が疲れるんだよ馬鹿！』と思いながらも閲覧してくださった方々に深くお詫びします orz
んで、前回のが鬼のようにdivやspanを使用した、所謂『div厨』な作り。どの程度から厨と呼んだらいいか分かりませんが、前回のは断言できます。div厨でした。
独学で、ちょっとずつではありますが、これからも精進していきたいと思います。
2007/09/21
<
log