网页设计真题及参考解分析.docxVIP

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@邮箱。 （注意：样张仅供参考，相关设置按题目要求完成即可。由于显示器分辨率或窗口大小的不同，网页中文字的位置可能与样张略有差异，图文混排效果与样张大致相同即可；由于显示器颜色差异，做出结果与样张图片中存在色差也是正常的。） 操作参考 打开主页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@邮箱。 结果保存在原文件夹下。注意网页操作结果必须保存在 C:\WY\ 原文件夹下. //按F12功能键，打开IE浏览器浏览操作结果/ //点击“a.jpg”图片/弹出新窗口/ //鼠标经过“b.jpg”图片,图像变为“c.jpg”/ //点击“联系我们”/弹出“新邮件”窗口/ //2015/10/28//11/2/修订@tong