平成23年度特別解答

【中間C】Webページの作成に関する次の記述を読んで、問97～100に答えよ。

スーパーマーケットN町店の広報スタッフであるDさんは、本社のWebサイト担当のEさんと協力してN町店紹介のページを作成している。このたび、N町店紹介のページのアクセス数増加を目的として、Webサイトで懸賞付きアンケートを実施することになった。Dさんは、図1のような懸賞ページを作成し、Eさんに相談した。

Dさんは、懸賞ページ案を確認したEさんから、次のようなアドバイスと指示を受けた。

	[デザインに関する主なアドバイス]
	(1)	マウスでの入力など、操作性の良い入力方法を採用する。
	(2)	回答などの操作がしやすい順番に、入力領域やボタンを配置する。
	(3)	入力の誤りを防ぐため、データ形式に応じた入力フォームを利用する。

	[作成に関する主な指示]
	(1)	懸賞ページはHTML形式のank01.htmlというファイル名で作成し、Webサーバの指定されたディレクトリに転送する。
	(2)	ファイルを指定する場合は、相対パスで記述する。
	(3)	使用する写真のファイルサイズは、1枚当たり200kバイト以下とする。

問題97

Dさんは、Eさんから受けたアドバイスの内容を考慮して、図1の懸賞ページ案のデザインを改善することにした。改善内容として、適切なものはどれか。

ア	“応募する"ボタンは、押し忘れがないよう画面の一番上に配置する。
イ	“希望賞品"は、マウスのクリックで賞品を選択できるようにチェックボックスを用いる。
ウ	“性別"は、“男"、“女"の二つの選択肢から選べるようラジオボタンを用いる。
エ	画面の右上の項目から順に回答することを想定して、アンケート項目を配置する。

解答：ウ

＜解説＞

ア	×	“応募する"ボタンは、押し忘れがないよう画面の一番下に配置する。
イ	×	“希望賞品"は、マウスのクリックで賞品を選択できるようにラジオボタンを用いる。
ウ	○	ラジオボタンは、複数の選択肢から1つだけを選択する場合に用いられる。
エ	×	画面の左上の項目から順に回答することを想定して、アンケート項目を配置する。

問題へ

問題98

Dさんは、賞品を製造しているメーカの許可を受けて、メーカのカタログから賞品の写真をイメージスキャナで取り込み、懸賞ページに掲載することにした。写真は1枚は縦5cm×横7.5cmで、24ビットカラーのビットマップ形式で取り込み、フォトレタッチソフトで編集する。

フォトレタッチソフトでの画像の圧縮を考えないものとするとき、Eさんの指示に従って、次の設定の中でDさんが設定できる最も高いイメージスキャナの解像度はどれか。ここで、5cm×7.5cmは2インチ×3インチとして計算する。

ア	60dpi
イ	100dpi
ウ	300dpi
エ	1,200dpi

解答：イ

＜解説＞

各解像度を当てはめてファイルのサイズが200kバイト以下（※使用する写真のファイルサイズは、1枚当たり200kバイト以下とする。）かつ最も大きな解像度を求める。

ア	×	2×60×3×60×3バイト＝64,800バイト＝64kバイト
イ	○	2×100×3×100×3バイト＝180,000バイト＝180kバイト
ウ	×	2×300×3×300×3バイト＝1,620,000バイト＝1,620kバイト
エ	×	2×1,200×3×1,200×3バイト＝8,640,000バイト＝8,640kバイト

問題へ

問題99

完成した懸賞ページを本社のＷｅｂサイトで公開するために、サイト内でのリンクを設定したい。公開に当たっては懸賞付きアンケートの 実施をトップページで告知して、トップページから懸賞ページへのスムーズな誘導と、Ｎ町店紹介のページのアクセス数の増加を図りたい。最も適切なサイトの ページ構成を示した図はどれか。

解答：ウ

＜解説＞

Ｗｅｂサイトで公開にあたっての修正要件は次の3点である。

1. 公開に当たっては懸賞付きアンケートの実施をトップページで告知
2. トップページから懸賞ページへのスムーズな誘導
   ⇒トップページから懸賞ページへの階層は浅くする。
3. Ｎ町店紹介のページのアクセス数の増加
   ⇒トップページにN町店紹介のページへのリンクを作成する。

ア	×	トップページから懸賞ページへの階層が深いので、スムーズな誘導ができない。
イ	×	トップページから懸賞ページだけ見てサイトから離脱するユーザが増えるので、Ｎ町店紹介のページのアクセス数の増加にならない。
ウ	○	修正要件を満たしている。
エ	×	店舗一覧のページから懸賞ページだけ見てサイトから離脱するユーザが増えるので、Ｎ町店紹介のページのアクセス数の増加にならない。

問題へ

問題100

Dさんは、Eさんから、完成したank01.htmlをWebサーバのnsitenディレクトリに、懸賞ページで使用した写真などのデータをtgazouディレクトリに転送して公開するように指示された。そこで、写真が懸賞ページに正しく表示されるように、ank01.htmlに写真を表示するタグを記述した。

Webサーバのディレクトリ構成とファイルの指定方法が次のとおりのとき、JPEG形式に変換した写真1(ファイル名s01.jpeg)を表示するタグのaに入る記述はどれか。ここで、imgタグは、src=“ファイル名"で指定したファイル名の画像を表示する。

	〔ファイルの指定方法〕
	(1)：	ファイルは，“ディレクトリ名¥…¥ディレクトリ名¥ファイル名"のように，経路上のディレクトリを順に"¥"で区切って並べた後に"¥"とファイル名を指定する。
	(2)：	カレントディレクトリは"."で表す。
	(3)：	1階層上のディレクトリは".."で表す。
	(4)：	始まりが"¥"のときは，左端にルートディレクトリが省略されているものとする。
	(5)：	始まりが"¥"，"."，".."のいずれでもないときは，左端にカレントディレクトリ配下であることを示す".¥"が省略されているものとする。

ア	..¥..¥tgazou
イ	..¥main¥tgazou
ウ	.¥tgazou
エ	¥www¥main¥tgazou

解答：ア

＜解説＞

下図の①～③よりアが正解である。

問題へ