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

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

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

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

  • GoGetterz
  • 70以上のレッスンで、基礎からしっかり学べる! HTML5完全マスターコース
70以上のレッスンで、基礎からしっかり学べる! HTML5完全マスターコース

70以上のレッスンで、基礎からしっかり学べる! HTML5完全マスターコース

~最新のHTML5を70以上のレッスン、7時間かけてしっかり学びます。youtube動画の貼り付けや番号入力フォームなど、基礎的な内容だけでなく、実践的な内容も充実しています。~

  • 0 (税込) 通常販売 / 無制限
  • エキスパートに質問OK
    8日間返金保証

  • 全76レッスン 76本の動画(約6時間45分45秒)
  • nestonline
    日本 / 法人 6コースのエキスパート

    name

COURSE SUMMARY

コースの概要

最新のHTML5を70以上のレッスン、7時間かけてしっかり学びます

youtube動画の貼り付けや番号入力フォームなど、基礎的な内容だけでなく、実践的な内容も充実しています。

1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。

 

★こんな人におすすめ★

  • Webサイト制作をこれから学びたい方
  • 最新のHTMLを勉強したい方

 

★特徴★

  • 最新のHTML5を70以上のレッスン、7時間かけてしっかり学べる
  • 1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供
  • 5分程度の動画が70レッスン以上 充実した内容ですが、無理せず学べる

 

★内容★

HTMLの入門セクションを3つこなした後、パートに分けて実践的な内容を行います。

(1)HTML入門 第1回

初めてHTMLを学ぶ方向けに、HTMLの基本の書き方から便利なツールまでをレクチャーします。 HTMLを学ぶ上での環境をここで整えるので、みなさん必ず受講してください。 簡単なWebサイト制作を通してレクチャーしていきますので、楽しみながら学習して頂けます。

 

(2)HTML入門 第2回

HTMLファイルを記述するにあたって、まずは必ず記述しなければならない「基本構造」の必須コードや、超基本的な文字の表示方法をレクチャーしていきます。 HTMLファイルは、文字にタグを付与していくのが基本の書き方ですが、その前にまず「基本の構造」をルールに基づいて記述しなければいけません。初めてHTMLを学ばれる方は必ず受講してください。 この章は、「HTML入門 第1回」の続きの章です。初めてご覧になる方は、まずこの前の章から挑んで下さい。

 

(3) HTML入門 第3回

簡単なWebサイトの制作を通して、HTMLの基礎をマスターできる章です。 リストタグを使って箇条書きリストを作成したり、Webサイトレイアウトを組むためのタグの記述方法について学びます。 「HTML入門 第3回」の続きの章になりますので、初めてこの章をご覧になる方はまず「HTML入門 第1回」から順番に挑んで頂くことをオススメします。

 

(4)フォーム

文字の入力フォームやチェックボックス、ラジオボタンや送信ボタンなど、フォームを形成する上で必須のHTMLの書き方についてをレクチャーします。 初心者向けに解説していますが、やや難しいので、初めての方はまず「HTML入門」の章から取り組んで頂くことをオススメします。 この章をマスターすれば、実際に送信等の機能はつけれませんが、簡単なお問い合わせフォームを作れるようになるので、みなさん頑張って下さい!

 

(5)テーブル

テーブルタグを使って、表組みを作成する方法を初心者向けに解説しています。 ひと昔前までは、テーブルタグを使ってWebサイトのレイアウトを組んでいました。 Webサイトレイアウトを組む際のテーブルタグはNGなのですが、表組みを作成する上ではテーブルタグは今でもたくさん使用されています。

 

(6)テキストとリスト

テキストには、「見出し」「段落」だけでなく、「引用」「リンク」など 様々な意味を付与していく必要があります。文章の構造を意識して、正しいマークアップを行うためには「どんなHTMLタグがあるのか」をどれだけ知っているか、にかかっています。 ここでは、簡単な制作物を通して、様々な文字に関するHTMLタグについて学んでいただきます。

 

(7)リンクと画像・動画・オーディオ

テキストにリンクを貼ったり、画像や動画を表示させる方法などを学びます。 HTML最大の特徴は、ファイルとファイルをリンクさせる事です。ファイル同士をリンクさせる事で、クリックで指定のページへジャンプさせる事ができます。

 

(8)HTMLテクニック

