Webサイト制作実践講座(後編)

イラストレーターの画像を起こして、CSS/HTMLでコーディングしていく作業の 全体を習得します。 Web デザイン、HTMLやCSSのスキル、イラストレーターを 統合的に組み合わせた実践講座になります。

レベル

ふつう

期間

1日約1時間で 7日間

レッスン


CSSの初期設定

全ページ共通部分をまず設定して効率的に作業をすすめていきます

CSSでヘッダー部分を作成する〜その1

完成画像を見ながら、CSSでヘッダー部分を作成してきます。

CSSでヘッダー部分を作成する〜その2

引き続き、完成画像をみながらCSSでヘッダー部分を作成していきます。

CSSでメインフィーチャーを作成する

完成画像をみながらCSSでメインフィーチャーを作成していきます。

CSSでメインナビを作成する

完成画像をみながらCSSでメインフィーチャーのナビゲーションを作成していきます。

CSSでブログ部分を作成する

完成画像をみながらCSSでブログ部分を作成していきます。
これで一応の完成になります。

全体のフローの振り返り

イラストレーターからデザイン起こしてCSS/HTMLでコーディングしていく作業
の振り返り