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

(1)

HTML5

ョ

認定試験

1 ン解説無料

ー

2017

年

1 月

株式会社

・ー・ー

(2)

■会社概要

株式会社

シ

http://www.kcc.co.jp/

■講師紹介

西日本センタ

ット

IT

ン

センタ

所属

Linux

ネットワ

セキ

テ

HTML5 JavaScript

の

Web

技術

Java Android iPhone

コ

ス

幅広い分野のセミ

を担当

(3)

ン

1. HTML5

ョ

認定資格

1 試験概要

(4)

HTML5

ョ

認定

資格

1

(5)

HTML5

ョ

認定資格種類

対応し静的

Web

コンンを

HTML5

を使

ン・作成

間連携や最新

技術対応し

(6)

資格体系

HTML5

プ

ッョ

認定試験

HTML5

プ

ッョ

認定試験

所要時間：

90 分

ンケー等時間含む

試験問題数：

40 ～

45 問

受験料：¥

15,000

税別

認定条件：

HTML5

2 試験合格

つ

有意

HTML5

1 認定保有

い

認定有意性期限：

5 年間

所要時間：

90 分

ンケー等時間含む

出題数：約

60 問

受験料：¥

15,000

税別

認定条件：

HTML5

1 試験合格

認定有意性期限：

5 年間

試験実施形式

ンューター

CBT

実施ま

マ

選択方式ほ

キーボー入力

問題も多少出題

ま

(7)

認定証明

認定カード

認定証

認定者ロゴ

名刺用

認定証・認定カー

認定

2 週間程度

登録

住所

届

認定者

認定後

(8)

HTML5

1 傾向対策

• 幅広い出題範囲

ᵒ

出題範囲詳細を

し

すべ網羅す

ᵒ

得意分野をく

• 実務則し問題

ᵒ

参考書け勉強

く実機確認す

ᵒ

CSS

ン

を作成し実際確認すこ

理解深

(9)

HTML5

1 傾向対策

• CBT

Computer Based Testing

試験

ᵒ

コンューを操作し問題解答

ᵒ

試験中問題何度繰返し参照可能

ᵒ

試験終了同時結果判明

• 試験時間有効活用

ᵒ

90 分約

60 問問題

ᵒ

四者択一

五者択一複数選択記入式

3 ーン

• 問題し

読

(10)

技術解説項目

1.CSS

ン

2. 要素属性意味

ン

(11)

1.CSS

ン

• _重要度

重要度★★★★★★★★★

9

• _望

_キ

要件沿

ンを

CSS

を利用し実現す際

う実現方法適切

判断

仕様沿

正しいコーを記述す事

(12)

以下

sample.html

を

ー表示し場合

ー

内背景色組合わ

せし

正しい

を選択せ

sample.html

<!doctype html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style>

