CSS / CSS3 マスターコース |70以上のレッスン、7時間以上のレッスンでCSSを基礎からマスター

このコースでは、70以上のレッスンを通じてCSSの基礎を体験し、実践的なスキルを身につけられます。

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

このコースは初心者向けに70以上のレッスンでCSSとCSS3を学ぶプログラムです。実践的なスキルも含めて、楽しく手軽にウェブデザインを学べます。

Key Points

  • 70以上のレッスンでCSSをマスター
  • CSS3に関する内容も充実
  • 初心者向けの構成で簡単に学べる
  • 実践的なスキルが身につく
  • 1000名以上の卒業生を持つ日本のWebデザインスクールの提供

Learning Outcomes

  • CSSの基本的な記述方法が理解できる
  • テキストスタイルやボックスのスタイルをマスター
  • 効果的なレイアウト技術を習得
  • さまざまなセレクタの使い方が学べる
  • 実際のウェブサイトを作成しながら学べる

About This Course

70以上のレッスン、7時間以上のレッスンでCSSをマスターするコースです。最新のCSS3に関する内容も充実しています。

CSS / CSS3を70位上のレッスン、7時間かけてしっかり学びます。
CSSを使ったレイアウトの組み方や、フォームのスタイルなど、CSSの基礎を学びつつ、実践的なスキルが身につきます。

1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


★こんな人におすすめ★

  • HTMLはわかるがCSSがまだできなくて始めたい人

  • 最新のCSSを学び直したい人


★特徴★

  • CSSを使ったレイアウトの組み方や、フォームのスタイルなど、CSSの基礎を学びつつ、実践的なスキルが身につく

  • 1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供

  • 5分程度の動画が70レッスン以上 充実した内容ですが、無理せず学べる



★内容★

(1)CSS入門 第一回

初めてCSSを学習する方向けに、CSSの基本的な記述方法をレクチャーします。 一つのサイトを作成する流れの中で、CSSで出来る事はどんな事なのか?その読み込み方法など、まずはじめに覚えるべき操作についてお話しします。 初心者向けに構成しているので、複雑な機能やショートカットキーは極力使わずに進めます

(2)CSS入門 第二回

簡単でかつはじめに覚えるべき、セレクターの書き方や、コメントアウトの書き方を学びます。 初心者向けに構成しているので、複雑な機能やショートカットキーは極力使わずに進めて行きます。 「CSS入門 第1回」の続きの章になりますので、初めてこの章をご覧になる方はまずこの前の章から始めてください。


(3)テキストのスタイル

テキストの大きさや種類、太さといった、テキストのスタイルを設定するためのCSSについて学んでいきます。 シンプルなサイトのデザインを行いながら学んでいくので、楽しみながら学習していただけます。 初心者向けの章なので、複雑な機能やショートカットキー等は使用せず、気軽に取り組んでいただけます。


(4)ボックスのスタイル

Webサイトのレイアウト等を組む際に、エリアの横幅、縦幅や余白などを調整する方法を学びます。 これらをCSSを使ってコントロールするためには、「ボックスモデル」という概念を理解する必要がありますので、作品作りを通して、1つずつ着実にマスターしていきましょう。


(5)背景・シャドウ・リスト

背景に色・画像を適応させたり、影をつける、またリストのアイコンを画像にする方法を学びます。 これらのCSSをマスターすれば、より一歩進んだWebサイトマークアップが可能になります。 この機会にぜひ、習得してください。


(6)レイアウト

Webサイトのレイアウトを組むためのCSSの記述方法について学びます。 また、ボックスを2つ左右に並べる「2カラムのウェブサイトレイアウト」を組んだり、 全体を真ん中に寄せる「センタリング」させたりといった方法を学びます。 ボックスモデルを理解していないと、習得が難しい章になっていますので、「ボックスモデル」の章をご覧になってからこの章に挑んでください。


(7)セレクタ

