WEBデザインに関して、HTMLとCSSしかできません。

＞素人ぽい→プロへ、スキルUPしたい。

整理事項

・HTML・CSSスキル、素人臭いサイト制作。

・デザインセンスUP、小綺麗なサイト。

[1]実践的な本、解説サイト、外注先等

サイトのトップから下層まであり、容易にカスタマイズでき、お勧めです。

・おしゃれなホームページのデザイン テンプレート・コレクション

・おしゃれなネットショップのデザイン テンプレート・コレクション

[2]プロが使う素材屋

・アマナ

ttp://amanaimages.com/indexTop.aspx#

[3]掲載サイトを制作（具体的に）

掲載の「プロのサイト」に関してですが、残念ながら、素人の域を出していないと言う人が多い。

のではないでしょうか。

(1)どうやって勉強？

・サイトを分析。

(2)書籍購入？

・購入しない。

(3)外注先？

・外注しない。

HTML/CSSの知識があり小奇麗なサイトを作りたいということなので、

WEBデザインのルールについて学んではいかがでしょうか。

たとえば。

http://www.webcreatorbox.com/tech/design-element-principle/

配色の設計やレイアウト、フォントの選択などデザインの手法を学べば

見た目は整えられます。

その上でPhotoshopなどでパーツデザインやソフトウェアの機能、Tipsなど

を試していけば効果的だと思います。

本だとこんな感じのやつ。WEBデザインで検索かければいっぱいあります。

だいたい広く浅くデザインについて書かれているか、分野に特化したもの、

ツールの使い方を説明したものやTips集などに分けられます。

http://www.amazon.co.jp/dp/4797354437/

http://www.amazon.co.jp/dp/4767810574/

http://www.amazon.co.jp/dp/4881081438/

http://www.amazon.co.jp/dp/4881081535/

画像についていえば他の方が挙げられているとおりアマナなどのサイトで

買えば高品質なものが買えるでしょう。ストックフォトで検索してみてください。

GimpやCodaなどAdobe以外のツールでも

問題はないですがツールはPhotoshopとDreamweaverがあればとりあえずOK。

IllusoratorとFlashは必要に応じて。

PhotoshopのTipsはWEBでも本でもいっぱいあるので適当にググればいいものが

あるのでお好みのデザインに近いスタイルのものをチョイスすると早いと思います。

ホームページの制作会社を経営しています。

プロが作るホームページと素人が作るホームページの違いは、設計をきちっとして、それに従って作っているかどうかです。

建築にしても、コンピュータのプログラムにしても、何にしてもそうですけど、物を作るには、まず、設計です。

１．中身の設計

ホームページの中身やその内容を綴ったサイトドラフトです。手書きでも結構ですし、ワードなどのワープロソフトで作成しても良いです。

理想は、htmlで作成するのが良いです。

２．見た目の設計

デザインラフと呼ばれる物です。手書きでも結構です。

理想は、Photoshopで作成するのが良いです。

３．CSSの設計

１と２の作業が終了したら、両方を見ながら、各タグの割り当てと、クラスやidの設計を行います。

これも手書きでも構いません。

理想は、xhtml+cssでテンプレート化していくのが良いです。

４．実作業

１～３までの作業を繰り返し行い、全て整った所で、実作業に入ります。

慣れてくると、設計を頭の中でやってしまい、実作業をいきなりする人も多く居ます。しかし、頭の中では、１～３の作業を何度も繰り返し、答えを持った上で作業をしています。

また、短納期に対応するため、企画部分、デザイン部分、コーディング部分を分業化することも多く、一人で作業をするとなるとそれなりの時間が掛かります。

デザイン部分においては、Photoshopのシェイプやブラシなどを設定して、高速にデザインを進めます。よって、デザインの細部を見ると、同じものを使っているケースが多いです。

コーディング部分は、基本的にYUIライブラリーをお手本にテンプレート化して、高速にコーディングを進めます。

弊社の社長が実際に1年間掛けて、作ったサイトがあります。

こちらを参考にして貰えると丁度良いかと思います。

「鈴木智子のホームページのアクセスアップ講座」