コースの概要
下記よりコースを選択してください。
CSS講座Ⅰ
学習時間
90分
講座の内容解説
CSSに触れたことがない方でも、基礎から学べる講座です。CSSの基礎である役割と書き方、セレクタについて学びます。
ここがキャリアアップ
HTMLで記述した文章の論理構造に文字の色やサイズ、ページのレイアウトなどのページの装飾を行うための言語であるCSSの基本・セレクタを学習することは、Web制作のクリエイターとしてキャリアアップに繋がると考えます。
Point!
CSSの基礎を学ぶことができる
役割と書き方、セレクタについて学ぶことができる
HTMLで記述した文字の色やサイズなどの基本を学ぶことができる
CSS講座Ⅱ
学習時間
60分
講座の内容解説
CSSに触れたことがない方でも、基礎から学べる講座です。サイトを彩る文字の装飾や段落の位置、背景画像の設定などを学びます。
ここがキャリアアップ
HTMLで記述した文章の論理構造に文字の色やサイズ、ページのレイアウトなどのページの装飾を行うための言語であるCSSの文字と段落・背景と画像を学習することは、Web制作のクリエイターとしてキャリアアップに繋がると考えます。
Point!
CSSの基礎を学ぶことができる
文字の装飾や段落の位置、背景画像の設定を学ぶことができる
HTMLで記述した文字の色やサイズなどの基本を学ぶことができる
CSS講座Ⅲ
学習時間
90分
講座の内容解説
CSSに触れたことがない方でも、基礎から学べる講座です。デザインに利用できる罫線や余白、ボックスやレイアウトを学びます。
ここがキャリアアップ
HTMLで記述した文章の論理構造に文字の色やサイズ、ページのレイアウトなどのページの装飾を行うための言語であるCSSの文字と段落・背景と画像を学習することは、Web制作のクリエイターとしてキャリアアップに繋がると考えます。
Point!
CSSの基礎を学ぶことができる
デザインに利用できる罫線や余白、ボックスやレイアウトを学ぶことができる
HTMLで記述した文字の色やサイズなどの基本を学ぶことができる
CSS講座Ⅳ
学習時間
90分
講座の内容解説
CSSに触れたことがない方でも、基礎から学べる講座です。要素の変形・変化やアニメーションのつけ方、また、レスポンシブデザインとは何か?を学ぶことができる講座です。
ここがキャリアアップ
HTMLで記述した文章の論理構造に文字の色やサイズ、ページのレイアウトなどのページの装飾を行うための言語であるCSSの変形とアニメーション・レスポンシブデザインを学習することは、Web制作のクリエイターとしてキャリアアップに繋がると考えます。
Point!
CSSの基礎を学ぶことができる
要素の変形・変化やアニメーションのつけ方などを学ぶことができる
HTMLで記述した文字の色やサイズなどの基本を学ぶことができる
CSS講座V
学習時間
150分
講座の内容解説
CSS講座でこれまでに学んだことを使って実際に演習をし、模範解答を確認します。
ここがキャリアアップ
HTMLで記述した文章の論理構造に文字の色やサイズ、ページのレイアウトなどのページの装飾を行うための言語であるCSSを使って演習をして実際にページを作成することは、Web制作のクリエイターとしてキャリアアップに繋がると考えます。
Point!
CSSの講座で学んだことを実際に演習できる
ページのレイアウトなどのページの装飾を行うための言語であるCSSを使って演習をして実際にページを作成できるようになる
カリキュラム
CSS講座Ⅰ
CSSの基本
CSSの役割と書き方11分
style属性としてのCSSの指定15分
style要素としてのCSSの指定12分
CSSファイルの作成と指定14分
セレクタ
IDセレクタとクラスセレクタ16分
その他のセレクタと詳細度18分
先生インタビュー4分
CSS講座Ⅱ
文字と段落
フォント18分
色とその指定13分
位置と間隔14分
背景と画像
背景の指定15分
CSS講座Ⅲ
罫線と余白
罫線17分
罫線と修飾15分
UNIT2
ボックス18分
回り込みの解除9分
段組み11分
フレキシブルボックス9分
インラインフレームとナビゲーションメニュー8分
先生インタビュー3分
CSS講座Ⅳ
変形とアニメーション
要素の変形18分
要素の変化13分
アニメーション13分
レスポンシブデザイン
レスポンシブデザインとは12分
メディアクエリ12分
レスポンシブデザインの実際12分
グリッドシステム10分
CSS講座V
総合演習
総合演習135分
模範解答15分