誰でもわかる HTML5


「HTMLの基礎知識」としてHTMLのこれまでの変遷に触れながらHTML4およびXHTML1.0においての記述方法を文書型定義から丁寧に学び、HTML5と従来のHTMLとの比較、HTML5の新しい要素、使い方や基本的な特徴について学びます。

学習内容

  • HTMLのこれまでの変遷を簡単に知ることができる。
  • 基礎としてWebページが表示される仕組みやWebブラウザーの違いを知ることができ、HTMLとWebページの関係について知ることができる。
  • HTMLによってコンテンツがどのようにマークアップされるのか、HTMLの基本がわかる。
  • HTML5の概要が理解できる。
  • HTMLの文書構造と階層構造の重要性が理解できる。
  • 階層構造の理解が深まることによって意味のある文書構造でWebページを作成することができる。



受講における必要条件

  • 座学が主体となります。初めての方にも丁寧に解説するので、特に準備は必要ありません。 インターネットやwebサイトなどを利用したことがあり、web制作に興味がある方であれば ここで学習したことをきっかけに、さらにご自身で知識を深めていける講座です。
  • あるとよいソフトはDreamweaverとwebブラウザーですが、 ソフトを動かしている状態で解説していますので必ずしも必要というわけでもありません。



講座内容

このコースでは、Webページを作成するためのマークアップ言語であるHTML5について解説します。いままでHTMLを使用してきた方はもちろん、これから始める方にも有効な内容となっています。


セクション1では「HTML5の基礎知識」として、HTML5の特徴について解説します。

セクション2では「HTML5によるセマンティックなマークアップ」として、XHTMLでコーディングしたサイトと比較しながら、HTML5でのマークアップについて解説します。

セクション3では、Microdataの利用や動画の利用方法、ドキュメントのバリデートなどについて解説します。

セクション2と3には演習ファイルが付属しており、実習に使うことができます。


デザイナーを目指す方なら、既に公開中の「Adobe Dreamweaver」の講座とあわせて視聴すれば更に効果的でしょう。



このコースの対象受講者:

  • WEBデザイナーを目指す方、 新人教育や実務の補助に。
  • HTML5を一から学びたい人
  • HTML5とxhtmlとどう違うか知りたい人
  • コーダー志望、HTML5を扱うプログラマー
  • コーディングに興味があるwebデザイナー、webデザイナー志望
  • 質の高いSEOに取り組みたいweb担当者、Webプランナー