• 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デザインメルマガ講座から体験してみよう!

登録作業はわずか10秒!
パソコン・スマートフォン・タブレットでWebデザインのスキルがアップするメルマガを無料で受信できます!

【メールマガジン登録フォーム】
お名前(姓)*
お名前(名)*
メールアドレス*
  • Webデザイン講座
  • レスポンシブWebデザイン作り方講座
  • Webデザインまとめサイト

PAGE TOP