リンクのクリックでメールソフトを起動させたり、ファイルをダウンロードさせたりといった、少し上級者向けのテクニックを学びます。 リンクを貼るタグを多く利用しますので、よくわからない方は先に「リンクと画像・動画・オーディオ」の章を学習してから、この章に挑んで頂くとより理解が深まります。

 

 

(9)要素のセクショニング

Webサイトをグループ化して、レイアウトを組むためのタグを記述する方法について学びます。 Webページは、ヘッダーやコンテンツ、フッターなど様々なセクションに分かれています。ただ単純にテキストをマークアップするだけでなく、文書構造に沿ってグルーピングしないと、レイアウトを組む事が出来ないので、注意が必要です。

ABOUT EXPERT

エキスパートについて

テクノロジーとクリエイティブのプロを目指す人のためのスクールを運営しています。

卒業生は1000名以上です。

 

★提供しているサービス

2ヶ月のWebデザインコース

2ヶ月で未経験からWebデザイナーへ。 未経験からWEBデザイナーとして働けるレベルになることをゴールとした大学生や若手社会人向けのコースです

 

Webデザインキャンプ

【2日間で全てを学ぶ!】Webデザイン集中講座

 

Railsキャンプ

RailsCamp -2日間集中プログラミング入門講座-

 

など

TARGET AUDIENCE

こんな方向け

・Webサイト制作をこれから学びたい方
・最新のHTMLを勉強したい方

COURSE REQUIREMENTS

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

・PC
・Sublime Text (テキストエディター)

COURSE CURRICULUM

全76レッスン 76本の動画(約6時間45分45秒)

CHAPTER 1

HTML入門 第1回

LESSON . 1 無料 Webページを設計する方法00:06:35
LESSON . 2 Webサイト制作の言語、HTMLとは00:05:03
LESSON . 3 Webページがブラウザに表示される仕組み00:05:31
LESSON . 4 HTML制作に必要なアプリケーションをインストールする方法00:02:32
LESSON . 5 HTMLファイルを新規作成する方法00:07:15
LESSON . 6 ゼロから学ぶHTMLタグの書き方入門00:04:06
LESSON . 7 [実践]HTMLを書いてみよう:簡単なテキストのマークアップ00:07:00
LESSON . 8 HTMLファイルをブラウザで表示させるには00:04:17
LESSON . 9 Web製作者が知っておくべき、ブラウザの種類と特徴00:04:44

CHAPTER 2

HTML入門 第2回

LESSON . 10 HTML5を宣言するDOCTYPEの書き方00:05:07
LESSON . 11 HTMLの基本構造を記述する方法 00:04:22
LESSON . 12 文字エンコードの種類と記述方法00:04:14
LESSON . 13 Webページにタイトルを付けるタグの書き方00:04:55
LESSON . 14 Webサイトの情報を示すタグの書き方00:06:02
LESSON . 15 見出しである事を示すの書き方00:04:02
LESSON . 16 段落である事を示すタグの書き方00:04:01
LESSON . 17 画像を表示するためのタグの書き方00:04:13
LESSON . 18 タグに情報を付加するための属性の書き方00:04:43

CHAPTER 3

HTML入門 第3回

LESSON . 19 文字の色を変える、属性の書き方00:04:57
LESSON . 20 レイアウトのためのタグを記述してみよう00:04:56
LESSON . 21 リストタグを使ってナビゲーションを作ってみよう00:08:05
LESSON . 22 メイン画像を表示させてみよう00:06:56
LESSON . 23 コンテンツをマークアップしてみよう00:06:56
LESSON . 24 フッターをマークアップしてみよう00:06:56
LESSON . 25 CSSファイルを読み込むタグの記述方法00:05:16
LESSON . 26 コメントアウトを書く方法00:03:19
LESSON . 27 [実践]アバウトページを作ってみよう00:08:34

CHAPTER 4

フォーム

LESSON . 28 フォームを作成するためのタグの書き方00:02:54
LESSON . 29 タグでテキスト入力フォームを作る方法00:04:35
LESSON . 30 タグで長文向けフォームを作成する方法00:05:05
LESSON . 31 タグで送信・リセットボタンを作る方法00:03:03
LESSON . 32 タグでフォームにラベルを付ける方法00:06:17
LESSON . 33 タグでフォームをグループに分ける方法00:04:37
LESSON . 34 タグでセレクトメニューを作る方法00:08:38
LESSON . 35 タグでラジオボタンを作る方法00:05:46
LESSON . 36 タグでチェックボックスを作る方法00:04:00
LESSON . 37 フォームに関するタグを使って、ログインページを作ろう!00:09:35

