网页设计真题及参考解析

学者如禾如稻，不学者如蒿如草。以下是小编为大家搜索整理的网页设计真题及参考解析，希望能给大家带来帮助!更多精彩内容请及时关注我们应届毕业生考试网!

(三)网页设计(共20分)

利用C:KSwy文件夹下的素材(图片素材在wyimages文件夹下，动画素材在wyflash文件夹下)，按以下要求制作或编辑网页，结果保存在原文件夹下。

1.打开主页index.html，设置网页标题为“台湾小吃”，设置网页背景色为“#D2E9FF”，合并表格第一行第1-3列单元格，设置第一行单元格背景色为“#A0F3EB”。

2.在表格的第一行内输入文字“台湾小吃简介”，设置文字格式(CSS目标规则命名为.m)字体为华文行楷，字号为48，居中对齐。

3.在表格的第二行第一列单元格中插入图片“a.jpg”，图片大小为150*200像素(宽*高)，图片超链接到“http://www.twxc.com”，在新窗口中打开。在表格的第二行第三列单元格中插入鼠标经过图像，原始图像为“b.jpg”，鼠标经过图像为“c.jpg”，图像大小为200*200像素(宽*高)。

4.在第二行第二列文字前添加4个不换行空格。在该段文字的下方添加如样张所示的表单。

5.在表格的第三行内依次插入以下字符：版权符号“?”、两个全角空格、文字“台湾小吃”，单元格对齐方式为水平居中;在下方加蓝色水平线，宽60%，高3，无阴影;点击“联系我们”可发送Email到邮箱。

(注意：样张仅供参考，相关设置按题目要求完成即可。由于显示器分辨率或窗口大小的不同，网页中文字的位置可能与样张略有差异，图文混排效果与样张大致相同即可;由于显示器颜色差异，做出结果与样张图片中存在色差也是正常的。)

操作参考

1. 打开主页，设置网页标题为“台湾小吃”，设置网页背景色为“#D2E9FF”

2. 合并表格第一行第1-3列单元格，设置第一行单元格背景色为“#A0F3EB”。

2.在表格的第一行内输入文字“台湾小吃简介”，设置文字格式(CSS目标规则命名为.m)字体为华文行楷，字号为48，居中对齐。

3.在表格的`第二行第一列单元格中插入图片“a.jpg”，图片大小为150*200像素(宽*高)，图片超链接到“http://www.twxc.com”，在新窗口中打开。

在表格的第二行第三列单元格中插入鼠标经过图像，原始图像为“b.jpg”，鼠标经过图像为“c.jpg”，图像大小为200*200像素(宽*高)。

4.在第二行第二列文字前添加4个不换行空格。

在该段文字的下方添加如样张所示的表单。

5.在表格的第三行内依次插入以下字符：版权符号“?”、两个全角空格、文字“台湾小吃”，单元格对齐方式为水平居中;

在下方加蓝色水平线，宽60%，高3，无阴影;

点击“联系我们”可发送Email到邮箱。

结果保存在原文件夹下。注意网页操作结果必须保存在 C:WY 原文件夹下

.

//按功能键，打开IE浏览器浏览操作结果/

//点击“a.jpg”图片/弹出新窗口

/

//鼠标经过“b.jpg”图片,图像变为“c.jpg”/

//点击“联系我们”/弹出“新邮件”窗口/