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

Course content

Total 6 hours 37 minutes
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