tr:nth-child(2n) td{background-color : #0000ff}

tr:nth-of-type(3) td{background-color : #ff0000}

tr:first-child td{background-color : #00ff00}

tr[id^="test"] td {background-color : #00ffff}

</style>

</head>

例題

(13)

<body>

<table border="1" id="t1">

<caption align="top">***

製品一覧表

***</caption>

<tbody id="tbody">

<tr><td>A100</td><td name="name">

PC</td></tr>

<tr id="css_test"><td>B200</td><td name="name">

ノー

PC</td></tr>

<tr><td>C300</td><td name="name">

ン

</td></tr>

<tr id="test_css"><td>D400</td><td name="name">

</td></tr>

</tbody>

</table>

<P id="kekka">

商品を選択しくさい

</P>

</body>

</html>

(14)

．緑青赤水色

．緑赤水色青

．青緑赤水色

．青赤水色青

(15)

ＳＳ

値

用途

#idvalue

id

属性値

idvalue

要素

E F

E

要素先祖もつべ

F

要素

E > F

E

要素親もつ

F

要素

[attribute=value]

属性名

attribute

値

value

もつ要素

[attribute^=value]

属性名

attribute

値

value

始ま要素

[attribute$=value]

属性名

attribute

値

value

終わ要素

E:nth-child(n)

n

番目子あ

E

要素

(16)

色指定

値

用途

#f00

#

始ま

3 桁カーー

指定

rgb(255,0,0)

rgb( )

指定

0 ～

255 ま

0%

～

100%

rgba(255,0,0,0.2)

rgb( )

透明度

a

(1

～

0)

加え指定

hsl(0,100%,50%)

色相彩度輝度

指定

(17)

2. 要素属性意味

ン

• _重要度

重要度★★★★★★★★★★

10

• _望

_キ

HTML

要素や属性

ン

を理解しコンン

意味を解釈し

適切

HTML

要素や属性を使

HTML

コー

ン

・

ン解説

(18)

例題

以下要素説明し

正しい

をすべ選択せ

<form method="POST" action="sample.php">

<label for="sid">

商品名

</label>

<input id

=“

sid

ナ

name

=“

sname

ナ

class

=“

scls

ナ

required pattern="^[0-9A-Za-z]+$" >

</form>

A. input

要素値未入力場合

ー

し

商品名

表示さ

B. id

"sid"

要素対し

し

商品名

C. input

要素

半角英数字を入力しけ

い

D. input

要素

type

属性省略さ

い

ー

(19)

input

要素属性

属性

役割

autofocus

自動的

ォーカ

合わせ

placeholder

入力欄初期値

表示

required

入力必須

pattern

入力値

ターン正規表現指定

(20)

input

要素

type

属性追加さ

値

用途

値

用途

tel

電話番号入力

ー

number

数値入力

ー

url

入力

ー

range

範囲入力

ー

email

e-mail

入力

ー

color

色入力

ー

date

日付入力

ー

search

検索

ー

(21)

3.

• _重要度

重要度★★★★★

5

• _望

_キ

を利用し

画面

様々環境合わせ表示を変え

ーを作成す事

・

ン解説

(22)

例題

を横置

(

高さ

幅広い表示

)

場合

CSS

を適用させ

指定し

正しい

を選択せ

A. @media screen and (orientation: landscape)

B. @media screen and (device-aspect-ratio: portrait)

C. @media screen and (scan: landscape)

(23)

• _{種類幅高さ向}

_解像度

_{コンンをン}

ンす

特性基い

を容易変更

• _{特性を利用し}

_ー

_適用条

件を決定す

横幅

410 未満

(24)

/

特性

値

用途

all

べ

print

プンタ

screen

画面

projection

プ

クタ

tv

• 値

用途

width

横幅

height

高

orientation

横置

_縦置

:landscape

:portrait

device-aspect-ratio

ク比

水平クセ数

/

垂直クセ数

scan

走査方式

• 特性

(25)

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

HTML5

ョ

認定試験

1

ン 解説無料

ー

2017

年

1

月

株式会社

・ ー・ ー

■会社概要

株式会社

シ

シ

http://www.kcc.co.jp/

■講師紹介

西日本センタ

ット

IT

ン

センタ

所属

Linux

ネットワ

セキ

テ

関連

HTML5 JavaScript

の

Web

技術

Java Android iPhone

コ

ス

幅広い分野のセミ

を担当

ン

1. HTML5

ョ

認定資格

1

試験概要

HTML5

ョ

認定

資格

1

HTML5

ョ

認定資格 種類

対応し 静的

Web

コン ン を

HTML5

を使

ン・作成

間連携や最新

技術 対応し

資格体系

HTML5

プ

ッ ョ

認定試験

HTML5

プ

ッ ョ

認定試験

所要時間：

90

分

ンケー 等 時間 含む

試験問題数：

40

～

45

問

受験料：¥

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

ン解説無料

・ー・ー

認定資格種類

対応し静的

コンンを

技術対応し

ッョ

ッョ

ンケー等時間含む

試験合格

認定保有

認定有意性期限：

ンケー等時間含む

試験合格

認定有意性期限：

ンューター

実施ま

選択方式ほ

キーボー入力

認定証明

傾向対策

すべ網羅す

得意分野をく

実務則し問題

参考書け勉強