网页设计真题及参考解

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