『自分の仕事は自分でクリエイト』を目指す新米クリエイターたちのアウトプット用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コーディングの完成形までの過程をが知りたい方

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

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

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

関連記事

Webデザイナー向けオンラインスクール・オンラインサロン
ポートフォリオの作り方とWordPressが学べる動画講座

新米クリエイターズ Webメディア部

『自分の仕事は自分でクリエイト』を目指す新米クリエイターたちのアウトプット用Webマガジン。

Web・DTPデザイナー・会社員・アルバイト・ライター・ブロガー・主婦・子育てママ...etc。
現在の肩書きは違えど目指すところは皆「フリーランスのWebデザイナー(クリエイター)」

日々の学びやお役立ち情報をブログで発信・アウトプットをしながらWebの世界でコンテンツを配信する、
Webサイトを運営する、アクセスを集めるってどんなことなのか?を体感していきます。

新米クリエイターならではの気づきや学び、Webデザイナーの腕を磨いていく模様をリアルに感じていただけます!