HTML5プロフェッショナル認定試験レベル1 ポイント解説無料セミナー

(1)

レベル1 ポイント解説無料セミナー

2015年6月

本セミナーは試験対策ではなく、試験概要のご説明及びポイント解説です。

(2)

中島俊治（なかしま・しゅんじ）

経歴

• 岡山県生まれ

• 放送大学情報コース卒業

• 96年上京、SoftBank、

GeoCities JAPAN

、

Yahoo! JAPAN、Vector、SBIホールディングス、

ジョインベスト証券等を経て独立

(3)

現在

• HTML5プロフェッショナル認定資格(レベル２)合格

• マイクロソフトMVPアワード受賞

• 放送大学情報コース専門科目「HTML5入門」講師(他2校)

• デジハリ・オンラインスクール講師

• 京都コンピュータ学院講師

• (HTML５認定校)東京アプリ・ワークショップ

運営・講師

(4)

HTML５プロフェッショナル試験【レベル１】ポイント解説

1.HTML5?

2.出題範囲のポイント解説

3.試験に向けての勉強方法

本セミナーは試験対策ではなく、試験概要のご説明及びポイント解説です。

(5)

(6)

触れてみよう！

http://bit.ly/LPI0621

(7)

１：HTML5コーディング・CSS3★

２：レスポンシブWebデザイン★

３：入力フォーム★

４：CSS3★

５：CSS３アニメーション

６：対話するWebアプリ

７：重力センサを利用したWebアプリ

(8)

HTML5には２つの定義があります。

• 広義のHTML5

• 狭義のHTML5

キーワード：

HTML、CSS、Web(orホーム)ページ、W3C、HTML5、セマンティ

ック、CSS3、JavaScript、Webアプリケーション、スマートフォン、

ハイブリッドアプリ

(9)

1. HTML5>何？

HTML

昔のWebページ

(10)

1. HTML5>何？

CSS

現在のWebページ

HTML

(11)

1. HTML5>何？

CSS

3 HTML

5 JavaScript

API

文章・意味付

広義のHTML

5

(12)

1. HTML5>何？

CSS

3 HTML

5 JavaScript

API

文章・意味付

デザイン

広義のHTML

5 HTML5になると

(13)

W3Cから、2014年10月28日に正式勧告

(14)

• コードがセマンティックになる（コンテンツの内容をマークアップ）

• マルチメディアが容易に使える（audio・video）

• 入力フォームが増えた（input）

• Webサイトの表現が豊かになる（CSS3・canvas）

• WebサイトからWebアプリケーションへの進化（JavaScript・

API）

• ブラウザの違い・PCとスマホの違いを意識しなくで、ひとつのコー

ドを書けば、利用者の端末環境にあわせた表示が可能になる

（RWD・スマホ対応コード）

(15)

(16)

プロフェッショナルな資格ですが、デザイン・Web・開発に関わる幅

広い職種を対象

• Webデザイナー

• グラフィックデザイナー

• フロントエンドプログラマー

• HTMLコーダー

• Webディレクター

• Webシステム開発者

• スマートフォンアプリ開発者

(17)

1.Webの基礎知識

• HTTP・HTTPSプロト

コル(7)

• HTMLの書式(8)

• ネットワーク・サーバ技

術(6)

• Web技術(6)

2.CSS3

• 基本(6)

• CSSデザイン(9)

• カスケード(優先順位)(2)

3.要素

• HTML4.01以前(7)

• HTML5の新要素・属

性(10)

4.レスポンシブデザイン

• マルチデバイス対応(4)

• メディアクエリ(4)

• スマホサイト最適化(3)

5.オフラインWebアプリ

• 概要とマニフェスト(2)

(18)

HTMLの記述方法をご紹介します。

キーワード：

 

(書式)DTD、charset、viewport

(HTML5)セマンティック、header、nav、

main、footer、inputのtype属性、

(19)

CSSの記述方法をご紹介します

(20)

(21)

HTML5認定試験サイト

http://html5exam.jp/

合格者インタビュー

http://html5exam.jp/merit/success.html

(22)

3. 勉強方法 ②

スタート

レベル

1 合格

認定校で学習

独学

(23)

(24)

• 東京アプリ・ワークショップはHTML5講座を都内で開催中です。

HTML5攻略テキストも販売しています。

http://www.facebook.com/tokyoAppWorkShop

(25)

HTML5プロフェッショナル認定試験 レベル1 ポイント解説無料セミナー

レベル1 ポイント解説無料セミナー

2015年6月

本セミナーは試験対策ではなく、試験概要のご説明及びポイント解説です。

中島俊治（なかしま・しゅんじ）

経歴

•

岡山県生まれ

•

放送大学 情報コース卒業

•

96年上京、SoftBank、

GeoCities JAPAN

、

Yahoo! JAPAN、Vector、SBIホールディングス、

ジョインベスト証券等を経て独立

現在

•

HTML5プロフェッショナル認定資格(レベル２)合格

•

マイクロソフトMVPアワード 受賞

•

放送大学 情報コース 専門科目「HTML5入門」 講師(他2校)

•

デジハリ・オンラインスクール 講師

•

京都コンピュータ学院 講師

•

(HTML５認定校)東京アプリ・ワークショップ

運営・講師

HTML５プロフェッショナル試験【レベル１】ポイント解説

1.HTML5?

2.出題範囲のポイント解説

3.試験に向けての勉強方法

本セミナーは試験対策ではなく、試験概要のご説明及びポイント解説です。

触れてみよう！

http://bit.ly/LPI0621

１：HTML5コーディング・CSS3★

２：レスポンシブWebデザイン★

３：入力フォーム★

４：CSS3★

５：CSS３アニメーション

６：対話するWebアプリ

７：重力センサを利用したWebアプリ

HTML5には２つの定義があります。

•

広義のHTML5

•

狭義のHTML5

キーワード：

HTML、CSS、Web(orホーム)ページ、W3C、HTML5、セマンティ

ック、CSS3、JavaScript、Webアプリケーション、スマートフォン、

ハイブリッドアプリ

1. HTML5>何？

HTML

昔のWebページ

1. HTML5>何？

CSS

現在のWebページ

HTML

1. HTML5>何？

CSS

3

HTML

5

JavaScript

API

文章・意味付

広義のHTML

5

1. HTML5>何？

CSS

3

HTML

5

JavaScript

API

文章・意味付

デザイン

広義のHTML

HTML5プロフェッショナル認定試験レベル1 ポイント解説無料セミナー

放送大学情報コース卒業

マイクロソフトMVPアワード受賞

放送大学情報コース専門科目「HTML5入門」講師(他2校)

デジハリ・オンラインスクール講師

京都コンピュータ学院講師