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

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

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

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

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

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

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

このコースについて

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

この講座で学べること

1. HTML入門 第１回

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



2. HTML入門 第２回

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



3. HTML入門 第３回

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



4. フォーム

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



5. テーブル

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



6. テキストとリスト

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



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

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



8. HTMLテクニック

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



9. 要素のセクショニング

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

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

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