Webtant オンラインスクール 分単位のスキ間時間に知りたい内容だけ受講できる!

CSS3

CSS3入門セミナー

  •  一般
  •  会員 20%off
       ・メールマガジン読者様(ダイサポ/ウェブタント通信
       ・派遣先企業様 ・サポタント派遣登録スタッフ ・元派遣スタッフ
  •  特別会員 50%off
       ・サポタント現就業スタッフ 

    

セミナー内容

全章まとめて購入する 再生時間 : 158分59秒

見よう見まねではなく、実習を通じて新しいCSS3プロパティを実装します。
CSS3で追加されたプロパティ、セレクタの中でも実務ですぐに使いたい角丸や各種シャドウなど、実用的なプロパティをeラーニング方式で実習して習得できます。

【制作環境】
 TeraPad(フリーソフト)を利用していますが、その他お手持ちのテキストエディターでも実習可能です。

【データについて】
・セミナー動画は(wmv)はストリーミング再生専用
・実習データ(zip)はダウンロードしてご利用ください

【視聴できる期限について】
 無期限でいつでも繰り返し視聴できます。

【無料】 サンプル動画を再生:1分31秒

一般価格:15,900円(税込)

会員価格:12,720円(税込)

1章 CSSの概要 再生時間 : 5分25秒

CSS3とはなにか?CSS3になって出来るようになった代表的な4項目を解説しています。

一般:500円(税込)購入する
会員:400円(税込)購入する
特別会員:250円(税込)購入する

2章 CSS3利用の注意点 再生時間 : 20分34秒

ブラウザごとに記述が必要なベンダープリフィクスの使用例や、CSS3の利用が全滅となる
IE8以下のバージョン対策など仕事でCSS3を利用する際の注意点を解説しています。

一般:2,000円(税込)購入する
会員:1,600円(税込)購入する
特別会員:1,000円(税込)購入する

3章 セレクタ(概要・属性セレクタ) 再生時間 : 11分35秒

CSS3で使えるセレクタの紹介、CSS3で追加された「間接セレクタ」「属性セレクタ」を解説し、
使いどころを実習します。

一般:1,200円(税込)購入する
会員:960円(税込)購入する
特別会員:600円(税込)購入する

4章 セレクタ(疑似クラス・その他) 再生時間 : 21分37秒

CSS3の中で大幅に拡張された記述の大半を占める「疑似クラス」のchild系とof-type系の
違いなどを解説し、使いどころを実習します。

一般:2,200円(税込)購入する
会員:1,760円(税込) 購入する
特別会員:1,100円(税込)購入する

5章 border-radius 再生時間 : 6分21秒

これまで画像を準備して背景に設定して…と面倒な手順が多かった角丸デザインを
CSSだけで再現できる待望の新プロパティを実習を通じて習得します。

一般:600円(税込)購入する
会員:480円(税込)購入する
特別会員:300円(税込)購入する

6章 text-shadow 再生時間 : 8分10秒

IE8以下はHTML5の新要素を認識できないため、html5.jsやdisplay:block;などを使って
表示させるための方法を解説します。

一般:800円(税込)購入する
会員:640円(税込)購入する
特別会員:400円(税込)購入する

7章 box-shadow 再生時間 : 11分32秒

要素に対して影を付けることができるプロパティ。影の方向、ずれ、ぼかし具合、影の色、
広がり具合の設定を実習します。このプロパティをスマホサイトで使用する際の注意点もあります。

一般:1,200円(税込)購入する
会員:960円(税込)購入する
特別会員:600円(税込)購入する

8章 border-image 再生時間 : 7分55秒

境界線に画像をあてはめるプロパティを実習します。
少し特殊な記述(stretch、repeat)を丁寧に解説しています。

一般:800円(税込)購入する
会員:640円(税込)購入する
特別会員:400円(税込)購入する

9章 multipul background 再生時間 : 10分56秒

CSS2以前までにもあったbackground-imageプロパティの仕様変更で、1つの要素に複数の
背景画像を設定できるのがCSS3以降の新しい特徴です。
複数背景画像を使って背景色とのコンビネーションを実習。
CSS3を使う場合の補完として知っておきたいフォールバックの解説もあります。

一般:1,100円(税込)購入する
会員:880円(税込)購入する
特別会員:550円(税込)購入する

10章 linear-gradient 再生時間 : 19分33秒

グラデーションを使うための必要な記述。2色と多色のグラデーション色指定を実習します。
プリフィックスが取れた後、変更となった記述の違い、
スマホサイト、IE10で使用する際の注意点も解説しています。

一般:2,000円(税込)購入する
会員:1,600円(税込)購入する
特別会員:1,000円(税込)購入する

11章 メディアクエリ 再生時間 : 22分58秒

従来のmedia属性(screen、print等)の拡張。メディアによって切り分けるのではなく、
スクリーンサイズに応じてレイアウトを変られるなど、読み込むCSSを切り替える
この新しい手法を利用したレスポンシブWEBデザインの概念を紹介し、
重要となる条件式の書き方を3種類の練習問題を実習しながら解説しています。

一般:2,300円(税込)購入する
会員:1,840円(税込)購入する
特別会員:1,150円(税込)購入する

12章 CSS3 PIEの使い方 再生時間 : 12分18秒

IE8以下でもCSS3プロパティの一部を使えるようにするスクリプトのこと。
できること、できないことの解説と実際に使用する方法や注意点、
よくあるトラブルと対策方法を解説しています。

一般:1,200円(税込)購入する
会員:960円(税込)購入する
特別会員:600円(税込)購入する

講師紹介

草野あけみ氏の顔写真
草野あけみ氏

2004年に独立し、フリーランスで(X)HTML+CSSコーディング専門のWEBクリエーターとして第一線で活動中。
現場でつかわれる実践テクニック、時間短縮のコツなどおしみなく伝授。
シンプルで分かりやすい(X)HTML+CSSソースのコーディングに定評あり。
著書:HTML&CSS標準デザイン講座 【HTML5&CSS3対応】 2013年3月発行

受講生の声

K.M.さん女性

CSS3でできることの多さにびっくり!新規サイト制作の実務で役立てます。

K.T.さん男性

現状でCSS3を使用する方法がわかって満足度5点満点です。実務でページ制作に活かします。

D.A.さん女性

初めてHTML5+CSS3について勉強しましたが、全く何も知らない状態から、こんな風に使えるんだという具体的な内容が理解できるようになって、本当によかったです。また、ちゃんとI.Eへの対応など実際に使う時の注意点を教えてもらえたり、参考サイトを教えていただけたので、今後独自でも勉強していけると思いました。