TOP  >  WebDesign  >  psd+XHTMLでWEBサイトを構築するチュートリアル43選
2009年03月03日

psd+XHTMLでWEBサイトを構築するチュートリアル43選

皆さんはWEBサイトを制作する時にどんな手順を踏んでいるでしょうか?制作会社さん、個人によってもその方法は様々だと思いますが、今回紹介する「43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation」はphotoshopでデザインされたモックアップをXHTMLとCSSで組み上げていくまでのチュートリアルを集めたエントリーです。

cssxhtmlpsdtips01
How To Create a Horizontally Scrolling Site

全部で43個と様々なWEBサイト構築のためのチュートリアルが紹介されていますが、いくつか気になったWEBサイトのチュートリアルをピックアップして紹介したいと思います。

詳しくは以下

From PSD to HTML, Building a Set of Website Designs Step by Step
cssxhtmlpsdtips02
 
 
 
 
Build a Sleek Portfolio Site from Scratch – PSD+XHTML Tutorial
cssxhtmlpsdtips03
 
 
 
 
Blurry Background Effect
cssxhtmlpsdtips04
 
 
 
 
Fixed Footer Backgrounds with CSS
cssxhtmlpsdtips05
 
 
上記の他にも沢山のチュートリアルが公開されています。デザインもタイプが色々とありますので、自分が作るもの、作りたいもののイメージに近いチュートリアルを見ると良いかもしれませんね。習うより慣れろでWEB制作も一度こういったチュートリアルをこなせば、色々な発見があるかと思います。

海外のまとめエントリーなので言語は英語となりますが、普段WEBに携わっている方であればスクリーンショットを見ながら難なく理解できるかと思います。

43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation

posted 09:48  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る