Welcome to GoGetterz!
コースご購入のまえに

コースご購入のまえに、まずはGoGetterz メンバーにご登録ください(登録無料)。
メンバー登録後に「お支払い」ページにてコース購入の手続きをしていただくと
当コースをご視聴いただけます。
メンバーになると1100以上ある動画コースのご購入・視聴が可能になり
ポイント制度をはじめとするメンバー限定のサービスをご利用いただけます。
あなたを変える学びをご体験ください!

*すでにメンバー登録をされている方は、こちらからログインしてください。

メンバー登録(無料)はこちらから
LET’S START

HTML5講座(基礎・実践)

HTML5講座(基礎・実践)

~Webページを作成するためのマークアップ言語であるHTML5について、わかりやすく解説!~

COURSE SUMMARY

コースの概要

当講座は、Webページを作成するためのマークアップ言語であるHTML5について、総尺3時間16分の動画で解説します。いままでHTMLを使用してきた方はもちろん、これから始める方にも有効な内容となっています。

*「HTML5の特徴」:HTML5の基礎知識を解説

*「HTML5によるセマンティックなマークアップ」:XHTMLでコーディングしたサイトとの比較解説

*「Microdataの基礎や使い方」:Microdataの利用や動画の利用方法、ドキュメントのバリデートなどについて解説

*「動画の利用方法」

*「ドキュメントのバリデート」

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

ABOUT EXPERT

エキスパートについて

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

 

We have been producing and selling e-learning contents since 15 years. And we have over 1000 contents now. Furthermore, we have took orders from other firms. We primarily make educational videos for IT Development, Software, and Business Information. Since we have our own studio, production and editing facilities, we can consistently produce high quality contents. We strive to provide more and more realistic materials.

TARGET AUDIENCE

こんな方向け

・Webデザイナーを目指す方
・Web開発者を目指す方

COURSE REQUIREMENTS

受講にあたって必要なもの

・PC

COURSE CURRICULUM

全16レッスン 16本の動画(約3時間16分53秒)

CHAPTER 1

HTML5の基礎知識

LESSON . 1 HTMLとは?00:15:04
LESSON . 2 従来のHTML00:10:06
LESSON . 3 HTML5とは?00:18:39
LESSON . 4 HTML5で登場した新しい要素00:08:13
LESSON . 5 カテゴリーとコンテンツモデル00:18:17

CHAPTER 2

HTML5によるセマンティックなマークアップ

LESSON . 6 文書型の宣言とルート要素00:07:58
LESSON . 7 head内の記述00:04:46
LESSON . 8 セマンティックなマークアップ その100:15:22
LESSON . 9 セマンティックなマークアップ その200:16:58
LESSON . 10 文書構造の確認00:16:03

CHAPTER 3

Microdataの利用や動画の利用方法、ドキュメントのバリデートなど

LESSON . 11 microdata00:13:05
LESSON . 12 動画の利用方法00:19:35
LESSON . 13 インラインSVGとcanvas要素00:07:49
LESSON . 14 インタラクティブな要素00:03:54
LESSON . 15 フォームの要素00:12:17
LESSON . 16 バリデート00:08:47

動画で見る
WATCH ON MOVIE

OTHER COURSES OF THIS EXPERT

このエキスパートの他のコース