CHAPTER 5

テーブル

LESSON . 38 テーブルを作成するためのタグの書き方00:05:14
LESSON . 39 テーブルに項目名を設定するタグの書き方00:05:52
LESSON . 40 テーブルに説明を加える3つのタグの書き方00:04:36
LESSON . 41 行をグループ化する3つのタグの書き方00:06:35
LESSON . 42 隣り合う複数のセルを結合させるタグの書き方00:05:38
LESSON . 43 テーブルタグを使って、企業概要ページを作ろう!00:08:17

CHAPTER 6

テキストとリスト

LESSON . 44 見出しをつける~の書き方00:07:15
LESSON . 45 段落タグと改行タグの書き方00:05:40
LESSON . 46 語句を強調、ハイライト表示させるタグの書き方00:03:39
LESSON . 47 引用するときのタグの書き方00:06:07
LESSON . 48 改行や余白をそのまま表示させるタグの書き方00:04:28
LESSON . 49 連絡先や問合わせ先、省略文字、改行位置を示す方法00:04:21
LESSON . 50 箇条書きリストを作成する方法00:05:09
LESSON . 51 定義型リストを作成する方法00:04:16
LESSON . 52 文字構造を意識したHTMLテキストのマークアップをしてみよう00:06:22
LESSON . 53 テキスト系タグを使った、カフェメニューページを作ろう!00:05:39

CHAPTER 7

リンクと画像・動画・オーディオ

LESSON . 54 指定のページへリンクさせるタグの書き方00:06:13
LESSON . 55 指定のHTMLファイルへリンクさせるタグの書き方00:06:02
LESSON . 56 ページ内ジャンプさせるリンクの書き方00:05:25
LESSON . 57 画像を表示するタグの書き方00:07:40
LESSON . 58 横罫線を表示するタグの書き方00:04:02
LESSON . 59 youtube動画をサイトに埋め込む方法00:04:06
LESSON . 60 ページの中に別のページを表示させるの書き方00:05:41
LESSON . 61 google mapを表示させる方法00:04:25
LESSON . 62 youtube動画を使った、映画情報サイトを作ろう!00:04:18

CHAPTER 8

HTMLテクニック

LESSON . 63 リンクのクリックでメールソフトを起動させる方法00:04:30
LESSON . 64 件名や本文を入力している状態でメールソフトを起動させる方法00:05:05
LESSON . 65 ユーザーに親切なお問い合わせメールを作成してみよう00:08:37
LESSON . 66 ファビコンを設定する方法00:04:04
LESSON . 67 サイトでPDFファイルをダウンロードさせる方法00:05:18
LESSON . 68 秒数を指定して自動的に特定のページへジャンプさせる方法00:04:05
LESSON . 69 素材ダウンロードサイトを作ってみよう00:05:40

CHAPTER 9

要素のセクショニング

LESSON . 70 Webページレイアウトの基礎を学ぼう00:03:18
LESSON . 71 ヘッダーとナビゲーションを作成する方法00:04:44
LESSON . 72 メインコンテンツ、サイドバー、フッターの作成方法00:04:31
LESSON . 73 Webサイト全体を真ん中寄せにするためのタグの記述方法00:03:51
LESSON . 74 sectionタグとarticleタグの違い00:05:44
LESSON . 75 文書構造を意識した正しいグルーピングをしてみよう00:05:16
LESSON . 76 Webページにタイトルを付ける<title>タグの書き方00:04:55

動画で見る
WATCH ON MOVIE

OTHER COURSES OF THIS EXPERT

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

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
41:40:39 / 2K VIEWS
未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
nestonline
6,000(税込)
3121-819cb4237ddfceaa3e4dfdc66898f56f65f8a81c-17421115.png
実践Webサイトコーディング講座 | HTML5とCSS3を使って、カフェのサイトやWebメディアサイトを作ってみよう
08:57:59 / 2K VIEWS
実践Webサイトコーディング講座 | HTML5とCSS3を使って、カフェのサイトやWebメディアサイトを作ってみよう
nestonline
4,200(税込)
3121-819cb4237ddfceaa3e4dfdc66898f56f65f8a81c-17421115.png
CSS / CSS3 マスターコース |70以上のレッスン、7時間以上のレッスンでCSSを基礎からマスター
06:29:21 / 2K VIEWS
CSS / CSS3 マスターコース |70以上のレッスン、7時間以上のレッスンでCSSを基礎からマスター
nestonline
4,200(税込)
3121-819cb4237ddfceaa3e4dfdc66898f56f65f8a81c-17421115.png
未経験からプロを目指す!実践PhotoshopCC講座
08:29:39 / 1K VIEWS
未経験からプロを目指す!実践PhotoshopCC講座
nestonline
4,200(税込)
3121-819cb4237ddfceaa3e4dfdc66898f56f65f8a81c-17421115.png
WebデザインのためのPhotoshop実践講座
11:07:19 / 1K VIEWS
WebデザインのためのPhotoshop実践講座
nestonline
4,200(税込)
3121-819cb4237ddfceaa3e4dfdc66898f56f65f8a81c-17421115.png

