eラーニング「誰でもわかる CSS基礎」を動学.tvに公開

eラーニング教材制作、eラーニングLMS学習システム販売のアテイン株式会社（本社：東京都江東区、電話：03-6381-8641、代表：本多成人、資本金：1億1470万円）は、月額2,800円（税込）で様々な動画講座が視聴し放題のクラウドｅラーニングサービス「動学.tv（https://www.attainj.co.jp/dougaku.tv/）」に、Webページのデザインやレイアウトに必要なCSSの基礎が学べる「誰でもわかる CSS基礎」講座を2巻構成で、6月15日に公開します。

HTMLは文書作成に特化していますが、CSSはデザインレイアウトの構成をします。ホームページやショッピングサイトのデザインレイアウトを設定するのもCSSです。CSSを利用すると、メディアによってデザインレイアウトを変更することも可能になります。

「誰でもわかる CSS基礎」講座では、CSSの基本を習得することができます。CSSを読めるようになり、HTMLとCSSの関連性が理解できるようになります。そして、レイアウトや動的なボタン作成の知識を得られるようにもなります。

・講師
ＩＴ研究所　荒川栄一郎

誰でもわかる CSS基礎　Vol.1（約3時間2分）

  1. 第０章開発環境のインストール
  2. 第１章CSSの概要
    • 1.1　CSSって何？
    • 1.2　CSSの役割って何？
    • 1.3　CSSを利用するメリット
    • 1.4　CSSの利用方法
    • 第１章　章末問題
  3. 第２章CSSの環境設定
    • 2.1　CSSの開発環境
    • 2.2　CSSの開発手順
  4. 第３章CSSの基本文法
    • 3.1　CSSの書き方
    • 3.2　CSSってどこに記述するの？
    • 3.3　メディアタイプを指定しよう！
    • 第３章　章末問題
  5. 第4章セレクタ（１）
    • 4.1　セレクタの種類
    • 4.2　要素型セレクタ
    • 4.3　ユニバーサルセレクタ
    • 4.4　属性セレクタ
    • 4.5　IDセレクタ
    • 4.6　クラスセレクタ
    • 第４章　章末問題
  1. 第５章セレクタ（２）
    • 5.1　セレクタの種類
    • 5.2　複数セレクタ
    • 5.3　子孫セレクタ
    • 5.4　子セレクタ
    • 5.5　隣接セレクタ
    • 第５章　章末問題
  2. 第６章セレクタ（３）
    • 6.1　セレクタの種類
    • 6.2　ブロック要素とインライン要素
    • 6.3　疑似クラス
    • 6.4　疑似要素
    • 第６章　章末問題
  3. 第７章色・背景関連プロパティ
    • 7.1　色・背景関連プロパティの種類
    • 7.2　色の指定方法
    • 7.3　文字色を設定しよう！
    • 7.4　背景色を設定しよう！
    • 7.5　背景画像を設定しよう！
    • 第７章　章末問題
  4. 第８章フォント関連プロパティ
    • 8.1　フォント関連プロパティの種類
    • 8.2　フォントの大きさを設定しよう!
    • 8.3 フォントのスタイルを設定しよう!
    • 8.4　フォントの太さを設定しよう！
    • 8.5　フォントの種類を設定しよう！
    • 第８章　章末問題

