オンライン学習プラットフォームUdemyで「誰でもわかる HTML基礎&CSS基礎」を公開

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