Share this course

Get up to 20% revenue for each qualifying new purchase you refer.
You can join the course referral program after purchasing this course.
Let's take this course now!
Top Programming 基礎から学べる! HTML5完全マスター講座
PRO COURSE

基礎から学べる! HTML5完全マスター講座

初めてHTMLを学ぶ方向けに、HTMLの基本文法からレイアウトするためのHTMLタグの記述方法など、Webサイトをマークアップする上でかかせないスキルをご紹介します。

最新のHTML5を基礎から実践までしっかり習得

Webページを作成するために開発された言語、HTML。Web制作技術として必要不可欠な、そのHTMLの正しい記述方法を学習します。

初めてHTMLを学ぶ方向けに、まずは基本の書き方・ツールの使い方・構造をレクチャーします。
その後はレイアウト組みやボタン作成、ソフトの起動、動画の貼り付けなど実践的な内容に進み、実際に簡単なWebサイトを制作していきます。

動画を見ながら一緒に操作をして作品を作っていくことをテーマとしていますが、動画は全て5〜10分前後にまとめているので、
「Webサイト制作をこれから学びたい」という初心者の方にも、無理なくご自身のペースで、学んでいただけます。

また、Webサイトをご自身でも作りながら進められるので、
「最新のHTMLを勉強したい」という方にももちろん楽しんで続けていただけます。

※各セクションの冒頭に動画内で使用するデータを添付しています。あらかじめダウンロードした上でご覧ください。

このコースについて

Photoshop、Webデザイン、HTML、CSS、コーディングの5講座が全てセットになった未経験からプロのWebデザイナーに! 450レッスン完全マスターコースのHTMLの部分を抽出したHTML5を学ぶコースです。

この講座で学べること

  1. HTML入門 第1回
  2. 初めてHTMLを学ぶ方向けに、HTMLの基本の書き方から便利なツールまでをレクチャーします。
    簡単なWebサイト制作を通して、 HTMLを学ぶ上での環境をここで整えます。


  3. HTML入門 第2回
  4. HTMLファイルを記述するにあたって、まずは必ず記述しなければならない「基本構造」の必須コードや、超基本的な文字の表示方法をレクチャーしていきます。
    文字にタグを付与していくのが基本の書き方を覚えるため、ルールに基づいて記述しなければいけない「基本の構造」を学びます。


  5. HTML入門 第3回
  6. 簡単なWebサイトの制作を通して、HTMLの基礎をマスターできる章です。
    リストタグを使って箇条書きリストを作成したり、Webサイトレイアウトを組むためのタグの記述方法について学びます。


  7. フォーム
  8. 文字の入力フォームやチェックボックス、ラジオボタンや送信ボタンなど、フォームを形成する上で必須のHTMLの書き方についてをレクチャーします。
    この章をマスターすれば、実際に送信等の機能はつけれませんが、簡単なお問い合わせフォームを作れるようになります


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


  11. テキストとリスト
  12. テキストには、「見出し」「段落」だけでなく、「引用」「リンク」など 様々な意味を付与していく必要があります。
    ここでは、簡単な制作物を通して、様々な文字に関するHTMLタグについて学んでいただきます。


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


  15. HTMLテクニック
  16. リンクのクリックでメールソフトを起動させたり、ファイルをダウンロードさせたりといった、少し上級者向けのテクニックを学びます。


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


講師はテクノロジーとクリエイティヴのプロを目指す人のためのスクールを運営しており、その実績は卒業生1000名以上。
未経験からWebデザイナーとして働けるレベルになることをゴールとしています。


Webデザイナーとして技術面も含めた全てを勉強したい方へ、ほかに同講師のPhotoshop講座、Webデザイン講座、CSS/CSS3講座、コーディング講座、フルセット版もご用意しております

About the instructor

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

卒業生は1000名以上です。

★提供しているサービス

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

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

Webデザインキャンプ

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

Railsキャンプ

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

など

See more

Course content

Total
Preview You can preview lectures with this label
Loading

Ratings and reviews

4.5
8 reviews
5 stars
63%
4 stars
25%
3 stars
13%
2 stars
0%
1 stars
0%

Related Courses

ミミプロ 〜耳で覚えるプログラミング〜 - 音声 + 映像セット版
PRO COURSE

ミミプロ 〜耳で覚えるプログラミング〜 - 音声 + 映像セット版

2h 44m Video Course
Instructor: Hatano Masaaki
4
95%OFF
$17.98
$355.99
6時間でマスター!! jQueryで動きのあるWebサイトを作ろう
PRO COURSE

6時間でマスター!! jQueryで動きのあるWebサイトを作ろう

5h 59m Video Course
Instructor: ムラモリ コウ
2
$69.98
ゼロからはじめる Dockerによるアプリケーション実行環境構築
PRO COURSE

ゼロからはじめる Dockerによるアプリケーション実行環境構築

5h 44m Video Course
Instructor: Kojima Kazuya
$98.99
Webデザイナーを目指す人の必須アプリ基礎完全マスター 3コースセット
PRO COURSE

Webデザイナーを目指す人の必須アプリ基礎完全マスター 3コースセット

9h 34m Video Course
Instructor: アテイン株式会社
10
$53.99
Ruby on Railsでプログラミングの知識ゼロから写真投稿アプリを作る!
PRO COURSE

Ruby on Railsでプログラミングの知識ゼロから写真投稿アプリを作る!

3h 31m Video Course
Instructor: sayacat
34
$44.99
Web制作の学校が教える これからはじめるFlashの講座
PRO COURSE

Web制作の学校が教える これからはじめるFlashの講座

3h 54m Video Course
Instructor: 林 拓也
3
$42.99
悪魔のWebサイト作成講座 - 成約率がみるみる上がるサイト制作
PRO COURSE

悪魔のWebサイト作成講座 - 成約率がみるみる上がるサイト制作

2h 38m Video Course
Instructor: 山本 琢磨
11
94%OFF
$12.99
$199.99
3日間でマスターする Ruby on Rails講座
PRO COURSE

3日間でマスターする Ruby on Rails講座

5h 9m Video Course
Instructor: 井上 博樹
71
$96.99
ペライチを使った集客用Webページ作成術【フル版】特典付き
PRO COURSE

ペライチを使った集客用Webページ作成術【フル版】特典付き

1h 12m Video Course
Instructor: 原 とおる
$27.99
ペライチを使ったセールスページ作成術【セールスページの方程式教材付き】
PRO COURSE

ペライチを使ったセールスページ作成術【セールスページの方程式教材付き】

33m Video Course
Instructor: 原 とおる
$72.98
Python, django, Bootstrapで作るランディングページ開発講座
PRO COURSE

Python, django, Bootstrapで作るランディングページ開発講座

2h 4m Video Course
Instructor: Takafumi Kawai
40
$29.99
How to Become a Top Skilled Web Developer
PRO COURSE

How to Become a Top Skilled Web Developer

23h 5m Video Course
Instructor: Masaaki Hatano
$119.99