Asakusa Jinrikisha | 浅草人力車❖西下町コース❖えびす屋 雷門店【日本通TV】
00:10:41 / 3K VIEWS
Asakusa Jinrikisha | 浅草人力車❖西下町コース❖えびす屋 雷門店【日本通TV】
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
SAKE - People - Soul | 日本酒の造り方❖【日本料理レシピTV】
00:16:52 / 3K VIEWS
SAKE - People - Soul | 日本酒の造り方❖【日本料理レシピTV】
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Asakusa Jinrikisha | 浅草人力車❖東下町コース❖えびす屋 雷門店【日本通TV】
00:11:05 / 3K VIEWS
Asakusa Jinrikisha | 浅草人力車❖東下町コース❖えびす屋 雷門店【日本通TV】
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
だし玉うどん✿うどんの作り方【日本料理レシピTV】
00:01:14 / 2K VIEWS
だし玉うどん✿うどんの作り方【日本料理レシピTV】
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
2 типа Охитаси из Komatsuna и капусты салат из свАренных овощей ✿рецепты японской кухни
00:01:59 / 2K VIEWS
2 типа Охитаси из Komatsuna и капусты салат из свАренных овощей ✿рецепты японской кухни
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
江戸木彫刻❖日本の伝統工芸【日本通TV】
00:18:53 / 2K VIEWS
江戸木彫刻❖日本の伝統工芸【日本通TV】
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Vinegared Cucumbers✿Japanese Food Recipes TV
00:02:07 / 2K VIEWS
Vinegared Cucumbers✿Japanese Food Recipes TV
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Oshizushi(pressed sushi)✿Japanese Food Recipes TV
00:02:25 / 2K VIEWS
Oshizushi(pressed sushi)✿Japanese Food Recipes TV
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Temari zushi (sushi)✿Japanese Food Recipes TV
00:02:19 / 2K VIEWS
Temari zushi (sushi)✿Japanese Food Recipes TV
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Sautéed Chinese yam✿Japanese Food Recipes TV
00:01:34 / 2K VIEWS
Sautéed Chinese yam✿Japanese Food Recipes TV
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Stir-fried Poke and Kiriboshi Daikon [dried daikon strips]✿Japanese Food Recipes TV
00:02:05 / 2K VIEWS
Stir-fried Poke and Kiriboshi Daikon [dried daikon strips]✿Japanese Food Recipes TV
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Simmered apple with kudzu✿Japanese Food Recipes TV
00:01:53 / 2K VIEWS
Simmered apple with kudzu✿Japanese Food Recipes TV
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Miso ball✿Japanese Food Recipes TV
00:01:51 / 2K VIEWS
Miso ball✿Japanese Food Recipes TV
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Kimpira Sautéed Burdock ✿Japanese Food Recipes TV
00:02:12 / 2K VIEWS
Kimpira Sautéed Burdock ✿Japanese Food Recipes TV
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Miso soup with potato and komatsuna and Aburaage✿Japanese Food Recipes TV
00:02:04 / 2K VIEWS
Miso soup with potato and komatsuna and Aburaage✿Japanese Food Recipes TV
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
 Adobe Premiere Pro CS6使い方講座
