Share this course

Get up to 20% revenue for each qualifying new purchase you refer.
You can join the course referral program after purchasing this course.
Let's take this course now!

Edit Your Review

Describe your thoughts and experience with this course.
Cancel
Complete

Your Review

Delete
Edit

Review This Course

Describe your thoughts and experience with this course.
Exit
Complete

Review This Course

Post a review
Top Programming 基礎から学べる! CSS/CSS3マスター講座
PRO COURSE

基礎から学べる! CSS/CSS3マスター講座

初めてCSSを学ぶ方向けに、CSSの基本文法からCSS3などの応用まで学びます。実際にレイアウトを組んだり等、実践を交じえながら進めます。

CSS3を基礎から応用まで学べる講座

CSSの基本的な書き方から実際のWebサイトのレイアウト、上級者向けセレクタの記述まで、初心者の方でも実際にマークアップできるまでのスキルを身に付けられます。

動画を見ながら実際にWebページを作成しながら進めていきますが、動画は全て5〜10分前後にまとめているので、
「HTMLはわかるがCSSがまだできなくて始めたい」という初心者の方から「最新のCSSを学び直したい」という一定の知識を持っている方まで、 ご自身のペースで、楽しみながら学習していただけます。

また、つまずいたところや分からないところ等も簡単に戻って復習することができます。

※各セクションの冒頭に動画内で使用するデータを添付しています。あらかじめダウンロードした上でご覧ください。

※推奨条件
HTMLの基礎を知っておく必要があります。

このコースについて

Photoshop、Webデザイン、HTML、CSS、コーディングの5講座が全てセットになった未経験からプロのWebデザイナーに! 450レッスン完全マスターコースのCSSの部分を抽出したCSS3を学ぶコースです。

この講座で学べること

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


  3. CSS入門 第二回
  4. 簡単でかつはじめに覚えるべき、セレクターの書き方や、コメントアウトの書き方を学びます。
    初心者向けに構成しているので、複雑な機能やショートカットキーは極力使わずに進めて行きます。


  5. テキストのスタイル
  6. テキストの大きさや種類、太さといった、テキストのスタイルを設定するためのCSSについて学んでいきます。
    シンプルなサイトのデザインを行いながら学んでいきます。


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


  9. 背景・シャドウ・リスト
  10. 背景に色・画像を適応させたり、影をつける、またリストのアイコンを画像にする方法を学びます。
    これらのCSSをマスターすれば、より一歩進んだWebサイトマークアップが可能になります。


  11. レイアウト
  12. Webサイトのレイアウトを組むためのCSSの記述方法について学びます。
    また、ボックスを2つ左右に並べる「2カラムのウェブサイトレイアウト」を組んだり、 全体を真ん中に寄せる「センタリング」させたりといった方法を学びます。


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


  15. セレクタ応用
  16. CSSの命令先を宣言する、「セレクタ」について初心者向けに解説しています。
    ここでは、一歩進んだ上級者向けの便利なセレクタの書き方についてご紹介していきます。 上級者・プロは必ず利用するセレクタの記述になります。


    講師はテクノロジーとクリエイティヴのプロを目指すためのスクールを運営しており、卒業生は1000名以上。
    未経験からWebデザイナーとして働けるレベルになることをゴールとしていますので、Webデザイナーを目指す方へオススメの講座です。


    ※HTMLの知識に自信がない方や、CSSの実践力をもっと身に付けたい方、デザイン面も学びたい方へ、同講師のHTML講座、コーディング講座、Photoshop講座、Webデザイン講座、フルセット版もご用意しております。

About the instructor

テクノロジーとクリエイティブのプロを目指す人のためのスクールを運営しています。

卒業生は1000名以上です。

★提供しているサービス

2ヶ月のWebデザインコース

2ヶ月で未経験からWebデザイナーへ。
未経験からWEBデザイナーとして働けるレベルになることをゴールとした大学生や若手社会人向けのコースです

Webデザインキャンプ

【2日間で全てを学ぶ!】Webデザイン集中講座

Railsキャンプ

RailsCamp -2日間集中プログラミング入門講座-

など

See more

Course content

Total
Preview You can preview lectures with this label
Loading

Ratings and reviews

5.0
1 reviews
5 stars
100%
4 stars
0%
3 stars
0%
2 stars
0%
1 stars
0%

Related Courses

DELIC - ビジネスリーダーのためのコーチングスキルアップ講座
PRO COURSE

DELIC - ビジネスリーダーのためのコーチングスキルアップ講座

2h 49m Video Course
Instructor: 林 健太郎
4
$139.99
顧客視点でスラスラ書ける戦略的セールスコピーライティング講座【実践編】
PRO COURSE

顧客視点でスラスラ書ける戦略的セールスコピーライティング講座【実践編】

3h 36m Video Course
Instructor: 酒井 謙光
1
$199.99
Japanese Learning Course for JLPT N1 Level
PRO COURSE

Japanese Learning Course for JLPT N1 Level

11h 38m Video Course
Instructor: Attain Corp.
22
$149.99
マインドフルネス・ヨーガ - ベストな身体と心、幸せに満ちた最高の人生を
PRO COURSE

マインドフルネス・ヨーガ - ベストな身体と心、幸せに満ちた最高の人生を

2h 38m Video Course
Instructor: 岩山 仁
$179.99
仕事ができる人の整理整頓術 - 5Sの徹底を図り、仕事の効果効率を上げる!
PRO COURSE

仕事ができる人の整理整頓術 - 5Sの徹底を図り、仕事の効果効率を上げる!

40m Video Course
Instructor: 藤本 剛士
2
$87.99
Business Japanese Course for Beginners(All 15 Lessons)
PRO COURSE

Business Japanese Course for Beginners(All 15 Lessons)

4h 25m Video Course
Instructor: Attain Corp.
1
$160.99
Facebook-フェイスブック広告設定運用ガイド【保存版】FB AdsProfessional
PRO COURSE

Facebook-フェイスブック広告設定運用ガイド【保存版】FB AdsProfessional

4h 52m Video Course
Instructor: 勝原 潤
$220.99
ビジネスパーソン必見!やさしい内部監査入門講座
PRO COURSE

ビジネスパーソン必見!やさしい内部監査入門講座

1h 7m Video Course
Instructor: 永尾 涼太
$79.98
【現役Rubyistが質問対応】Ruby on Rails (6.0) チュートリアル [第6版]
PRO COURSE

【現役Rubyistが質問対応】Ruby on Rails (6.0) チュートリアル [第6版]

37時間13分の動画講座+質問対応
Instructor: 安川 要平
2
$579.99
PowerPoint 2016 効率的なPowerPoint スライド作成テクニック
PRO COURSE

PowerPoint 2016 効率的なPowerPoint スライド作成テクニック

1h 4m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
1
$78.48
1日15分でカラダの悩みの9割を解消!スローストレッチ講座
PRO COURSE

1日15分でカラダの悩みの9割を解消!スローストレッチ講座

2h 41m Video Course
Instructor: かつもと あき
$150.00
온라인 일본어 JLPT N3 코스 일본어 능력 시험 JLPT N3 교과서
PRO COURSE

온라인 일본어 JLPT N3 코스 일본어 능력 시험 JLPT N3 교과서

10h 19m Video Course
Instructor: Attain Corp.
$149.99