ウェブデザイン&プロダクション

2011.02.09

ウェブサイト制作:デザインテンプレート5種

ウェブサイト用
デザインテンプレート制作

少し前になりますが、ウェブサイト用(何らかのCMSと思われる・・・詳細不明w)のHTMLテンプレートデザイン制作させていただきました。Phoshop等でデザインしたものを、HTMLコーディングして納品する、というお仕事です。(サムネールをクリックすると、コーディング済みサンプルページにジャンプします。)



コーディングには以下のルールが求められました。

・原則Web 標準準拠。
・(X)HTML+CSS で行う。スタイル要素(色や位置、サイズなど)は全て外部CSS に記述する。
・パスは全てドキュメントルートからの絶対パスとすること。
・h1 タグなど、見出し要素を適切に使用する。
・JavaScript は使用しない。
・IE6・IE7・FireFox3 で表示確認をする。
・XHTML1.0 Transitional + CSS、文字コードUTF-8 で作成する。

その他、各見出しには改行しても崩れないデザインにする、サムネールサイズは可変に対応する・・・など詳細なルールが決められていましたので、コーディングの面白さ(=大変さ)を存分に味わう事ができましたw

◎実はここで紹介しているテンプレートの倍ぐらいを制作させていただいたのですが、サイト自身がまだ公開されていないようなのでここでの公開は控えさせていただきます。


関連記事

Tags: ,,,

LINE STAMPLine Stamp

樋口こたつ&ミノムシのラインスタンプ、絶賛販売中です❤ スタンプキャラによる漫画もpixivにて超不定期連載中!!お暇なお嬢ちゃんお坊ちゃん方は是非お立ち寄りくださいッ

スライドショー内のスタンプをクリックすると、LINEストア内のスタンプページにジャンプします。