CSSの命令先を宣言する、「セレクタ」について初心者向けに解説しています。 CSSのセレクタには様々な書き方がありますが、中には覚えておくと便利なセレクタがたくさんあります。 この章では、とくによく利用するセレクタをピックアップしてご紹介します。


(8)セレクタ応用

CSSの命令先を宣言する、「セレクタ」について初心者向けに解説しています。 ここでは、一歩進んだ上級者向けの便利なセレクタの書き方についてご紹介していきます。 上級者・プロは必ず利用するセレクタの記述になりますので、この機会にぜひ覚えてみんなと差をつけよう! 初めてこの章をご覧になる方は、まずはじめに、「セレクタ」の章から初めて頂くとより理解が深まるはずです。



  • CSSを使ったレイアウトの組み方や、フォームのスタイルなど、CSSの基礎を学びつつ、実践的なスキルが身につきます

Course Curriculum

Instructor

Profile photo of NEST online
NEST online

テクノロジーとクリエイティブのプロを目指す人のためのスクールを運営しています。卒業生は1000名以上です。★提供しているサービス2ヶ月のWebデザインコース2ヶ月で未経験からWebデザイナーへ。未経験からWEBデザイナーとして働けるレベルになることをゴールとした大学生や若手社会人向けのコースですWebデザインキャンプ【2日間で全てを学ぶ!】Webデザイン集中講座RailsキャンプRailsCamp -2日間集中プログラミング入門講座-など

Review
4.9 course rating
4K ratings
ui-avatar of 竹内勝巳
竹内勝巳
4.0
8 months ago

設定が細かく分かった

  • Helpful
  • Not helpful
ui-avatar of Yuichi SHIROSHITA
Yuichi S.
5.0
8 months ago

わかりやすい。

  • Helpful
  • Not helpful
ui-avatar of Takahashi Junji
Takahashi J.
3.5
9 months ago

基本的ことを学ぶことができました。
私の環境の問題かもしれないですが、説明の音声が小さく聞こえた(冒頭の音楽は大きく聞こえるが説明の音声が小さく聞こえた)ので、冒頭の表示のBGMと同じレベルになっているとうれしいです。

  • Helpful
  • Not helpful
ui-avatar of 青木加奈子
青木加奈子
4.0
10 months ago

基本的なことをざっと学べました。
一部練習用のCSSの記述が間違えなどがあったのが残念です。

  • Helpful
  • Not helpful
ui-avatar of H S
H S.
3.5
1 year ago

CSS3初級として網羅的でよい。FlexBoxとCSS-Gridの説明がないのは残念。
また、以下の言葉の用法が不正確な点に注意。
・普通のコメントのことを「コメントアウト」と表現している。
・疑似要素のことを疑似クラスと表現している。

  • Helpful
  • Not helpful
ui-avatar of KOGA Atsuyoshi
Koga A.
2.0
2 years ago

長い

  • Helpful
  • Not helpful
ui-avatar of Machiko S
Machiko S.
4.0
2 years ago

わかりやすい説明と練習素材でよかったです。
ある程度の基礎知識がある上で理解を深めるのに良いと思いました。

  • Helpful
  • Not helpful
ui-avatar of I H
I H.
1.0
2 years ago

使用するファイルが多すぎて、受講が大変でした。

  • Helpful
  • Not helpful
ui-avatar of Kazuaki .S
Kazuaki ..
5.0
2 years ago

CSSの指定の仕方が大変わかりやすかった。特に、セレクタの指定の仕方によるスタイルの適用や、疑似クラス・隣接クラスを指定してのスタイルの適用など、セレクタ全般に関する説明が大変わかりやすかった。このあたりは、本を読んでも理解しづらかった箇所だったので、動画と講義のおかげで理解することができたと思う。

  • Helpful
  • Not helpful
ui-avatar of 志村 初音
志村 �.
3.0
2 years ago

画面の文字が見づらい

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses