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

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

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

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

HTML5入門

HTML5入門

~Webアプリケーションを作りましょう!~

COURSE SUMMARY

コースの概要

2014年10月28日に、ホームページを作るためのツールである「HTML」は、Webアプリケーションのためのプラットフォームである「HTML5」として大きく進化しました。

HTMLタグの整理や、リッチなデザインやアニメーション3次元での描画。JavaScriptでコントロールすることでWebアプリやゲームを作ることができるようになりました。さらにスマ―トフォンの機能と連携したアプリも作ることが出来ます。

この講座は、それらの最初の一歩として、HTMLマークアップ、CSSのリッチなデザイン、JavaScriptのコントロールについて広く説明していきます。

しかし、これらはほんの一握りに過ぎません。みなさまは、これを機会にHTML5を更に学んで、広くて深いHTML5の世界に進んでいただければ幸いです。

ABOUT EXPERT

エキスパートについて

1997年ソフトバンク入社。
無料ホームページサービス「GeoCities JAPAN」の1号社員として立ち上げに従事。
その後、Yahoo! JAPANなどのベンチャー企業を経験し独立。

現在は、放送大学・八洲学園大学、デジハリ・オンラインスクールほかのHTML5講師。

Microsoft MVPアワード3年連続受賞(2014-2016)

HTML5プロフェッショナル認定試験(レベル2)合格

東京アプリ・ワークショップにて、様々なHTML5の体験講座を開催中

TARGET AUDIENCE

こんな方向け

・HTML5というキーワードがなんとなく気になる方

COURSE REQUIREMENTS

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

・テキストエディタ
・ブラウザ
・PC

COURSE CURRICULUM

全22レッスン 22本の動画(約2時間56分28秒)

CHAPTER 1

HTML5を学ぶ前に

LESSON . 1 無料 HTML5とは何か00:14:07
LESSON . 2 無料 開始前の準備00:03:19

CHAPTER 2

HTML5の骨格を作るマークアップ

LESSON . 3 マークアップとは00:18:48
LESSON . 4 見出しを入れるheader要素00:03:24
LESSON . 5 グローバルナビゲーションのnav要素00:13:26
LESSON . 6 メインコンテンツのmain要素00:09:13
LESSON . 7 著作権を入れるfooter要素00:04:19
LESSON . 8 CSSを適用してみる00:05:08
LESSON . 9 入力のための部品00:10:25
LESSON . 10 進捗や測定の部品00:08:43

CHAPTER 3

WebのデザインをリッチにするCSS3

LESSON . 11 CSSを学びましょう00:11:04
LESSON . 12 コンテンツに影を作る00:09:26
LESSON . 13 コンテンツの角を丸くする00:06:27
LESSON . 14 背景をグラデーションにする00:05:54

CHAPTER 4

Web上でアニメーションのできるCSS3トランジション

LESSON . 15 CSSトランジション00:03:28
LESSON . 16 回転させよう00:05:24
LESSON . 17 移動させよう00:04:52
LESSON . 18 伸縮させよう00:03:58
LESSON . 19 歪ませよう00:02:25
LESSON . 20 様々なCSSをアニメーションさせる00:07:54

CHAPTER 5

コンテンツとデザインをコントロールするJavaScript

LESSON . 21 JavaScriptでHTMLコンテンツをコントロールする00:12:50
LESSON . 22 JavaScriptでCSSをコントロールする00:11:54

動画で見る
WATCH ON MOVIE

OTHER COURSES OF THIS EXPERT

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

CSS3入門
02:40:46 / 1K VIEWS
CSS3入門
なかしまぁ先生
90日間
3,000(税込)
3101-d8f3e211c2d5bd86945294270d9abfb1b646a6dd-18191923.jpg

KEYWORDS

キーワード

SIMILAR COURSE CURRICULUM

同じ分野のコース

