有機野菜の定期宅配のサイトをコーディングしてみよう

下記のデザインカンプのようにHTMLとCSSでレイアウトを組んでみよう。

条件

  • 新規フォルダ「root」に、index.html、style.css を作成
  • 下図通りにCSSでレイアウトしてください(デザインカンプのPSDファイルは記事最後にて配布)

デザインカンプ

デザインカンプ

PSDデータをダウンロード:design.psd

コーディングする時に…

このレイアウトにどれくらいの時間がかかるか計測してください。
ポートフォリオなどにその制作したものと時間を掲載していると、技量がわかりやすいのでオススメです。

 

WordPressサイト制作 短期集中講座@オンライン

夏休み・お盆休みの超ド短期決戦!朝活コース2020

サーバーとドメインの契約からWordPressでサイトを仕上げSEOの設定など、運用する準備までを整える超集中の夏期講習を行います。

8月9日(日)・8月10日(月)・8月11日(火)・8月13日(木)・8月15日(土)・8月16日(日)

モニター受講生徒募集中