誰でもわかる HTML5

「HTMLの基礎知識」としてHTMLのこれまでの変遷に触れながらHTML4およびXHTML1.0においての記述方法を文書型定義から丁寧に学び、HTML5と従来のHTMLとの比較、HTML5の新しい要素、使い方や基本的な特徴について学びます。
4.5 (2 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.
8 students enrolled
$40
Take This Course
  • Lectures 17
  • Length 3.5 hours
  • Skill Level Beginner Level
  • Languages Japanese
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 10/2015 Japanese

Course Description

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

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

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

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

What are the requirements?

  • 座学が主体となります。初めての方にも丁寧に解説するので、特に準備は必要ありません。 インターネットやwebサイトなどを利用したことがあり、web制作に興味がある方であれば ここで学習したことをきっかけに、さらにご自身で知識を深めていける講座です。
  • あるとよいソフトはDreamweaverとwebブラウザーですが、 ソフトを動かしている状態で解説していますので必ずしも必要というわけでもありません。

What am I going to get from this course?

  • HTMLのこれまでの変遷を簡単に知ることができる
  • 基礎としてWebページが表示される仕組みやWebブラウザーの違いを知ることができ、HTMLとWebページの関係について知ることができる
  • HTMLによってコンテンツがどのようにマークアップされるのか、HTMLの基本がわかる。
  • html5の概要が理解できる。
  • HTMLの文書構造と階層構造の重要性が理解できる。
  • 階層構造の理解が深まることによって意味のある文書構造でWebページを作成することができる。

What is the target audience?

  • WEBデザイナーを目指す方、 新人教育や実務の補助に。
  • HTML5を一から学びたい人
  • HTML5とxhtmlとどう違うか知りたい人
  • コーダー志望、HTML5を扱うプログラマー
  • コーディングに興味があるwebデザイナー、webデザイナー志望
  • 質の高いSEOに取り組みたいweb担当者、Webプランナー

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

演習ファイルのダウンロードをします。
Article
Section 1: 「HTML5の基礎知識」として、HTML5の特徴について解説します。
15:04

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

10:06

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

18:39

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

08:13

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

18:17

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

Section 2: 「HTML5によるセマンティックなマークアップ」として、XHTMLでコーディングしたサイトと比較しながら、HTML5でのマークアップについて解説します。
07:58

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

04:46

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

15:22

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

16:59

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

16:03

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

Section 3: Microdataの利用や動画の利用方法、ドキュメントのバリデートなどについて解説します。
13:05

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

19:35

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

07:49

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

03:54

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

12:17

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

08:47

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

アテイン 株式会社, IT、ソフトウェア、ビジネス

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

Ready to start learning?
Take This Course