派遣のナレッジ

キャリアアップ教育訓練から法改正のことまで。派遣会社のお役立ち情報サイト

CSS講座

Webエンジニア入門編

詳細PDFダウンロード

  • スクリーンショット
  • スクリーンショット
  • スクリーンショット

コースの概要

下記よりコースを選択してください。

  • CSS講座Ⅰ
  • CSS講座Ⅱ
  • CSS講座Ⅲ
  • CSS講座Ⅳ
  • CSS講座V

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分

お申込み・相談はこちら

受付時間:10:00〜18:00