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!

Edit Your Review

Describe your thoughts and experience with this course.
Cancel
Complete

Your Review

Delete
Edit

Review This Course

Describe your thoughts and experience with this course.
Exit
Complete

Review This Course

Post a review
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

実例でわかる JavaScript 初心者講座
PRO COURSE

実例でわかる JavaScript 初心者講座

8h 37m Video Course
Instructor: 柳井 政和
6
$99.99
相手の心を動かすプレゼンテーションスキル
PRO COURSE

相手の心を動かすプレゼンテーションスキル

45m Video Course
Instructor: 藤本 剛士
1
$87.99
Photoshopを使った実践Webデザイン講座
PRO COURSE

Photoshopを使った実践Webデザイン講座

11h 13m Video Course
Instructor: NESTonline
9
$80.99
顧客視点でスラスラ書ける戦略的セールスコピーライティング講座【基礎編】
PRO COURSE

顧客視点でスラスラ書ける戦略的セールスコピーライティング講座【基礎編】

4h 31m Video Course
Instructor: 酒井 謙光
4
$132.99
ペライチを使った集客用Webページ作成術【お試し版】
PRO COURSE

ペライチを使った集客用Webページ作成術【お試し版】

28m Video Course
Instructor: 原 とおる
$4.99
部下の成果を引き出す問題解決力育成講座
PRO COURSE

部下の成果を引き出す問題解決力育成講座

1h 34m Video Course
Instructor: 大谷 更生
$79.99
「やれ!」と言わないで部下の主体性を引き出す方法
PRO COURSE

「やれ!」と言わないで部下の主体性を引き出す方法

43m Video Course
Instructor: 石山 喜章
$81.99
未経験からプロレベルを目指そう! 実践Photoshop講座
PRO COURSE

未経験からプロレベルを目指そう! 実践Photoshop講座

8h 40m Video Course
Instructor: NESTonline
1
$80.99
速習+詳細+実例 jQuery講座
PRO COURSE

速習+詳細+実例 jQuery講座

9h 4m Video Course
Instructor: 柳井 政和
$89.99
飛び出す!動く!はじめてのARコンテンツ制作講座
PRO COURSE

飛び出す!動く!はじめてのARコンテンツ制作講座

1h 56m Video Course
Instructor: 浅井 良一
6
$96.99
成約率急上昇!コピーライティングの秘密【オファー編】
PRO COURSE

成約率急上昇!コピーライティングの秘密【オファー編】

1h 49m Video Course
Instructor: 山田 どうそん
1
$89.99
長期的な無料の集客チャネルを実現!オウンドメディア構築プログラム
PRO COURSE

長期的な無料の集客チャネルを実現!オウンドメディア構築プログラム

3h 40m Video Course
Instructor: 山田 どうそん
3
$189.99

Recent Viewed PRO COURSE

営業担当者のためのPowerPointによる提案書作成術
PRO COURSE

営業担当者のためのPowerPointによる提案書作成術

33m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
$44.99
【Excel 2021】作業時間を劇的に短縮するためのExcel時短テクニック20
PRO COURSE

【Excel 2021】作業時間を劇的に短縮するためのExcel時短テクニック20

1h 24m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
$69.84
部下・後輩のやる気と成果を引き出す解決思考型コミュニケーション
PRO COURSE

部下・後輩のやる気と成果を引き出す解決思考型コミュニケーション

2h 20m Video Course
Instructor: 田中 理咲
$44.99
誰でもわかる!Microsoft PowerPoint 2019
PRO COURSE

誰でもわかる!Microsoft PowerPoint 2019

2h 16m Video Course
Instructor: Attain Corp.
$24.99
モチベーションを高めて部下を動かす! 思考パターン別指導法
PRO COURSE

モチベーションを高めて部下を動かす! 思考パターン別指導法

2h 46m Video Course
Instructor: 濱島 しのぶ
5
30%OFF
$20.29
$28.99
仕事ができる人の整理整頓術 - 5Sの徹底を図り、仕事の効果効率を上げる!
PRO COURSE

仕事ができる人の整理整頓術 - 5Sの徹底を図り、仕事の効果効率を上げる!

40m Video Course
Instructor: 藤本 剛士
2
$87.99
中谷彰宏の「リーダーになる3つの方法」 〜第3章 やる気を引き出す育成力〜
PRO COURSE

中谷彰宏の「リーダーになる3つの方法」 〜第3章 やる気を引き出す育成力〜

20m Video Course
Instructor: 中谷 彰宏
$17.99
誰でもわかる!Microsoft Access 2019
PRO COURSE

誰でもわかる!Microsoft Access 2019

2h 30m Video Course
Instructor: Attain Corp.
$29.99
相手への尊重と支援をベースにした正しいフィードバックの方法
PRO COURSE

相手への尊重と支援をベースにした正しいフィードバックの方法

32m Video Course
Instructor: 藤本 剛士
$14.99
クレーマーを上客に変える!ピンチをチャンスに変えるクレーム対応
PRO COURSE

クレーマーを上客に変える!ピンチをチャンスに変えるクレーム対応

30m Video Course
Instructor: WAKEUP
$4.99