対象者 | プログラミングを行なったことのない初心者の方 | ||
---|---|---|---|
学習目標 | CSSを習得する | ||
ダウンロード テキスト |
あり | ||
動作環境 | こちらからご確認ください | ||
レッスン数 | 28レッスン | 標準学習時間 | 約4時間 |
- トップ
- 講座
- CSS講座
CSS講座
Webページは、HTMLやCSS、JavaScriptなどさまざまなプログラミング言語を記述して作られています。その中でCSSはHTMLで記述した文章の論理構造に文字の色やサイズ、ページのレイアウトなどのページの装飾を行うための言語です。HTMLはWebページの骨格で、CSSで肉付けし、見た目を整えていくといったイメージです。
この講座ではその見た目を整えるためのCSSを学んでいただきます。
現在Web制作の第一線で活躍しているクリエイターが基本知識だけでなく、実際の制作現場で求められるノウハウやスキルに即した解説を行うので、すぐに使える技術が身につきます。
知識・スキルをしっかり定着できる講座構成
解説動画と理解度をチェックする問題が一組になった講座構成になっております。
問題を解くのは、解説動画を見る前でも見ながらでも見た後でもかまいません。
重要な箇所を問題として出題しているため、もし間違ってもすぐに動画を見直すことで、知識が定着しやすくなります。
また、知識を身につけても実際にページが作成できなくては意味がありません。講座のまとめである総合演習では、作成したページの添削を行いますので、自分のコーディング力のレベルが分かり、より実力が付いた上で現場で仕事ができるようになります。
カリキュラム
No. | タイトル |
---|---|
1 | CSSの役割と書き方 |
2 | style属性としてのCSSの指定 |
3 | style要素としてのCSSの指定 |
4 | CSSファイルの作成と指定 |
5 | IDセレクタとクラスセレクタ |
6 | その他のセレクタと詳細度 |
7 | 先生インタビュー |
8 | フォント |
9 | 色とその指定 |
10 | 位置と間隔 |
11 | 背景の指定 |
12 | 罫線 |
13 | 罫線の修飾 |
14 | ボックス |
15 | 回り込みの解除 |
16 | 段組み |
17 | フレキシブルボックス |
18 | インラインフレームとナビゲーションメニュー |
19 | 先生インタビュー |
20 | 要素の変形 |
21 | 要素の変化 |
22 | アニメーション |
23 | レスポンシブデザインとは |
24 | メディアクエリ |
25 | レスポンシブデザインの実際 |
26 | グリッドシステム |
27 | 総合演習 |
28 | 模範解答 |