※ ↑画像リンクになっております。クリックすると、制作サイトへ移動します↑ ※

• 制作時間

  約24時間（トップページのみ）

• 制作日数

  3日間（トップページのみ）

• 制作ツール

  Photoshop CS5
  Illustrator CS5
  Dreamweaver CS5

今回は、このサイトの本来の目的通り、ホームページ制作の練習として、架空のカフェ・サイトを制作してみました（まずは、形を見せることを最優先したため、今回は、トップページのみです）。
Photoshop、Illustrator、Dreamweaverの基本操作を覚えたてで、まだ、充分に慣れていないということもあり、時間はかなり掛かってしまいました。

この、『シューティングスター コーヒー』は、以前もご紹介した、『デジハリデザインスクールシリーズ』で取り上げられていた、例題を参考に、アレンジする感じで作りました。
手順としては、まず、Illustratorでワイヤーフレームを作成し、それを元に、Photoshopで、一からデザインしました。
デザインは、実在する、いくつかのカフェ・サイトを、参考にさせて頂きました。
OBJECTIF M2Cの制作時は、一度、HTMLとCSSだけで、試作品を作った後に、チュートリアル・サイト等を参考にしながら、Photoshopで、足りないパーツを作成した後、それを後付けして、完成させたような感じでした。
また、今回は、写真に限って、『フリー素材屋Hoshino』様から、お借りしました。
今後、練習で、またサイトを制作する際も、写真だけは、無料素材屋さんのものを使う予定です。

制作後の感想としては、今まで学習してきたことをベースに作業するにしても、その作業途中に、「あれ？こういう場合は、どうやるんだっけ？」という課題も、作業中は、色々と湧いてきますし、あまり使わないテクニックは、忘れがちにもなるので、何度も、参考書での制作方法を確認し直したり、色々と自分の頭で考えて、試行錯誤する、といった、プロセスが多かったです。
ある程度、基本を抑えたら、制作を重視した方が、復習としての効果は、高いのかもしれません。

HTMLやCSSの基本を、覚えたばかりの当初は、Photoshopでの、サイト・デザインは、物凄く、高いハードルに感じられましたので、今回の、自身の大幅なアップデートは、感慨深いものがあります。
「諦めずに、地道にコツコツ努力を積み重ねれば、初心者からのスタートでも、何とか、形は作れるんだな」といったことを、身を持って、体感しました。
とは言え、まだまだ、発展途上の段階で、覚えることは、山のようにありますし、今のスキルを、確かなものにするためにも、復習は欠かせません。
これからも、頑張ります。