オンライン学習プラットフォームUdemyで
「誰でもわかる HTML基礎＆CSS基礎」を公開
オンライン学習サイト「動学.tv」運営、eラーニング学習システム販売のアテイン株式会社（本社：東京都江東区、電話：03-6381-8641、代表本多成人、資本金1億1470万円）は、視聴期限なしのオンライン学習プラットフォームUdemy（ユーデミー）で、Web開発やウェブデザインに欠かせないHTMLとCSSの基礎が学べる「誰でもわかる HTML基礎＆CSS基礎」を6月4日に公開します。
「誰でもわかる HTML基礎＆CSS基礎」は、HTMLとCSSの２つの教材がセットになったお得なコースです。HTMLは会社のホームページやオンライン・ショッピングなどの様々なWebアプリケーションを作成するために、理解しておかなければなりません。そしてHTMLが文書作成に特化している一方、CSSはデザインやレイアウトを担当し構成します。またCSSを利用するとHTML文書は同じでも、使用するメディアによってデザインやレイアウトを変えることもできます。HTMLとCSSを理解すると、JavaScriptやjQueryと連携して幅広く多方面に対応できるようになります。 これからWeb開発やウェブデザインを始める人にとって、第一歩となる内容です。
・誰でもわかる HTML基礎＆CSS基礎（約10時間）
https://www.udemy.com/html-css-kiso/
・講師
ＩＴ研究所 荒川栄一郎
誰でもわかる HTML基礎（約4時間43分）
- 第0章開発環境のインストール
-
第1章Webの概要
- 1.1 Webシステムの仕組み
- 1.2 HTMLって何？
- 1.3 WWWって何？
- 1.4 HTTPって何？
- 1.5 URLって何？
- 第１章 章末問題
-
第２章HTMLの環境設定
- 2.1 HTMLの開発環境
- 2.2 HTMLの開発手順
- 第２章 章末問題
-
第３章HTMLの基礎知識
- 3.1 HTMLの基本文法
- 3.2 HTMLの基本構造
- 3.3 名前を表示しよう！
- 3.4 プログラムを読みやすくしよう！
- 第３章 章末問題
-
第4章ページレイアウト関連タグ
- 4.1 見出しを設定しよう！
- 4.2 段落を設定しよう！
- 4.3 グループを設定しよう！
- 4.4 水平線を設定しよう！
- 4.5 改行を設定しよう！
- 第４章 章末問題
-
第５章フォント関連タグ
- 5.1 フォントを設定しよう！
- 5.2 文字を強調しよう！
- 5.3 文字を斜体にしよう！
- 第５章 章末問題
-
第６章リスト関連タグ
- 6.1 マーク付きリストを設定しよう！
- 6.2 番号順リストを設定しよう！
- 6.3 定義順リストを設定しよう！
- 第６章 章末問題
-
第７章表関連タグ
- 7.1 表を設定しよう！
- 7.2 見出し付きの表を設定しよう！
- 7.3 複数のセルを横に連結しよう！
- 7.4 複数のセルを縦に連結しよう！
- 第７章 章末問題
-
第８章ハイパーリンク関連タグ
- 8.1 ハイパーリンクって何？
- 8.2 絶対パスと相対パス
- 8.3 他ページにリンクしよう！
- 8.4 同じページ内の別の場所にリンクしよう！
- 8.5 Eメールを送ろう！
- 第８章 章末問題
-
第９章イメージ関連タグ
- 9.1 画像ファイルって何？
- 9.2 絶対パスと相対パス
- 9.3 画像を表示しよう！
- 9.4 画像の幅と高さを変更しよう！
- 9.5 代替文字を設定しよう！
- 第９章 章末問題
-
第１０章色の設定と特殊文字
- 10.1 背景色や文字色を指定しよう！
- 10.2 特殊文字を表示しよう！
- 第１０章 章末問題
-
第１１章Webアプリケーション
- 11.1 Webアプリケーションって何？
- 11.2 静的コンテンツと動的コンテンツ
- 11.3 Webアプリケーションの環境設定
- 第１１章 章末問題
-
第１２章フォーム関連タグ（１）
- 12.1 フォーム送信の仕組み
- 12.2 データの送信方法
- 12.3 フォームの基本構成
- 第１２章 章末問題
-
第１３章フォーム関連タグ（２）
- 13.1 入力データを送信しよう！
- 13.2 選択データを送信しよう！（１）
- 13.3 選択データを送信しよう！（２）
- 第１３章 章末問題
誰でもわかる CSS基礎（約5時間37分）
- 第０章開発環境のインストール
-
第１章CSSの概要
- 1.1 CSSって何？
- 1.2 CSSの役割って何？
- 1.3 CSSを利用するメリット
- 1.4 CSSの利用方法
- 第１章 章末問題
-
第２章CSSの環境設定
- 2.1 CSSの開発環境
- 2.2 CSSの開発手順
- 第２章 章末問題
-
第３章CSSの基本文法
- 3.1 CSSの書き方
- 3.2 CSSってどこに記述するの？
- 3.3 メディアタイプを指定しよう！
- 第３章 章末問題
-
第４章セレクタ（１）
- 4.1 セレクタの種類
- 4.2 要素型セレクタ
- 4.3 ユニバーサルセレクタ
- 4.4 属性セレクタ
- 4.5 IDセレクタ
- 4.6 クラスセレクタ
- 第４章 章末問題
-
第５章セレクタ（２）
- 5.1 セレクタの種類
- 5.2 複数セレクタ
- 5.3 子孫セレクタ
- 5.4 子セレクタ
- 5.5 隣接セレクタ
- 第５章 章末問題
-
第６章セレクタ（３）
- 6.1 セレクタの種類
- 6.2 ブロック要素とインライン要素
- 6.3 疑似クラス
- 6.4 疑似要素
- 第６章 章末問題
-
第７章色・背景関連プロパティ
- 7.1 色・背景関連プロパティの種類
- 7.2 色の指定方法
- 7.3 文字色を設定しよう！
- 7.4 背景色を設定しよう！
- 7.5 背景画像を設定しよう！
- 第７章 章末問題
-
第８章フォント関連プロパティ
- 8.1 フォント関連プロパティの種類
- 8.2 フォントの大きさを設定しよう！
- 8.3 フォントのスタイルを設定しよう！
- 8.4 フォントの太さを設定しよう！
- 8.5 フォントの種類を設定しよう！
- 第８章 章末問題
-
第９章テキスト関連プロパティ
- 9.1 テキスト関連プロパティの種類
- 9.2 文字表示位置を設定しよう！
- 9.3 インデント（字下げ）を設定しよう！
- 9.4 文字を装飾しよう！
- 第９章 章末問題
-
第１０章リスト関連プロパティ
- 10.1 リスト関連プロパティの種類
- 10.2 リストマーカーって何？
- 10.3 リストマーカー文字を設定しよう！
- 10.4 リストマーカー画像を設定しよう！
- 第１０章 章末問題
-
第１１章ボーダー関連プロパティ
- 11.1 ボーダー関連プロパティの種類
- 11.2 ボーダーを設定しよう！（１）
- 11.3 ボーダーを設定しよう！（２）
- 第１１章 章末問題
-
第１２章幅・高さ関連プロパティ
- 12.1 幅・高さ関連プロパティの種類
- 12.2 幅を設定しよう！
- 12.3 高さを設定しよう！
- 第１２章 章末問題
-
第１３章マージン・パディング関連プロパティ
- 13.1 マージン・パディング関連プロパティの種類
- 13.2 マージンとパディングって何？
- 13.3 マージンとパディングを設定しよう！
- 第１３章 章末問題
-
第１４章表関連プロパティ
- 14.1 表関連プロパティの種類
- 14.2 表を設定しよう！
- 第１４章 章末問題
-
第１５章表示関連プロパティ
- 15.1 表示関連プロパティの種類
- 15.2 はみ出た部分をどうする？
- 15.3 ブロックとインラインを設定しよう！
- 第１５章 章末問題
-
第１６章配置関連プロパティ
- 16.1 配置関連プロパティの種類
- 16.2 回り込みを設定しよう！
- 16.3 回り込みを解除しよう！
- 第１６章 章末問題
-
第１７章応用（１）
- 17.1 HTML文書のレイアウトを設定しよう！
- 第１７章 章末問題
-
第１８章応用（２）
- 18.1 楽しいボタンを作ろう！ 第１８章 章末問題
【アテイン株式会社について】
- 本社
- 〒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