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 Breadcumb navigator Programming Breadcumb navigator 基礎から学べる! 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%