誰でもわかるAdobe After Effects CC
02:03:14 / 364 VIEWS
誰でもわかるAdobe After Effects CC
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Scratchで学ぶ科学的思考プログラミング 中編
02:15:48 / 574 VIEWS
Scratchで学ぶ科学的思考プログラミング 中編
平山雄三
3,000(税込)
3061-7a33550eb11a9ea765a3d5eb2109518236952cf8-38511506.jpg
HTML5講座(基礎・実践)
03:16:53 / 331 VIEWS
HTML5講座(基礎・実践)
アテイン株式会社
4,800(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Adobe Photoshop CS6使い方講座
03:26:40 / 559 VIEWS
Adobe Photoshop CS6使い方講座
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
誰でもわかる Adobe Dreamweaver CS5
02:18:13 / 403 VIEWS
誰でもわかる Adobe Dreamweaver CS5
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
実例でわかる JavaScript 初心者講座
08:19:14 / 2K VIEWS
実例でわかる JavaScript 初心者講座
クロノス・クラウン合同会社
4,200(税込)
3161-18dc51c85d7dd2f0919f5d29149d06cbcae3efd3-53252319.png
CSS / CSS3 マスターコース |70以上のレッスン、7時間以上のレッスンでCSSを基礎からマスター
06:29:21 / 1K VIEWS
CSS / CSS3 マスターコース |70以上のレッスン、7時間以上のレッスンでCSSを基礎からマスター
nestonline
4,200(税込)
3121-819cb4237ddfceaa3e4dfdc66898f56f65f8a81c-17421115.png
プログラミングで科学を学ぼう! Vol. 9
02:00:06 / 564 VIEWS
プログラミングで科学を学ぼう! Vol. 9
平山雄三
3,000(税込)
3061-7a33550eb11a9ea765a3d5eb2109518236952cf8-38511506.jpg
ビスケット コンピュータサイエンス入門
01:37:55 / 808 VIEWS
ビスケット コンピュータサイエンス入門
デジタルポケット
3,000(税込)
誰でもわかるAdobe Flash Professional CC
01:55:28 / 390 VIEWS
誰でもわかるAdobe Flash Professional CC
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
誰でもわかる 映像・音声コーデック【動画制作の為の基礎知識】
00:52:32 / 384 VIEWS
誰でもわかる 映像・音声コーデック【動画制作の為の基礎知識】
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Adobe Dreamweaver CS6使い方講座
02:22:09 / 465 VIEWS
Adobe Dreamweaver CS6使い方講座
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
プログラミングで科学を学ぼう! Vol. 1 後編
01:34:12 / 806 VIEWS
プログラミングで科学を学ぼう! Vol. 1 後編
平山雄三
3,000(税込)
3061-7a33550eb11a9ea765a3d5eb2109518236952cf8-38511506.jpg
Webデザイン必須アプリ習得(Adobe CC)& HTML5教材パック
12:40:39 / 427 VIEWS
Webデザイン必須アプリ習得(Adobe CC)& HTML5教材パック
アテイン株式会社
6,600(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
誰でもわかる Android 6.0 Marshmallow アプリ開発入門【Android Studio対応】
06:31:20 / 930 VIEWS
誰でもわかる Android 6.0 Marshmallow アプリ開発入門【Android Studio対応】
Eiichiro
6,000(税込)
3361-d0b57c43c900558d2ca6e7a76ebce94036019233-50051725.png
商品写真撮影(物撮り) 実践テクニック
03:13:22 / 478 VIEWS
商品写真撮影(物撮り) 実践テクニック
アテイン株式会社
3,600(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Scratchで学ぶ科学的思考プログラミング 後編
01:23:21 / 646 VIEWS
Scratchで学ぶ科学的思考プログラミング 後編
平山雄三
3,000(税込)
3061-7a33550eb11a9ea765a3d5eb2109518236952cf8-38511506.jpg
FileMaker Pro 14 基礎編
01:54:12 / 470 VIEWS
FileMaker Pro 14 基礎編
アテイン株式会社
3,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Adobe Fireworks CS6使い方講座
01:27:53 / 414 VIEWS
Adobe Fireworks CS6使い方講座
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
誰でもわかるFlash Professional CS5使い方講座
03:12:16 / 325 VIEWS
誰でもわかるFlash Professional CS5使い方講座
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
WebデザインのためのPhotoshop実践講座
11:07:19 / 813 VIEWS
WebデザインのためのPhotoshop実践講座
nestonline
4,200(税込)
3121-819cb4237ddfceaa3e4dfdc66898f56f65f8a81c-17421115.png
実践Webサイトコーディング講座 | HTML5とCSS3を使って、カフェのサイトやWebメディアサイトを作ってみよう
08:57:59 / 2K VIEWS
実践Webサイトコーディング講座 | HTML5とCSS3を使って、カフェのサイトやWebメディアサイトを作ってみよう
nestonline
4,200(税込)
3121-819cb4237ddfceaa3e4dfdc66898f56f65f8a81c-17421115.png
プログラミングで科学を学ぼう! Vol. 10
00:56:28 / 451 VIEWS
プログラミングで科学を学ぼう! Vol. 10
平山雄三
3,000(税込)
3061-7a33550eb11a9ea765a3d5eb2109518236952cf8-38511506.jpg
誰でもわかる Java基礎 & Javaオブジェクト指向
07:41:12 / 840 VIEWS
誰でもわかる Java基礎 & Javaオブジェクト指向
Eiichiro
12,000(税込)
3361-d0b57c43c900558d2ca6e7a76ebce94036019233-50051725.png
誰でもわかる Adobe Photoshop CC
04:05:48 / 440 VIEWS
誰でもわかる Adobe Photoshop CC
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Visual Basic 2008 使い方講座(全4巻)
03:48:01 / 294 VIEWS
Visual Basic 2008 使い方講座(全4巻)
アテイン株式会社
6,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
誰でもわかるAdobe Flash Catalyst CS5
01:00:55 / 289 VIEWS
誰でもわかるAdobe Flash Catalyst CS5
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
CSS3入門
02:40:46 / 1K VIEWS
CSS3入門
なかしまぁ先生
90日間
3,000(税込)
3101-d8f3e211c2d5bd86945294270d9abfb1b646a6dd-18191923.jpg
70以上のレッスンで、基礎からしっかり学べる! HTML5完全マスターコース
06:45:45 / 1K VIEWS
70以上のレッスンで、基礎からしっかり学べる! HTML5完全マスターコース
nestonline
4,200(税込)
3121-819cb4237ddfceaa3e4dfdc66898f56f65f8a81c-17421115.png
Scratchで学ぶ科学的思考プログラミング 前編
02:50:17 / 1K VIEWS
Scratchで学ぶ科学的思考プログラミング 前編
平山雄三
3,000(税込)
3061-7a33550eb11a9ea765a3d5eb2109518236952cf8-38511506.jpg
ビスケットファシリテータ講習
01:34:29 / 952 VIEWS
ビスケットファシリテータ講習
デジタルポケット
8,000(税込)
誰でもわかるAdobe Dreamweaver CC
02:51:38 / 308 VIEWS
誰でもわかるAdobe Dreamweaver CC
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif

▲ページトップへ

フォルダ選択

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

新規フォルダ作成

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

フォルダーのカラー設定

新規フォルダ作成

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

▲ページトップへ