02:29:56 / 2K VIEWS
Adobe Premiere Pro CS6使い方講座
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
「日本語教育実力養成コース」(全10課)
26:07:01 / 2K VIEWS
「日本語教育実力養成コース」(全10課)
アテイン株式会社
60,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
稻荷寿司✿ 日本料理菜谱大全TV
00:02:04 / 1K VIEWS
稻荷寿司✿ 日本料理菜谱大全TV
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Online Japanese N5 Course(All 15 lessons)
21:04:22 / 1K VIEWS
Online Japanese N5 Course(All 15 lessons)
アテイン株式会社
18,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
「からあげの作り方」フライパンで作れる✿日本の家庭料理【日本通TV】
00:02:50 / 1K VIEWS
「からあげの作り方」フライパンで作れる✿日本の家庭料理【日本通TV】
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Online Japanese JLPT N4 Mock Examination(All 3 sets)
02:01:23 / 1K VIEWS
Online Japanese JLPT N4 Mock Examination(All 3 sets)
アテイン株式会社
5,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
映像制作コース【Adobe CC】
05:53:11 / 1K VIEWS
映像制作コース【Adobe CC】
アテイン株式会社
7,200(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Online Japanese JLPT N5 Mock Examination(All 3 sets)
01:36:39 / 1K VIEWS
Online Japanese JLPT N5 Mock Examination(All 3 sets)
アテイン株式会社
5,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
ブルーベリーとバナナのシャーベットスムージー✿日本の家庭料理【日本料理レシピTV】
00:01:42 / 1K VIEWS
ブルーベリーとバナナのシャーベットスムージー✿日本の家庭料理【日本料理レシピTV】
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
誰でもわかるAdobe Photoshop Lightroom CC
02:07:03 / 1K VIEWS
誰でもわかるAdobe Photoshop Lightroom CC
アテイン株式会社
3,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Online Japanese N4 Course(All 15 lessons)
13:42:16 / 1K VIEWS
Online Japanese N4 Course(All 15 lessons)
アテイン株式会社
18,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Miso soup with Tofu and wakame✿Japanese Food Recipes TV
00:02:06 / 1K VIEWS
Miso soup with Tofu and wakame✿Japanese Food Recipes TV
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
オムライスの作り方✿日本の家庭料理【日本通TV】
00:03:17 / 1K VIEWS
オムライスの作り方✿日本の家庭料理【日本通TV】
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
誰でもわかる Adobe Photoshop CC 2018
03:27:45 / 1K VIEWS
誰でもわかる Adobe Photoshop CC 2018
アテイン株式会社
3,600(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
煮乌冬面✿日本料理菜谱大全TV
00:01:51 / 1K VIEWS
煮乌冬面✿日本料理菜谱大全TV
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
土豆油菜油豆腐味噌汤✿日本料理菜谱大全TV
00:02:23 / 1K VIEWS
土豆油菜油豆腐味噌汤✿日本料理菜谱大全TV
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
煮卵✿ラーメンの作り方【日本料理レシピTV】
00:01:38 / 1K VIEWS
煮卵✿ラーメンの作り方【日本料理レシピTV】
アテイン株式会社
FREE
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

KEYWORDS

キーワード

SIMILAR COURSE CURRICULUM

同じ分野のコース

  はじめてのPhotoshop ② 【チュートリアル】Photoshopの基本操作(2)
00:40:11 / 411 VIEWS
はじめてのPhotoshop ② 【チュートリアル】Photoshopの基本操作(2)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
誰でもわかるAdobe After Effects CC
02:03:14 / 829 VIEWS
誰でもわかるAdobe After Effects CC
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのPhotoshop ⑦ 【チュートリアル】画像の補正(5)
00:37:45 / 463 VIEWS
はじめてのPhotoshop ⑦ 【チュートリアル】画像の補正(5)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
FileMaker Pro 14 基礎編
01:54:12 / 997 VIEWS
FileMaker Pro 14 基礎編
アテイン株式会社
3,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのHTML5⑤ HTML5の新しい要素と属性(3)
00:51:58 / 463 VIEWS
はじめてのHTML5⑤ HTML5の新しい要素と属性(3)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
Adobe Dreamweaver CS6使い方講座
02:22:09 / 1K VIEWS
Adobe Dreamweaver CS6使い方講座
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
実例でわかる JavaScript 初心者講座
08:19:14 / 2K VIEWS
実例でわかる JavaScript 初心者講座
クロノス・クラウン合同会社
4,200(税込)
3161-18dc51c85d7dd2f0919f5d29149d06cbcae3efd3-53252319.png

はじめてのJavaScript JavaScript基礎④
00:42:49 / 464 VIEWS
はじめてのJavaScript JavaScript基礎④
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
サンペー先生の『Photoshop切り抜き講座 簡単!誰でもできる美しい画像合成テクニック』
04:44:52 / 749 VIEWS
サンペー先生の『Photoshop切り抜き講座 簡単!誰でもできる美しい画像合成テクニック』
サンペー先生
3,000(税込)
1892858-1dde157dd76e5120f232fc78df934669960f4d2b-33490926.jpg
CSS / CSS3 マスターコース |70以上のレッスン、7時間以上のレッスンでCSSを基礎からマスター
06:29:21 / 2K VIEWS
CSS / CSS3 マスターコース |70以上のレッスン、7時間以上のレッスンでCSSを基礎からマスター
nestonline
4,200(税込)
3121-819cb4237ddfceaa3e4dfdc66898f56f65f8a81c-17421115.png
コンピュータ入門講座 (全4巻のセットコース)
04:06:39 / 430 VIEWS
コンピュータ入門講座 (全4巻のセットコース)
アテイン株式会社
7,200(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのIllustrator ⑦ 【ワーク】様々なアイコン作成(Webアイコン/標識など)
00:52:18 / 423 VIEWS
はじめてのIllustrator ⑦ 【ワーク】様々なアイコン作成(Webアイコン/標識など)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

はじめてのPhotoshop ⑤ 【チュートリアル】画像の補正(3)
00:37:55 / 410 VIEWS
はじめてのPhotoshop ⑤ 【チュートリアル】画像の補正(3)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
誰でもわかるAdobe Flash Professional CC
01:55:28 / 716 VIEWS
誰でもわかるAdobe Flash Professional CC
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのHTML5③ HTML5の新しい要素と属性(1)
00:41:58 / 473 VIEWS
はじめてのHTML5③ HTML5の新しい要素と属性(1)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
Adobe Fireworks CS6使い方講座
01:27:53 / 821 VIEWS
Adobe Fireworks CS6使い方講座
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
誰でもわかるFlash Professional CS5使い方講座
03:12:16 / 763 VIEWS
誰でもわかるFlash Professional CS5使い方講座
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのJavaScript JavaScript基礎②
00:40:02 / 486 VIEWS
はじめてのJavaScript JavaScript基礎②
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
Webデザイン必須アプリ習得(Adobe CC)& HTML5教材パック
12:40:39 / 1K VIEWS
Webデザイン必須アプリ習得(Adobe CC)& HTML5教材パック
アテイン株式会社
12,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのJavaScript JavaScript基礎⑦
00:40:44 / 453 VIEWS
はじめてのJavaScript JavaScript基礎⑦
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
UXデザイン講座 UXデザイン基礎入門
03:29:20 / 549 VIEWS
UXデザイン講座 UXデザイン基礎入門
Shin Hagimoto
7,800(税込)
1892805-4cab8b955c0bbf0b716eca3a83a329d02d830103-51372002.JPG
誰でもわかる Java基礎 & Javaオブジェクト指向
07:41:12 / 1K VIEWS
誰でもわかる Java基礎 & Javaオブジェクト指向
IT研究所 荒川栄一郎
12,000(税込)
3361-d0b57c43c900558d2ca6e7a76ebce94036019233-50051725.png
Adobe Dreamweaver CC(上中下3巻セット)
03:09:08 / 500 VIEWS
Adobe Dreamweaver CC(上中下3巻セット)
アテイン株式会社
3,600(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのPhotoshop ③ 【チュートリアル】画像の補正(1)
00:48:42 / 614 VIEWS
はじめてのPhotoshop ③ 【チュートリアル】画像の補正(1)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
誰でもわかる Adobe Illustrator CC
02:54:51 / 860 VIEWS
誰でもわかる Adobe Illustrator CC
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのHTML5① HTML5概要と書式(1)
00:40:13 / 517 VIEWS
はじめてのHTML5① HTML5概要と書式(1)
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
システム開発入門
03:31:47 / 810 VIEWS
システム開発入門
アテイン株式会社
6,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
誰でもわかるAdobe Flash Catalyst CS5
01:00:55 / 604 VIEWS
誰でもわかるAdobe Flash Catalyst CS5
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

はじめてのHTML5⑥ 今までのHTMLとの相違点
00:23:47 / 481 VIEWS
はじめてのHTML5⑥ 今までのHTMLとの相違点
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
WebデザインのためのPhotoshop実践講座
11:07:19 / 1K VIEWS
WebデザインのためのPhotoshop実践講座
nestonline
4,200(税込)
3121-819cb4237ddfceaa3e4dfdc66898f56f65f8a81c-17421115.png

はじめてのJavaScript JavaScript基礎⑤
00:36:50 / 467 VIEWS
はじめてのJavaScript JavaScript基礎⑤
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
【情報セキュリティ基礎】ハッカーの視点から見るセキュリティ対策の必要性
01:01:17 / 108 VIEWS
【情報セキュリティ基礎】ハッカーの視点から見るセキュリティ対策の必要性
阿部ひろき
2,400(税込)
1892902-070f7cd97fbf37e07f2a4ca1dab00af67f7a7db1-04571609.png

▲ページトップへ

フォルダ選択

選択したコースを
に追加してもよろしいですか?

新規フォルダ作成

タイトルを入力(255字まで)

フォルダーのカラー設定

新規フォルダ作成

本当にこの を削除しますか?

▲ページトップへ