誰でもわかる CSS基礎　Vol.2（約2時間35分）

  1. 第９章テキスト関連プロパティ
    • 9.1　テキスト関連プロパティの種類
    • 9.2　文字表示位置を設定しよう！
    • 9.3　インデント（字下げ）を設定しよう！
    • 9.4　文字を装飾しよう！
    • 第９章　章末問題
  2. 第１０章リスト関連プロパティ
    • 10.1　リスト関連プロパティの種類
    • 10.2　リストマーカーって何？
    • 10.3　リストマーカー文字を設定しよう！
    • 10.4　リストマーカー画像を設定しよう！
    • 第１０章　章末問題
  3. 第１１章ボーダー関連プロパティ
    • 11.1　ボーダー関連プロパティの種類
    • 11.2　ボーダーを設定しよう！(１)
    • 11.3　ボーダーを設定しよう！(２)
    • 第１１章　章末問題
  4. 第１２章幅・高さ関連プロパティ
    • 12.1　幅・高さ関連プロパティの種類
    • 12.2　幅を設定しよう！
    • 12.3　高さを設定しよう！
    • 第１２章　章末問題
  1. 第１３章マージン・パディング関連プロパティ
    • 13.1　マージン・パディング関連プロパティの種類
    • 13.2　マージンとパディングって何？
    • 13.3　マージンとパディングを設定しよう！
    • 第１３章　章末問題
  2. 第１４章表関連プロパティ
    • 14.1　表関連プロパティの種類
    • 14.2　表を設定しよう！
    • 第１４章　章末問題
  3. 第１５章表示関連プロパティ
    • 15.1　表示関連プロパティの種類
    • 15.2　はみ出た部分をどうする？
    • 15.3　ブロックとインラインを設定しよう！
    • 第１５章　章末問題
  4. 第１６章配置関連プロパティ
    • 16.1　配置関連プロパティの種類
    • 16.2　回り込みを設定しよう！
    • 16.3　回り込みを解除しよう！
    • 第１６章　章末問題
  5. 第１７章応用（１）
    • 17.1　HTML文書のレイアウトを設定しよう！
    • 第１７章　章末問題
  6. 第１８章応用（２）
    • 18.1　楽しいボタンを作ろう！
    • 第１８章　章末問題

・下記ＵＲＬでサンプル視聴できます。（スマートフォンからもサンプル視聴可能）
https://www.attainj.co.jp/dougaku.tv/online/navigator?index=uss&MMid=0&MMc=1

・Youtubeにもサンプル映像を公開中
https://www.youtube.com/AttainDVD

・講座紹介ページ（公開日予定日より公開）
https://www.attainj.co.jp/dougaku.tv/contents/IT_4812/c_index.html


※本教材動画の解像度は1280×720となっており、全体を把握し易く、細かい操作も見易くなっています。

----------　「動学.tv」特長　----------
■月額2,800円（税込）で様々な動画講座が視聴し放題
■20年以上の実績を誇る「誰でもわかる」シリーズのノウハウを生かした効果的な学習
■インタラクティブ・コンテンツでは操作を実体験しながらの学習も可能
■クラウド型のオンデマンドストリーミング配信なので、時間、場所に束縛されない
■Word・Excel・CAD・DTP・DTM・映像編集・サーバー・データベース・システム開発・コンピュータ知識（ネットワーク等）・開発言語・TOEIC(R) TEST、ビジネスマナー・情報セキュリティ・決算知識・財務諸表読み方・クレーム対応・メンタルヘルスまで幅広い分野のコンテンツ
■字幕対応による聴覚障害者向け講座も多数公開
■ナレーターがテロップ入りで懇切丁寧に解説するので初心者でも安心
■自由にダウンロードできる復習に最適な演習ファイルを提供
■常に最新の情報を、最適な方法で提供
■講座数は約600
■1講座約60分前後なので600時間前後がインターネットで学び放題

【アテイン株式会社について】

本社
〒135-0031　東京都江東区佐賀1丁目5-6　永代ＯＴビル
代表者
代表取締役社長　本多成人
設立
1992年4月
電話番号
03-6381-8641（代表）
URL
https://www.attainj.co.jp
事業内容
eラーニングサイト「動学.tv」の運営および
学習教材用映像コンテンツの制作・提供

このリリースに関するお問い合わせは下記まで
アテイン株式会社　広報　安藤亜樹

〒135-0031　東京都江東区佐賀1丁目5-6永代ＯＴビル
Tel:03-6381-8641 Fax:03-6381-8642
https://www.attainj.co.jp

リリース情報一覧に戻る