Webサイト制作実践講座（前編）

レッスン内容

• 1

  設計図からWebサイトを作るフロー

  イラストレーターで作った設計図から画像を切り出して、それを見ながら
  HTML/CSSを書いていく作業の全体のフローを習得します。
  このビデオは、画像を切り出していく部分にフォーカスします

• 2

  IDとCLASSを設計する

  IDとCLASSを使い分けて、Webサイトの設計作りを学んでいきます。

• 3

  設計図からHTMLを大まかに組んでいく

  イラストレーターで作った設計図をみながら、bodyの中におおまかなHTMLを組んでいきます。ブラウザーで確認しながら作業を進めていきます。

• 4

  HTMLにコンテンツを入れてみる

  設計したHTMLに対して、その中身を入れていきます。
  まずはヘッダー部分から入れてみましょう