オリジナルサイトをつくる

概要

今日から、本格的にオリジナルのサイトを作っていきます。

流れ

  • PhotoshopIllustratorを用いてサイトのデザインをつくります。
  • どうやってHTML/CSSを組んだらいいかを考えます。
  • 実際にフォルダをつくって、作業を開始します。

まずはグラフィックソフトでデザインをつくる

※好きなツールを使って大丈夫ですが、こだわりが無ければPhotoshopでつくりましょう。

  • ファイル作成時のカンバスサイズはヨコ1366px, タテ768pxでつくると実際のサイズに近い(タテに長くなる場合は適宜カンバスサイズの高さを調整)
  • aboutページなど、複数ページがある場合はページ分HTMLをつくります

  • 参考PSD

https://www.dropbox.com/sh/alwc8ta98mlrtk5/AABz18IG8YM_3DxpsUayeaeIa?dl=0

参考サイト

AWWWARDS ( http://www.awwwards.com/ ) など

ざっくりとした流れ

  1. つくりたいものを確認
  2. デザインをつくる
  3. HTML, CSSを用いてコーディング

なお、流れを再び確認したい場合は、下記スライドをチェックしてください。 わからないことがあれば随時聞いてください。

宿題

サイトを完成させる