• Webデザイン学習素材

Webデザインの学習に XHTML・CSS・PSDのフリーテンプレートを配布します。

Webデザインの学習に XHTML・CSS・PSDのフリーテンプレート

XHTML・CSSのフリーテンプレートを配布します。

数年前に作ったもので、ちょいとデザインが古い感じがしますが、CSSを変更すれば今どきのWebデザインにも変更可能です。

シンプルで使いやすい構造で、Movable TypeなどのCMS向けのテンプレート作成の練習にも使えるよう、トップ、カテゴリー、エントリーページを用意しています。

編集しやすいようにPSDファイルもついていますので、ロゴや見出しのカラーを変えるだけで簡単にイメージを変えられます。

著作権表示やリンクの必要もありませんので、個人、商用を問わず、どうぞご自由にお使いください。

temple_2left_100.jpg

テンプレートの特徴は以下の通りです。

  • Web標準(世界標準化団体(W3C))に準拠
  • MTサイト構築の練習用にもなります。
  • コンテンツが少ない場合でも、フッターを常にブラウザの下部に固定
  • フォントサイズを相対値で指定しています。
  • Win IE6-8 Firefox Safari GoogleChromeで表示確認しています。

こんな方にオススメです。

  • Webデザイナーを目指されている方
  • XHTML、HTML、CSSを勉強中の方
  • Photoshopのデザインカンプからスライス機能で書き出し、CSSコーディングの完成形までの過程をが知りたい方

是非、学習材料にしてみてください。

テンプレートは以下からダウンロードできます。


この記事が気に入ったら
いいね!しよう

最新情報をお届けします

TwitterでWebcreatorsTipsをフォローしよう!

この記事をシェアする



こちらで「フリーランスWebデザイナーになる方法」をテーマに「フリーランスWebデザイナーズマガジン」というメルマガを配信しております。

フクモトが未経験から「フリーランスWebデザイナー」になるまでのスキルアップ方法や考え方、安定的に収入を得られるまでの具体的な方法をお伝えし、あなたの働き方、収入にプラスになるような内容を配信してまいります。

ぜひ、ご登録ください。

メルマガに登録してみる
  • Wordpressオリジナルテーマ作り方講座
  • Webデザイン講座
  • レスポンシブWebデザイン作り方講座

PAGE TOP