イラストレーターの画像を起こして、CSS/HTMLでコーディングしていく作業の 全体を習得します。 Web デザイン、HTMLやCSSのスキル、イラストレーターを 統合的に組み合わせた実践講座になります。
イラストレーターで作った設計図から画像を切り出して、それを見ながら
HTML/CSSを書いていく作業の全体のフローを習得します。
このビデオは、画像を切り出していく部分にフォーカスします
IDとCLASSを使い分けて、Webサイトの設計作りを学んでいきます。
イラストレーターで作った設計図をみながら、bodyの中におおまかなHTMLを組んでいきます。ブラウザーで確認しながら作業を進めていきます。
設計したHTMLに対して、その中身を入れていきます。
まずはヘッダー部分から入れてみましょう