誰でもわかる HTML5
4.7 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
13 students enrolled
Wishlisted Wishlist

Please confirm that you want to add 誰でもわかる HTML5 to your Wishlist.

Add to Wishlist

誰でもわかる HTML5

「HTMLの基礎知識」としてHTMLのこれまでの変遷に触れながらHTML4およびXHTML1.0においての記述方法を文書型定義から丁寧に学び、HTML5と従来のHTMLとの比較、HTML5の新しい要素、使い方や基本的な特徴について学びます。
4.7 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
13 students enrolled
Last updated 10/2015
Japanese
Current price: $10 Original price: $40 Discount: 75% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3.5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • HTMLのこれまでの変遷を簡単に知ることができる
  • 基礎としてWebページが表示される仕組みやWebブラウザーの違いを知ることができ、HTMLとWebページの関係について知ることができる
  • HTMLによってコンテンツがどのようにマークアップされるのか、HTMLの基本がわかる。
  • html5の概要が理解できる。
  • HTMLの文書構造と階層構造の重要性が理解できる。
  • 階層構造の理解が深まることによって意味のある文書構造でWebページを作成することができる。
View Curriculum
Requirements
  • 座学が主体となります。初めての方にも丁寧に解説するので、特に準備は必要ありません。 インターネットやwebサイトなどを利用したことがあり、web制作に興味がある方であれば ここで学習したことをきっかけに、さらにご自身で知識を深めていける講座です。
  • あるとよいソフトはDreamweaverとwebブラウザーですが、 ソフトを動かしている状態で解説していますので必ずしも必要というわけでもありません。
Description

このコースでは、Webページを作成するためのマークアップ言語であるHTML5について解説します。いままでHTMLを使用してきた方はもちろん、これから始める方にも有効な内容となっています。

  • セクション1では「HTML5の基礎知識」として、HTML5の特徴について解説します。
  • セクション2では「HTML5によるセマンティックなマークアップ」として、XHTMLでコーディングしたサイトと比較しながら、HTML5でのマークアップについて解説します。
  • セクション3では、Microdataの利用や動画の利用方法、ドキュメントのバリデートなどについて解説します。

セクション2と3には演習ファイルが付属しており、実習に使うことができます。

デザイナーを目指す方なら、既に公開中の「Adobe Dreamweaver」の講座とあわせて視聴すれば更に効果的でしょう。

Who is the target audience?
  • WEBデザイナーを目指す方、 新人教育や実務の補助に。
  • HTML5を一から学びたい人
  • HTML5とxhtmlとどう違うか知りたい人
  • コーダー志望、HTML5を扱うプログラマー
  • コーディングに興味があるwebデザイナー、webデザイナー志望
  • 質の高いSEOに取り組みたいweb担当者、Webプランナー
Students Who Viewed This Course Also Viewed
Curriculum For This Course
17 Lectures
03:16:55
+
演習ファイルのダウンロードをします。
1 Lecture 00:00
演習ファイルのダウンロードをします。
00:00
+
「HTML5の基礎知識」として、HTML5の特徴について解説します。
5 Lectures 01:10:19

「Webページが表示される仕組み」「HTMLの基本」「HTMLとCSS」について学びます。

Preview 15:04

「HTMLの変遷」「文書型」について学びます。

従来のHTML
10:06

「セマンティックなマークアップ」「廃止された要素」「定義が変更された要素」「記述ルールについて」について学びます。

HTML5とは?
18:39

「HTML5の新しい要素(セマンティック編)」「HTML5の新しい要素(その他)」について学びます。

Preview 08:13

「7つのカテゴリー」「コンテンツモデル」「セクショニング・ルート」について学びます。

カテゴリーとコンテンツモデル
18:17
+
「HTML5によるセマンティックなマークアップ」として、XHTMLでコーディングしたサイトと比較しながら、HTML5でのマークアップについて解説します。
5 Lectures 01:01:08

「文書型宣言」「ルート要素」について学びます。

文書型の宣言とルート要素
07:58

「エンコードの指定」「スタイルシートとJavaScriptの指定」について学びます。

Preview 04:46

「header要素」「footer要素」「nav要素」「article要素」「section要素」「見出し要素の扱い方」「aside要素」「div要素の使い方」「figure要素とfigurecaption要素」について学びます。

セマンティックなマークアップ
15:22

「header要素」「footer要素」「nav要素」「article要素」「section要素」「見出し要素の扱い方」「aside要素」「div要素の使い方」「figure要素とfigurecaption要素」について学びます。

セマンティックなマークアップ2
16:59

「文書の構造化」「HTML5 Outliner」について学びます。

文書構造の確認
16:03
+
Microdataの利用や動画の利用方法、ドキュメントのバリデートなどについて解説します。
6 Lectures 01:05:27

「microdataとは?」「メタデータ取得の確認」「スキーマ」について学びます。

microdata
13:05

「従来の動画利用方法」「video要素」「source要素と動画のサポート形式」について学びます。

動画の利用方法
19:35

「canvas要素」「インラインSVG」について学びます。

Preview 07:49

「details要素」について学びます。

インタラクティブな要素
03:54

「input要素」「datalist要素」「meter要素」について学びます。

フォームの要素
12:17

「W3C Markup Validation Service」について学びます。

バリデート
08:47
About the Instructor
アテイン 株式会社
4.3 Average rating
207 Reviews
1,293 Students
65 Courses
IT、ソフトウェア、ビジネス

様々なeラーニングコンテンツを15年以上制作販売しています。請負制作も含めると1000コンテンツを越えます。自社制作販売のeラーニングコンテンツは主にIT、開発、ソフトウェア、ビジネス知識などの動画教材です。自社スタジオと編集環境があるので、シナリオ、ナレーション、映像収録、編集まで全ての工程を自社内で完結しており、それが安定したクオリティに繋がっています。今後はさらに実務に役立つ教材の提供を考えています。