SIMILAR COURSE CURRICULUM

同じ分野のコース

「話す」を「お金」に変える技術 〜著書紹介〜
00:02:31 / 3K VIEWS
「話す」を「お金」に変える技術 〜著書紹介〜
香坂コーリー知永子
FREE
大人の学び直し数学講座
00:03:00 / 3K VIEWS
大人の学び直し数学講座
Total learning school SPICA®
100(税込)
4341-c9ce46230ebe9879314f71d5e2827b138937233e-58231307.JPG
女前塾NLP
01:27:12 / 2K VIEWS
女前塾NLP
池ちゃん
19,800(税込)
1680069058940420.jpg
福島直樹の就職なんでも相談室
00:01:46 / 2K VIEWS
福島直樹の就職なんでも相談室
福島直樹
FREE
3111-51fa6010d71026710674e10eb23f64982f338386-21541114.jpg
仕事はできるのに、机がぐちゃぐちゃで困っているきみへ
00:10:37 / 1K VIEWS
仕事はできるのに、机がぐちゃぐちゃで困っているきみへ
内田式“超”読書術
FREE
10331-2c974bfae6ef15e33e4f43d40d7ccee45d62947e-49581718.jpg
起業志願者のための事業計画の作り方
00:20:43 / 1K VIEWS
起業志願者のための事業計画の作り方
高田 晃
FREE
10851-248e16f4ba05d0968d8da4f725e1f0526341a2dc-51401524.jpg
無敵の就活パーフェクトナビ ~著書紹介~
00:03:58 / 2K VIEWS
無敵の就活パーフェクトナビ ~著書紹介~
福島直樹
FREE
3111-51fa6010d71026710674e10eb23f64982f338386-21541114.jpg
無敵の面接 2017年 ~著書紹介~
00:02:54 / 2K VIEWS
無敵の面接 2017年 ~著書紹介~
福島直樹
FREE
3111-51fa6010d71026710674e10eb23f64982f338386-21541114.jpg
起業家・小規模会社のための動画活用講座
00:13:55 / 1K VIEWS
起業家・小規模会社のための動画活用講座
高田 晃
FREE
10851-248e16f4ba05d0968d8da4f725e1f0526341a2dc-51401524.jpg
「稼ぐ力」が身につく大人の勉強法 仕事ができるヤツにガリ勉はいない!
00:11:03 / 1K VIEWS
「稼ぐ力」が身につく大人の勉強法 仕事ができるヤツにガリ勉はいない!
内田式“超”読書術
FREE
10331-2c974bfae6ef15e33e4f43d40d7ccee45d62947e-49581718.jpg
これだけ!PDCA
00:10:45 / 882 VIEWS
これだけ!PDCA
内田式“超”読書術
FREE
10331-2c974bfae6ef15e33e4f43d40d7ccee45d62947e-49581718.jpg
起業までに最低限知っておくべき会計知識
01:35:37 / 2K VIEWS
起業までに最低限知っておくべき会計知識
石川和男
1,500(税込)
1375511-c6350ec9387fdcedde33af5f368efd29596a4622-56071726.png
誰でもわかるFlash Professional CS5使い方講座
03:12:16 / 842 VIEWS
誰でもわかるFlash Professional CS5使い方講座
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
人と話をする際にNGになる「しぐさ」を知っていますか?
00:01:28 / 852 VIEWS
人と話をする際にNGになる「しぐさ」を知っていますか?
伊勢田幸永
FREE
部下の能力を高めるコーチング
693 VIEWS
部下の能力を高めるコーチング
ビジネスコンサルタント(BCon)
90日間
5,000(税込)
1372871-a8f647284331cc61bacc6fc0dcf2888ecd074b2d-55171711.jpg

