CSS3 によるWebページデザイン ～CSSだけで、ここまで出来る～
| 期間 |
1日間 |
時間 |
9:30～17:30 |
| 価格(税込) | 44,000円(税込) |
主催 |
|
| コース種別 |
集合研修 |
|
| 形式 |
講義＋実機演習 |
コースコード |
WSC0023G |
※「キャンセル待ち」でお申し込みの方には、別途メールにてご連絡いたします。 ※「実施確定」表示のない日程は、お申し込み状況により開催中止になる場合がございます。 ※ お申込期日が過ぎた日程は、 「お問い合わせください」と表示されます。 ※ トレノケート主催コース以外の空席状況は、残席数に関わらず「お申し込み後確認」と表示されます。 ※ トレノケート主催コース以外では、主催会社のお席を確保した後に受付確定となります。 お申込みに関するお問い合わせは こちらから
|
|
|
|
ワンポイントアドバイス
|
PC やスマートフォン、タブレットなどのクロス デバイスをサポートする Webページ作成を目指す、Webコンテンツ編集者の方におすすめです。
|
|
対象者情報
| 対象者 |
・既に HTML を使って Web ページを編集している方
|
| 前提条件 |
□HTML 4.01、XHTML、CSS2.x 、 JavaScript などを使ってページが編集できる
□あるいは「WSC0105G(基礎から学べるHTML ～CSS とJavaScript を使用したWebページの作成～)」を受講済みと同程度の知識があること
|
|
学習内容の詳細
|
コース概要
|
このコースでは、Webコンテンツ編集者にとって必須技術と言えるCascading Style Sheets（CSS)について学習します。
Webサイトのレイアウト、配色を CSS により定義し、PC やスマートフォン、タブレットなどのクロス デバイスをサポートするレスポンシブ Web デザインの手法を学習します。
|
|
学習目標
|
● CSSを使用してWebページ間で表示を統一する
● CSSを使用してWebページのレイアウトを編集する
● CSSを使用してWebページを効果的に配色する
● CSS3 を活用しレスポンシブ Web デザインを適用する
|
|
学習内容
|
1. CSS基礎
- 継承
- セレクタ
2. レイアウト
- レイアウト概要
- ナビゲーション
- レイアウトパターン
- レスポンシブ Web デザイン
3. 配色
- 配色概要
- 基本ルール
- 配色パターン
|
|
実習/演習内容詳細
ソフトウェア
ハードウェア |
Windows 10
Visual Studio Code
Chrome
Firefox
Safari
Opera
|
| 演習/デモ内容 |
CSS ルールセットの定義のみで画像ギャラリーページのスタイル指定を行います
|
|
ご注意・ご連絡事項
内容は予告なく変更になる可能性がございます。
最新情報は本Webページにてご確認ください。
|
【本コースはオンライン対応です】
会場が「オンラインLive」または「教室Live配信」の日程は、オンラインでご参加いただけます。
・オンラインLive：受講者の方はオンラインのみとなります。
・教室Live配信：教室・オンラインから受講される方が混在します。
|
|
受講者の声
●『説明の速さ、トーン全て適切であったと考えます。』