HTML5・CSS3の基礎知識(PC・スマートフォン)
HTML4.01・XHTML・CSS2.1でのマークアップを理解している方に
HTML5・CSS3の基礎知識(PC・スマートフォン)
このトレーニングは、HTML4.01、XHTML、CSS2.1でのマークアップを理解している方を対象に、HTML5・CSS3・外部JavaScriptを使用したPCサイト及びスマートフォン用サイトの作り方を学習するトレーニングです。HTML4と5の違いや、廃止要素や新要素、マークアップの仕方やバリデーション、CSS3での新しいセレクタやプロパティ、アニメーションやトランスフォーム、テスト環境の構築やHTML5非対応ブラウザへの対応等を学習し、スマートフォン向けのサイトとして既存サイトのスマートフォンへの最適化、ユーザーエージェントによる振り分け、デバッグ、flashコンテンツの代替表示などを学習します。従来のマークアップを理解している方で、HTML5・CSS3の新しい部分やスマートフォンサイトの作り方を学習したい方はぜひご受講ください。 またcanvasなどAPIが絡む部分の理解は、本来JavaScriptの理解が必要となりますが、このトレーニングでは、既存ソースのコピーまたは外部ファイルを使用しますので、JavaScriptの理解は必要ありません。ただし、HTML5の新しい部分を十分に理解・活用するためにはJavaScriptの理解が必須になると考えてください。 なお、このトレーニングでは、HTML5の新要素に対応したAPI(JavaScript部分)に関する詳細はご説明しておりません。JavaScriptをこれから勉強される方は、JavaScriptの基礎知識のご受講をご検討ください。また、HTML5を勉強される前に、従来のHTML4.01/XHTMLによるマークアップを勉強される方は、HTML・XHTML・CSSの基礎知識を受講されてから、この講座をご受講ください。
受講のメリット
- 少人数制クラスによる、ハンズオンセミナーなので、大人数で受講するよりもより理解度を深めることができます。
- 教材費も込みでお得です。
- 講師は、Adobe 認定エキスパート。より詳しい技術の習得が可能です。
期待される効果
- 新しい要素やセレクタなど従来のHTMLとの違いを理解することができます。
- 美しいサイトの表現や軽量化など、HTML5とCSS3の利点等について理解することができます。
- JavaScriptを理解している方は、HTML5の新要素で使用するメソッドや使用法を理解することができます。
教材
主教材:オリジナルテキスト
※主教材の代金は受講料に含まれております。
持ち物
- 受講票
- 筆記用具
※データの持ち帰りはできません
使用アプリケーション
- テキストエディタ
- Google Chrome
- FireFox
- Safari
- IE
- Opera
使用端末
Macintosh(MacPro 2.66GHz)またはWindows
カリキュラム
はじめに
- HTML5・CSS3の概要
- JavaScriptとAPIについて
HTML4/XHTMLとHTML5
- 新機能と廃止要素
- 構造化
- マルチメディア機能
- APIの追加
HTML5
- 宣言とheadコンテンツ
- セクショニングとグルーピング
- テキストの要素
- HTML4との互換を考慮した書き方
- バリデーション
- 映像とオーディオ
- テーブル
- フォーム
- HTML5非対応ブラウザへの対応
CSS3
- CSS3の新機能と追加機能
- エフェクト関連
- トランジション関連(アニメーション)
- レイアウト関連(複数の背景、ボーダーイメージ、ボックスレイアウト)
- トランスフォーム関連
- ベンダープレフィックス
- 属性セレクタ
- 疑似クラス
- Webフォント
スマートフォン(HTML5・CSS3)
- テスト環境の構築
- リキッドレイアウトについて
- 既存レイアウトをスマートフォン用に最適化する
- 端末の判別方法
- 省略できる書き方
- 電話番号発信
- アドレスバー
- WebClipアイコンとアイコンサイズについて
- アプリケーションキャッシュ
- Flashコンテンツの代替表示
- スマートフォン用のUI
レスポンシブWebデザイン
- 最適化と適応化
- @media Queries
- レスポンシブ用のCSSの書き方
- デザインの確認
HTML5.1
- HTML5.1からの新しい要素・属性値
今後の学習に役に立つWebサイト
他
講師
伊藤 和博
株式会社イマジカデジタルスケープ トレーニングチームディレクター
講師歴20年。講座開発数100以上。 総合商社のスクールでMac/Winを使ったDTP/Webトレーニングスクールの業務全般を担当。 大手PCメーカー、プリンターメーカー、化粧品メーカー、大手印刷会社、大手広告代理店、新聞社、大手玩具メーカー、大学、官公庁、団体などに向けたトレーニングなど幅広い企業の人材育成に携わる。 現在は、イマジカデジタルスケープにてAdobeCCを中心としたトレーニングの企画、講師を務める。Adobe認定エキスパート、JAGAT認定DTPエキスパート、アップルコンピュータ認定技術者、CIW JavaScript Specialist、CIW Web Design Specialist。
受講者へのメッセージ
HTML5・CSS3の登場によって、より表現力豊かなWebサイトが構築できるようになりました。ただし、単に新しくなったからといって、新しいタグやセレクタを覚えればいい、というわけではなく、HTML5は少なくとも既存のHTML4.01でのマークアップの理解があることが前提で、新しい機能の理解と使わなくなった部分の理解とその使い方に加え、JavaScriptの活用も大なり小なり理解しておく必要が出てきます。HTML5全体像は、HTML5+CSS3+JavaScriptの複合技術とも言えます。これからHTML5を勉強される方は、まず下準備として従来のHTML4.01やXHTMLでのマークアップの理解、JavaScriptの基礎知識を理解してからHTML5を勉強されることをお勧めします。
オススメする対象者
- HTML4.01、XHTML、CSS2.1でのマークアップを理解している方
- HTML・XHTML・CSSの基礎知識を受講済みの方
- JavaScriptの基礎知識を受講済みの方(推奨)
お申込み
この講座は、株式会社イマジカデジタルスケープが実施します。
お申込みや詳細の確認は下記URLから行って下さい。
http://training.dsp.co.jp/shopdetail/009000000024/