こちら - 教材ドットコム

■教材ドットコムオリジナル問題集
HP制作技術能力認定試験対策問題集2■
日情協
HP制作技術能力認定試験
対策問題集(3級)②
(1)HP検定対策練習問題
1.注意事項
1.受験級別に問題があるので、それぞれを解くこと。
2.制限時間は120分とする。
3.途中でわからないことがあったら、随時聞くこと。
4.個別にチェックしてほしい場合はその都度教員を呼ぶこと。
5.画像素材は与えられたものを利用すること。
6.画面写真を見て、ある程度は自分で判断して問題を解くこと。
2
謝辞
この問題を作成するにあたって以下のサイトから素材を使用させていただきました。
この場を借りまして、お礼申し上げます。
1.■■まるり FACTORY■■
http://maruri.momo.to/
2.教材ドットコム
http://www.kyouzai.com/
3
利用について
1.この教材の著作権は教材ドットコムが保有いたします。
2.公的な学校機関における利用については無料ですが、それ以外のいずれの仕様については有料と
なりますので、別途メールにてご相談下さい。
3.教材についてのお問い合わせは下記サイト内の掲示板にてお願いいたします。
http://www.kyouzai.com/
「教材ドットコム」
以上
-1 -
■教材ドットコムオリジナル問題集
HP制作技術能力認定試験対策問題集2■
(2)HP検定3級対策問題
【問題】次の画面、および仕様を参考にソースを組みなさい。画像素材はsozaiフォルダ内のも
のを使いなさい。
index.htm
rinen.htm
-2 -
■教材ドットコムオリジナル問題集
HP制作技術能力認定試験対策問題集2■
kyujin.htm
katsudou.htm
【仕様1】index.htm
1.ページ全体の設定
2.タイトル画像
背景ファイル:back0.gif
リンクの色:#99663
テキストの色:#cc6600
ファイル:title.gif
ヨコ幅:400ピクセル
枠線:0
注釈文字:タイトル画像
訪問済のリンクの色:#0033999
タテ幅:80ピクセル
-3 -
■教材ドットコムオリジナル問題集
3.表
4.Mail画像
5.リンク集
6.その他リンク
HP制作技術能力認定試験対策問題集2■
表の横サイズ:400ピクセル
枠幅:50%,50%
枠線:5
キャプション(下):作者のプロフィール
ファイル:3mail1.gif
ヨコ幅:75ピクセル
タテ幅:36ピクセル
枠線:0
リンク先:[email protected]
・Yahoo!Japan
http://www.yahoo.co.jp/
・フレッシュアイ
http://www.fresheye.com/
・infoseek
http://www.infoseek.co.jp/
・活動風景
katsudou.htm
・企業理念
rinen.htm
・求人募集
kyujin.htm
【仕様2】rinen.htm
1.ページ全体の設定
2.ライン画像
3.経営者画像
4.戻るリンク
背景画像:back0.gif
リンクの色:#99663
テキストの色:#cc6600
ファイル:4line5.gif
ヨコ幅:500ピクセル
ファイル:image.jpg
ヨコ幅:200ピクセル
リンク先:index.htm
訪問済のリンクの色:#0033999
タテ幅:15ピクセル
タテ幅:245ピクセル
【仕様3】kyujin.htm
1.ページ全体の設定
2.ライン画像
3.戻るリンク
4.表
背景画像:back0.gif
リンクの色:#99663
訪問済のリンクの色:#0033999
テキストの色:#cc6600
ファイル:4line5.gif
ヨコ幅:500ピクセル
タテ幅:15ピクセル
リンク先:index.htm
表の横サイズ:550ピクセル
枠幅:20%,80%
枠線:1
キャプション:平成14年度採用情報
【仕様4】katsudou.htm
1.ページ全体の設定
2.ライン画像
3.戻るリンク
背景画像:back0.gif
リンクの色:#99663
テキストの色:#cc6600
ファイル:4line5.gif
ヨコ幅:500ピクセル
リンク先:index.htm
訪問済のリンクの色:#0033999
タテ幅:15ピクセル
-4 -
■教材ドットコムオリジナル問題集
HP制作技術能力認定試験対策問題集2■
【3級解答】
■■■■■■■■■■■■■■■■■■■■■■■index.htm
<HTML>
<HEAD>
<TITLE>教材ドットコム</TITLE>
</HEAD>
<BODY BGCOLOR="#0099cc" TEXT="#cc6600" VLINK="#0033999" LINK="#996633"
BACKGROUND="back0.gif">
<BR>
<CENTER>
<IMG SRC="title.gif" WIDTH="400" HEIGHT="80"><P>
<TABLE BORDER="5" WIDTH="400">
<TR>
<TD VALIGN="TOP" WIDTH="50%">
<STRONG>教育事業展開</STRONG><BR>
<A HREF="katsudou.htm">・活動風景</A><BR>
</TD>
<TD VALIGN="TOP" WIDTH="50%">
<STRONG>会社概要</STRONG><BR>
<A HREF="rinen.htm">・企業理念</A><BR>
<A HREF="kyujin.htm">・求人募集</A>
</TD>
</TR>
<TR>
<TD VALIGN="TOP" WIDTH="50%">
<STRONG>お問い合わせ</STRONG><BR>
<ADDRESS>
<A HREF="mailto:[email protected]">
<IMG SRC="3mail1.gif" WIDTH="75" HEIGHT="36" ALIGN="right" BORDER="0">
[email protected]</A>
</ADDRESS><BR>
</TD>
<TD VALIGN="TOP" WIDTH="50%">
<STRONG>リンク集</STRONG><BR>
<A HREF="http://www.yahoo.co.jp/">・Yahoo!Japan</A><BR>
<A HREF="http://www.fresheye.com/">・フレッシュアイ</A><BR>
<A HREF="http://www.infoseek.co.jp/">・infoseek</A>
</TD>
</TR>
<CAPTION ALIGN="bottom">ネットから一人一人にあった教材を</CAPTION>
</TABLE>
</CENTER>
<BR>
</BODY>
</HTML>
■■■■■■■■■■■■■■■■■■■■■■■■rinen.htm
<HTML>
<HEAD>
<TITLE>経営理念</TITLE>
</HEAD>
<BODY BGCOLOR="#0099cc" TEXT="#cc6600" VLINK="#0033999" LINK="#996633"
BACKGROUND="back0.gif">
-5 -
■教材ドットコムオリジナル問題集
HP制作技術能力認定試験対策問題集2■
<BR>
<CENTER>
<IMG SRC="4line5.gif" WIDHT="500" HEIGHT="15">
<H1>経営理念</H1>
</CENTER>
<IMG SRC="image.jpg" WIDHT="200" HEIGHT="245" ALIGN="left">
教材ドットコムではネットワークを通じ、ひとりひとりにあった教材を提供しています。<BR>
ニーズが多様化した現代社会では、個性を尊重した教材を用意することが今まで以上に重要になっ
てきています。学生の指向にあった教材で学習をすると、学習効果が2.2倍にも上がるというデー
タもあるくらいなのです。<BR>
教材ドットコムはPC教育教材のポータルサイトを目指しています。<BR CLEAR="all">
<CENTER>
<STRONG><A HREF="index.htm">TOPに戻る</A></STRONG>
</CENTER>
<BR>
</BODY>
</HTML>
■■■■■■■■■■■■■■■■■■■■■■kyujin.htm
<HTML>
<HEAD>
<TITLE>採用情報</TITLE>
</HEAD>
<BODY BGCOLOR="#0099cc" TEXT="#cc6600" VLINK="#0033999" LINK="#996633"
BACKGROUND="back0.gif">
<BR>
<CENTER>
<IMG SRC="4line5.gif" WIDHT="500" HEIGHT="15">
<P>
<TABLE WIDTH="550" BORDER="1">
<CAPTION>平成14年度採用情報</CAPTION>
<TR>
<TH></TH>
<TH>内容</TH>
</TR>
<TR>A
<TD WIDTH="20%">
資本金</TD>
<TD>
1,2000千円</TD>
</TR>
<TR>
<TD>
売上高</TD>
<TD>
5,000百万円(平成11年9月30日)</TD>
</TR>
<TR>
<TD>
従業員数</TD>
<TD>
315名</TD>
</TR>
<TR>
-6 -
■教材ドットコムオリジナル問題集
HP制作技術能力認定試験対策問題集2■
<TD>
有給休暇</TD>
<TD>
入社6ヵ月後7日。最高で年間20日付与、有給休暇は翌年に繰り越すことができます。(最高で
30日間)</TD>
</TR>
<TR>
<TD>
福利厚生</TD>
<TD>
健康・厚生年金・雇用・労災保険、中小企業退職金共済制度、企業年金、他</TD>
</TR>
<TR>
<TD>
諸制度</TD>
<TD>
慶弔休暇、育児休暇、介護休業制度</TD>
</TR>
</TABLE>
<P>
<STRONG><A HREF="index.htm">TOPに戻る</A></STRONG>
</CENTER>
</BODY>
</HTML>
■■■■■■■■■■■■■■■■■■■■■■katsudou.htm
<HTML>
<HEAD>
<TITLE>活動報告</TITLE>
</HEAD>
<BODY BGCOLOR="#0099cc" TEXT="#cc6600" VLINK="#0033999" LINK="#996633"
BACKGROUND="back0.gif">
<BR>
<CENTER>
<IMG SRC="4line5.gif" WIDHT="500" HEIGHT="15">
<H1>活動報告</H1>
工事中です。<P>
<CENTER>
<STRONG><A HREF="index.htm">TOPに戻る</A></STRONG>
</CENTER>
<BR>
</BODY>
</HTML>
-7 -