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

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
Webサービス事業者、Web系ベンチャーが必ず押さえるべき著作権の知識
PRO COURSE

Webサービス事業者、Web系ベンチャーが必ず押さえるべき著作権の知識

1h 33m Video Course
Instructor: 柿沼 太一
10
$87.50
djangoではじめてのWebページをつくろう講座
PRO COURSE

djangoではじめてのWebページをつくろう講座

43m Video Course
Instructor: Takafumi Kawai
12
$10.99
【現役Rubyistが質問対応】Ruby on Rails (6.0) チュートリアル [第6版]
PRO COURSE

【現役Rubyistが質問対応】Ruby on Rails (6.0) チュートリアル [第6版]

37時間13分の動画講座+質問対応
Instructor: 安川 要平
2
$579.99
Web制作の学校が教える これからはじめるFlashの講座
PRO COURSE

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

3h 54m Video Course
Instructor: 林 拓也
3
$42.99
Webデザイナーを目指す人の必須アプリ基礎完全マスター 3コースセット
PRO COURSE

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

9h 34m Video Course
Instructor: アテイン株式会社
10
$53.99
HTML5+CSS3 Webデザインとプログラミング講座
PRO COURSE

HTML5+CSS3 Webデザインとプログラミング講座

10h 11m Video Course
Instructor: ムラモリ コウ
3
0%OFF
$73.20
$73.20
Ruby on Railsでプログラミングの知識ゼロから写真投稿アプリを作る!
PRO COURSE

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

3h 31m Video Course
Instructor: sayacat
34
$44.99
フルスタックエンジニアが教える 即戦力Railsエンジニア養成講座
PRO COURSE

フルスタックエンジニアが教える 即戦力Railsエンジニア養成講座

7h 37m Video Course
Instructor: Kojima Kazuya
1
$98.99
Djangoで作るはじめてのPythonによるWebアプリケーション開発講座
PRO COURSE

Djangoで作るはじめてのPythonによるWebアプリケーション開発講座

16h 50m Video Course
Instructor: 滝澤 成人
4
$199.99
制作会社に依頼しなくても大丈夫!女性講師が教えるワードプレス動画講座
PRO COURSE

制作会社に依頼しなくても大丈夫!女性講師が教えるワードプレス動画講座

4h 10m Video Course
Instructor: 佐々木 亜紀
$209.99
フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座
PRO COURSE

フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座

10h 26m Video Course
Instructor: たにぐち まこと
31
$199.99