网页设计 真题及参考解.docx

网页设计 真题及参考解.docx

《网页设计 真题及参考解.docx》由会员分享，可在线阅读，更多相关《网页设计 真题及参考解.docx（15页珍藏版）》请在冰豆网上搜索。

网页设计真题及参考解

2015年上海市高等学校计算机等级考试试卷

一级（2012版考纲模拟卷）

（三）网页设计（共20分）

利用C:

\KS\wy文件夹下的素材（图片素材在wy\images文件夹下，动画素材在wy\flash文件夹下），按以下要求制作或编辑网页，结果保存在原文件夹下。

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

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

3．在表格的第二行第一列单元格中插入图片“a.jpg”，图片大小为150*200像素（宽*高），图片超链接到“”，在新窗口中打开。

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

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

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

5．在表格的第三行内依次插入以下字符：

版权符号“©”、两个全角空格、文字“台湾小吃”，单元格对齐方式为水平居中；在下方加蓝色水平线，宽60%，高3，无阴影；点击“联系我们”可发送Email到xxx@邮箱。

（注意：

样张仅供参考，相关设置按题目要求完成即可。

由于显示器分辨率或窗口大小的不同，网页中文字的位置可能与样张略有差异，图文混排效果与样张大致相同即可；由于显示器颜色差异，做出结果与样张图片中存在色差也是正常的。

）

操作参考

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

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

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

3．在表格的第二行第一列单元格中插入图片“a.jpg”，图片大小为150*200像素（宽*高），图片超链接到“”，在新窗口中打开。

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

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

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

5．在表格的第三行内依次插入以下字符：

版权符号“©”、两个全角空格、文字“台湾小吃”，单元格对齐方式为水平居中；

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

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

结果保存在原文件夹下。

注意网页操作结果必须保存在C:

\WY\原文件夹下.

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

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

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

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

//2015/10/28//11/2/修订@tong