デジタルハリウッド(専門スクール)

STUDIO沖縄

0800-500-0481
沖縄都市モノレール「県庁前」駅から徒歩3分。沖縄のIT業界をリードする企業と共にプロフェショナル育成に取り組むクリエイタースクール。

【ライブ授業】~CSS3講座~

2016.03.15

  • このエントリーをはてなブックマークに追加
  • pocket

【ライブ授業~CSS3講座~】

こんにちは!

本日、デジタルハリウッドSTUDIO沖縄で
ライブ授業「CSS3講座」を開講しました(^▽^)♪

CSS3講座では、CSS3の概要を説明するのはもちろん、
実際にCSS3のコードを書いて制作してもらう授業内容になっています!



ライブ授業 ~CSS3講座~



………………………………………………………………………………

~CSS3とは?~

ウェブページのスタイルを指定するための言語
CSS(Cascading Style Sheets、カスケーディング・スタイル・シート)の第三版。
新たに文字の縦書き、段組、ルビ、角丸、文字や図形の影など、
便利な仕様が追加されています。

………………………………………………………………………………

CSS3の概要を学んだ後は、いよいよ実践です!
ブラウザを立ち上げ、角丸、ボックスの影、色の透過、
グラデーション、アニメーションを書いていきます。



ライブ授業 ~CSS3講座~



たとえば角丸については、角が90度の四角形を
「border-radius」と記述を追加することで、
角丸に変形させることができます。

ボックスの影は「box-shadow」、
線形グラデーションは「linear-gradient」、
円形グラデーションは「radial-gradient」など、
これまでの記述にCSS3コードを追加することで変更できますよ♪

CSS3を記述する前と後の変化をブラウザで確認すると、
「コードを追加するだけで、角丸が表現できるんだ!」
「ボックスの影は、クリックした時のボタンに使いたい!」
と、受講生もさらにCSS3の使い方が理解できていました♪



ライブ授業 ~CSS3講座~ 

 

ライブ授業では、CSS3で表現できる仕様を
「実際のサイトでは、どのように使ったらいいのか」
までトレーナーが教えています!
ぜひ、皆さんもサイト制作に活かしてくださいね(≧▽≦)

授業見学&体験してみよう!

【STUDIO沖縄/スクール説明会(無料)】
未経験からIT業界へ就転職!≪友達ご家族ご一緒OK!≫

カリキュラム、業界・就職などのご相談はもちろん、ひとりひとりのお仕事や経験状況に応じ、通い方、学習方法などもアドバイスします。
希望者は見学や体験受講もOK。まずは、お気軽にご参加ください!

無料説明会のお申し込み