10年ぶりのメジャーバージョンアップとなる次世代のWeb標準技術「HTML5」が、W3Cの場で策定されています。HTML5をCSS3やJavaScriptと組み合わせることで、豊かな表現やアプリケーションに役立つ機能をブラウザだけで実現できるようになります。Webサイトの作り方が劇的に変わるのです。

　受講者は、わかりやすい解説によってHTML5の概要を理解したうえで、HTML5およびCSS3を用いて実際に簡単なWebページを作成します。それらを通じて「HTML5とはどういったものか」「既存のHTMLやXHTMLとの違いは何か」を体験します。
開催概要
日　時

2011年4月21日（木）10時30分〜17時00分（開場10時00分予定）
会　場
主　催
受講料金

45,000円（税込み）
受講特典

● 書籍「HTML5＆API入門」（定価2,940円）


HTML5で導入された膨大な量の新機能をわかりやすく、コンパクトに解説しているだけではなく、HTML5の意義やHTMLの歴史、HTML5マークアップのTIPSなど、HTML5に興味のあるすべての方に役立つ内容となっています。

● サンプルWebページのソース収録CD

デモンストレーションで使用するWebページのソースは、すべてCDに収録してお持ち帰りいただきます。
対　象

HTML、CSSを用いたコーディングの経験がある人
セミナーをハンズオンとして体験するために
  • セミナーの受講だけでも十分に内容の理解が可能ですが、開発のデモンストレーションを行いますので、ご自身で開発用のノートPCをご用意いただければ、より実践的に把握することができます（PCの電源は会場で用意いたします）。
  • ソースコードは特典のCD-ROMに収録して当日お渡ししますので、CD-ROMドライブをご用意ください。CD-ROMドライブがない場合は、モバイル通信環境（EMOBILEなど）をご自身でご用意いただければ、インターネットからダウンロードすることも可能です。会場にはLAN（有線・無線）の用意はございませんので、あらかじめご了承ください。
＜事前インストールが必要なソフトウエア＞
■ブラウザ
Google Chrome 6.0以降　http://www.google.com/chrome/
または
Safari 5.0以降　http://www.apple.com/jp/safari/
■エディタ
お好きなエディタをお使いください。DreamWeaverなどのオーサリングツールをお使いの方は、そのまま使用していただいても問題ありません。お薦めは以下のエディタです（いずれもフリー）。

　【Windows環境】
　　・TeraPad　http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html
　　・サクラエディタ　http://sakura-editor.sourceforge.net/download.html
　【Mac環境】
　　・CotEditor　http://sourceforge.jp/projects/coteditor/
　　・mi　http://www.mimikaki.net/
本セミナーの受付は終了いたしました。
今後ともITproプロフェッショナル講座をよろしくお願いいたします。
受講者の声
HTML5は独学で十分だと思いつつ、会社のすすめで受けにきたが、魅力や意味を効率的に教えてもらえて、HTML5良い！！と思った。積極的に使っていきたい。
非常に実践的な内容で、とても良かったと思います。
書籍も有用なのでありがたいです。
大変興味深く、ためになる内容でした。
実践のセッションでは、コーディング作業の実際が分かり大変参考になった。
最後のほうが急ぎ足になったのが残念ですが、とても良かったです。参考になりました。
ありがとうございました。
プログラム
10:30 〜 11:30 セッション１　HTML5の解説
  1.HTML5とは

　・ HTML/XHTMLの歴史
　・ HTML5誕生の経緯
　・ HTML5の全体像

2.HTML5の普及状況

　・ ブラウザのHTML5への対応状況
　・ HTML5の最新事情まとめ

3.HTML5のマークアップ

　・ 公式サイトでのHTML5採用例
　・ なぜHTML5化するのか
　・ HTML5の書式について
　・ 文章型宣言
　・ 文字エンコーディング
　・ マークアップのルール
　・ HTML5の構文チェック
　・ Internet Explorer向けの対応
　・ HTML5のコンテンツ・モデルについて
　・ HTML5で新しく導入された要素
　・ HTML5で変更された要素
　・ アウトラインという考え方
　・ 従来の(X)HTMLでのアウトライン
　・ アウトラインを構成する要素：
　　 hgroup / section / article / aside / nav
　・ その他の要素：
　　 header、footer / video / audio / canvas / time / address / small / hr

4.HTML5の関連API

　・ 代表的なAPI：
　　 Web Workers / Web Storage / File API / Web Sockets / SVG
 

11:30 〜 12:30

昼食 （お食事とお飲み物をご用意します）
12:30 〜 14:00 セッション2　HTML5の実践（ハンズオン）
1.トップページのHTML5化

　・ ページデザインの確認
　・ ページの準備
　・ 見出しの把握
　・ ナビゲーションの把握
　・ アウトラインの確認
　・ アウトラインの修正
　・ アウトラインの再確認
　・ 日時の指定
　・ 細目の指定

2.下層ページのHTML5化

　・ ページデザインの確認
　・ 見出しの把握
　・ 図面の指定
　・ アウトラインの確認
　・ HTML5化の完成
 
14:00 〜 14:15

休憩
14:15 〜 15:15 セッション3　CSS3の概要
  1.CSS3とは

　・ CSSの歴史
　・ CSS3で変わること
　・ ブラウザの対応状況
　・ Progressive Enhancementという考え方・実例

2. CSS3の書き方
3. CSS3の代表的な機能

　・ CSS3の機能：
　　　セレクタ / 属性セレクタ / nth-child(n) / 色の透明度 / 角丸 /
　　　シャドウ / Webフォント / ボックスレイアウト / グラデーション /
　　　変形 / アニメーション / メディアクエリ

4.Internet Explorer 対策

　・ Internet Explorer用のCSSの読み込み
　・ JavaScriptによる代替処理
 
15:15 〜 15:30

休憩
15:30 〜 17:00 セッション4　CSS3の実践（ハンズオン）
1.トップページの装飾

　・ ページデザインの確認
　・ ページの準備
　・ ヘッダー部分の装飾
　・ 検索フォームの装飾
　・ 新着情報部分の装飾
　・ トピック（サービス紹介）部分の装飾

2.下層ページの装飾

　・ ページデザインの確認
　・ メインコンテンツ部分の装飾
　・ ナビゲーション部分の装飾

3.アニメーション効果の付加

　・ グローバルメニューのアニメーション効果
　・ サイドメニューのアニメーション効果

4.Flash代替アニメーションの作成

　・ iPhone/iPadでの表示確認
　・ 代替アニメーションの作成
　・ CSS3レイアウトの完成

 
講師プロフィール
 株式会社ジークス
 フロントエンドアーキテクト
 若松 浩昭 氏
2006年にジークスにシステムエンジニアとして入社。Web開発の現場で活動する中で、エンドユーザーが実際に接する画面の表現を追求することに可能性を感じ、フロントエンドエンジニアとして制作チームに移籍。業務系のサイトを中心に、ユーザーインタフェース（UI）の考慮を重視したサイト制作をけん引する。近年ではHTML5/CSS3を中心としたサイト構築やアプリケーションUI設計など活動は多岐にわたる。
※講師、講演タイトル等は変更になることがあります。予めご了承ください。
本セミナーの受付は終了いたしました。
今後ともITproプロフェッショナル講座をよろしくお願いいたします。
お問い合わせは、こちらからお願いします。