网页设计真题及参考解析

时间:2025-11-08 15:20:11 网页设计

网页设计真题及参考解析

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

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

  利用C:\KS\wy文件夹下的素材(图片素材在wy\images文件夹下,动画素材在wy\flash文件夹下),按以下要求制作或编辑网页,结果保存在原文件夹下。

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

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

  3.在表格的第二行第一列单元格中插入图片“a.jpg”,图片大小为150*200像素(宽*高),图片超链接到“/pic/p>

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

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

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

  操作参考

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

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

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

  3.在表格的第二行第一列单元格中插入图片“a.jpg”,图片大小为150*200像素(宽*高),图片超链接到“/pic/p>

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

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

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

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

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

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

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

  .

  /pic/

  /pic/弹出新窗口

  /

  /pic/

  /pic/弹出“新邮件”窗口/