Webサイト制作実践講座（前編）
イラストレーターの画像を起こして、CSS/HTMLでコーディングしていく作業の全体を習得します。 Web デザイン、HTMLやCSSのスキル、イラストレーターを統合的に組み合わせた実践講座になります。
レベル
ビギナー
4レッスン
0h00m
イラストレーターの画像を起こして、CSS/HTMLでコーディングしていく作業の全体を習得します。
Web デザイン、HTMLやCSSのスキル、イラストレーターを統合的に組み合わせた実践講座になります。
レッスン内容
-
1
設計図からWebサイトを作るフロー
イラストレーターで作った設計図から画像を切り出して、それを見ながらHTML/CSSを書いていく作業の全体のフローを習得します。 このビデオは、画像を切り出していく部分にフォーカスします
-
2
IDとCLASSを設計する
IDとCLASSを使い分けて、Webサイトの設計作りを学んでいきます。
-
3
設計図からHTMLを大まかに組んでいく
イラストレーターで作った設計図をみながら、bodyの中におおまかなHTMLを組んでいきます。ブラウザーで確認しながら作業を進めていきます。
-
4
HTMLにコンテンツを入れてみる
設計したHTMLに対して、その中身を入れていきます。 まずはヘッダー部分から入れてみましょう
無料申し込み期限
5月9日まで
募集
人数
100名
（残りわずか）
