初級 サンプル試験
サンプル試験 No.2
No.2 規定問題 採点基準
Web クリエイター能力認定試験
クリエイター能力認定試験 初級 サンプル試験
サンプル試験 No.2 規定問題 採点基準
問題
チェック項目
チェック項目
1
1 “index.html”において、受験番号が半角で入力され、<title>タグで囲まれている。
2 “base.css”の「body」が正しく記述されている。（各 2 点）
body{
color:#660099;
background-color:#ffcccc;
background-image:url("images/back.gif");
}
3 “index.html”に、CSS ファイル“base.css”への参照が設定されている。
<link rel="stylesheet" type="text/css" href="base.css">
2
3
配点 得点
2
6
2
問題計
1 style 要素「h1」が正しく記述されている。（各 2 点）
h1{
color:#330066;
background-color:transparent;
}
2 文字列「贈り物に最適～世界のワイン～」が<h1>タグで囲まれている。
3 クラス「intro」が正しく記述されている。（各 2 点）
.intro{
font-size:large;
font-weight:bold;
}
4 段落「インターネットで楽々お買物。全国どこでも配送いたします。」が<p class="intro">タグで囲まれている。
5 クラス「supple」が正しく記述されている。（各 2 点）
.supple{
font-size:small;
font-style:italic;
}
6 段落「お支払い方法は銀行振り込み、着払い、クレジットカードからお選びいただけます。」が<p class="supple">
タグで囲まれている。
10
4
問題計
1 クラス「header」が正しく記述されている。（誤り 1 箇所につき 2 点減点、最大 4 点まで減点。）
.header{
font-weight:bold;
border-color:#ff0000;
border-bottom-width:thin;
border-bottom-style:solid;
padding-bottom:20px;
}
2 段落「いたずらメールに注意」が<p class="header">タグで囲まれている。
3 クラス「last」が正しく記述されている。（誤り 1 箇所につき 2 点減点、最大 4 点まで減点。）
.last{
border-color:#ff0000;
border-bottom-width:thin;
border-bottom-style:solid;
padding-bottom:20px;
}
4 段落「｛xxx フォルダ内の～教えてあげてください。}」が<p class="last">タグで囲まれている。
5 クラス「center」が正しく記述されている。
.center{
text-align:center;
}
6 本文全体「いたずらメールに注意～教えてあげてください｝」が<div class="center">タグで囲まれている。
17
4
問題計
16
－ 1 －
1
4
2
4
2
2
4
2
2
2
初級 サンプル試験
サンプル試験 No.2
No.2 規定問題 採点基準
問題
チェック項目
チェック項目
配点 得点
3
4
1 “index.html”、“post.html”に、CSS ファイル“base.css”への参照が設定されている。
（両方できていて得点）
<link rel="stylesheet" type="text/css" href="base.css">
6
2 “base.css”の擬似クラス「a:link」、「a:visited」、「a:active」が正しく記述されている。
（誤り 1 箇所につき 2 点減点、最大 6 点まで減点。）
a:link{
color:#ff0000;
background-color:#ffffff;
}
a:visited{
color:#993300;
background-color:transparent;
}
a:active{
color:#0000ff;
background-color:#ffff00;
}
2
3 “index.html”の文字列「ポストカードの作り方」が<a href="post.html">タグで囲まれている。
2
4 “post.html”の文字列「ポストカードの作り方」が<a name="top">タグで囲まれている。
2
5 “post.html”の文字列「このページの一番上に戻る」が<a href="#top">タグで囲まれている。
2
6 “index.html”の文字列「《ポストカードを作ろう係》」が<a href="mailto:post@xxx">タグで囲まれている。
17
問題計
2
5
1 <img>タグの属性が正しく設定されている。
イメージの代替文字
alt="虹"
6
2 style 要素「img」が正しく記述されている。
（誤り 1 箇所につき 2 点減点、最大 6 点まで減点。プロパティ「height」、「width」は採点対象外。）
img{
height:242px;
width:300px;
float:left;
padding-top:10px;
padding-right:15px;
padding-bottom:10px;
padding-left:15px;
}
8
問題計
2
6
1 文字列「プロバイダ移行キット～メールが送られます」が<ol>タグで囲まれている。
2
2 <ol>タグ内に、リストの項目が正しく作成されている。（すべてできていて得点）
<li>プロバイダ移行キットが郵送されます</li>
<li>移行キット用 CD を実行します</li>
<li>Web ブラウザで移行手続きを行います</li>
<li>確認のメールが送られます</li>
4
問題計
－ 2 －
初級 サンプル試験
サンプル試験 No.2
No.2 規定問題 採点基準
問題
チェック項目
チェック項目
7
1 style 要素「table」が正しく記述されている。（誤り 1 箇所につき 2 点減点、最大 4 点まで減点。）
table{
color:#000000;
background-color:#ffffcc;
width:300px;
}
2 style 要素「th」が正しく記述されている。（誤り 1 箇所につき 2 点減点、最大 6 点まで減点。）
th{
color:#000000;
background-color:#00ffff;
border-style:solid;
border-width:thin;
border-color:#330066;
}
3 style 要素「td」が正しく記述されている。（誤り 1 箇所につき 2 点減点、最大 6 点まで減点。）
td{
border-style:solid;
border-width:thin;
border-color:#0000ff;
}
配点 得点
4
6
6
問題計
8
1 クラス「left」が正しく記述されている。（誤り 1 箇所につき 2 点減点、最大 6 点まで減点。）
.left{
color:#000000;
background-color:#ccffff;
margin-left:10px;
padding:10px;
float:left;
width:250px;
}
2 クラス「right」が正しく記述されている。（誤り 1 箇所につき 2 点減点、最大 6 点まで減点。）
.right{
color:#000000;
background-color:#ffff99;
margin-left:290px;
padding:10px;
width:200px;
}
6
問題計
合計
－ 3 －
16
6
12
100
© Copyright 2024 Paperzz