セミナー、講座の集客方法
00:30:55 / 795 VIEWS
セミナー、講座の集客方法
春明力
1,700(税込)
1273213062729367.jpg
誰でもわかるAdobe After Effects CC
02:03:14 / 922 VIEWS
誰でもわかるAdobe After Effects CC
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
お客をまとめてつかまえる「セミナー営業」の上手なやり方
00:10:23 / 910 VIEWS
お客をまとめてつかまえる「セミナー営業」の上手なやり方
内田式“超”読書術
FREE
10331-2c974bfae6ef15e33e4f43d40d7ccee45d62947e-49581718.jpg

はじめてのHTML5⑥ 今までのHTMLとの相違点
00:23:47 / 577 VIEWS
はじめてのHTML5⑥ 今までのHTMLとの相違点
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png
雑談力 ストーリーで人を楽しませる
715 VIEWS
雑談力 ストーリーで人を楽しませる
内田式“超”読書術
FREE
10331-2c974bfae6ef15e33e4f43d40d7ccee45d62947e-49581718.jpg

はじめてのJavaScript JavaScript基礎⑤
00:36:50 / 543 VIEWS
はじめてのJavaScript JavaScript基礎⑤
デジハリ・オンラインスクール
プレミアムメンバー限定 1892771-9b204496465ccd75b0a274286e33a801e2df4643-05211823.png

プログラミングで科学を学ぼう! Vol. 1 前編
02:38:54 / 2K VIEWS
プログラミングで科学を学ぼう! Vol. 1 前編
平山雄三
3,000(税込)
3061-7a33550eb11a9ea765a3d5eb2109518236952cf8-38511506.jpg
小さな会社の頭のいい社長がやっている「仕掛け営業術」
00:10:53 / 626 VIEWS
小さな会社の頭のいい社長がやっている「仕掛け営業術」
内田式“超”読書術
FREE
10331-2c974bfae6ef15e33e4f43d40d7ccee45d62947e-49581718.jpg
横断的マネジメントのあり方
780 VIEWS
横断的マネジメントのあり方
ビジネスコンサルタント(BCon)
90日間
5,000(税込)
1372871-a8f647284331cc61bacc6fc0dcf2888ecd074b2d-55171711.jpg
社会の変革に対応する人材育成と能力開発
623 VIEWS
社会の変革に対応する人材育成と能力開発
ビジネスコンサルタント(BCon)
90日間
5,000(税込)
1372871-a8f647284331cc61bacc6fc0dcf2888ecd074b2d-55171711.jpg
誰でもわかるMicrosoft Outlook 2013
00:52:04 / 601 VIEWS
誰でもわかるMicrosoft Outlook 2013
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
【日本一の研修】効率的なパワーポイント スライド作成テクニック
01:17:13 / 1K VIEWS
【日本一の研修】効率的なパワーポイント スライド作成テクニック
BiT-A
10,800(税込)
2371-f5b42afe3f6fc1d57f61a9973acf7d4fe51558c7-16541629.JPG

Scratchで学ぶ科学的思考プログラミング 後編
01:23:21 / 1K VIEWS
Scratchで学ぶ科学的思考プログラミング 後編
平山雄三
3,000(税込)
3061-7a33550eb11a9ea765a3d5eb2109518236952cf8-38511506.jpg
誰でもわかるMicrosoft Access 2010
02:20:34 / 963 VIEWS
誰でもわかるMicrosoft Access 2010
アテイン株式会社
3,000(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
Unity 3D迷路ゲーム開発入門
10:49:30 / 582 VIEWS
Unity 3D迷路ゲーム開発入門
中田豊久
24,000(税込)
誰でもわかるビジネスマナー 〜社内コミュニケーション編〜
00:18:56 / 917 VIEWS
誰でもわかるビジネスマナー 〜社内コミュニケーション編〜
アテイン株式会社
2,400(税込)
2441-6905986ead77749db02ba6fa2b603b1b59404539-32501111.gif
たった2時間の学びで仕事は好転する
00:10:37 / 600 VIEWS
たった2時間の学びで仕事は好転する
内田式“超”読書術
FREE
10331-2c974bfae6ef15e33e4f43d40d7ccee45d62947e-49581718.jpg

▲ページトップへ

フォルダ選択

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

新規フォルダ作成

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

フォルダーのカラー設定

新規フォルダ作成

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

▲ページトップへ