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

この講座はプレミアムプランに含まれています。

プレミアムプランを見る

≫ 現在741人が受講中 ≪

Webkoutiku2
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88 2014 05 01 11.29.15

1
CSSの初期設定 (05:03)

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

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88 2014 05 01 11.34.37

2
CSSでヘッダー部分を作成する〜その1 (10:51)

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

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88 2014 05 01 11.37.30

3
CSSでヘッダー部分を作成する〜その2 (10:51)

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

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88 2014 05 01 11.40.05

4
CSSでメインフィーチャーを作成する (05:25)

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

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88 2014 05 01 11.45.29

5
CSSでメインナビを作成する (07:47)

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

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88 2014 05 01 09.54.17

6
CSSでブログ部分を作成する (07:53)

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

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88 2014 05 01 11.51.16

7
全体のフローの振り返り (03:12)

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

受講生 741

Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40
Picture?width=40

人気講座TOP5

  • Css3
    HTMLを装飾するためにはCSSという言語を学びます。CSSも非常に単純なのでその気になれば1...
  • Html kouza
    学びたいけれどもHTMLって難しそうなんて思っている人のための講座です。HTMLはすごく簡単で...
  • Webkoutiku1
    イラストレーターの画像を起こして、CSS/HTMLでコーディングしていく作業の 全体を習得し...
  • Photoshop kouza
    Webデザインに必要なIllustratorの機能を覚えながら、Webページ作りに必要な理論を...
  • Deploy
    WebサーバーのデファクトスタンダードであるApacheに関する事やドメインに関する事などを学...