《网页设计与制作》试卷 - 图文(2)

图-4

5. 表单的制作，如图-5效果所示。（10分）

? 根据图5效果所示进行网页排版。

? “姓名”单行文本框名称为“name”,必须填写。

? “密码”密码文本框名称为“password”， 密码长度必须在6到15位。

? “表情”单选按钮组名称为“biaoqing”，选定值为各个图片的文件名，第一项默认

选中。

? “兴趣爱好”复选框组的名称为“xingqu”，选定值为相应的兴趣爱好,必须填写。 ? “地区”列表框的名称为“diqu”，“项目标签”和“值”相同，分别为“杭州市区”，

“富阳市”，“桐庐县”，“建德市”，“淳安县”， 其中“杭州市区”为默认，必须选择。 ? “留言内容”名称为“neirong”，字符宽度为50，行数为10，最小字符数为10，最

大字符数为200，要求显示剩余的字符数。

? 更改提交按钮和重置按钮显示的值，分别为“留言”和“取消”。

6

? 把网页保存在files文件下，文件名为liuyan.html。

图-5

6. 根据提供的素材与网页效果制作首页，如图-6所示（40分）

? 制作上下格局的框架，上方框架页保存在files文件下，文件名为top.html, 下方

框架页保存在files文件下，文件名为xihu.html，框架集保存在站点文件夹下，文件名为index.html。

? 根据图-6效果所示进行网页排版，建立CSS文件，保存在css文件下，文件名为

css.css。

? 导航栏设定超链接a.link状态颜色为白色，加粗，无下划线，a.hover状态颜色为

黄色，加粗，无下划线，a.visited状态颜色为白色，加粗，无下划线。

? 导航栏中“返回首页”链接到index.html，“西湖十景”，“品味杭州”，“吃在杭州”，

“游在杭州”，“请你留言”分别链接到上面5个网页，要求在下方框架中显示。

7

? 网页正文字体大小为14号字。

? 在css.css建立类名为“.biankuang”，效果是表格或单元格的边框为1像素的实线，

颜色为“#0066CC”，单元格里的内容离边框距离为10像素。

? 在css.css建立类名为“.xuxian”，使“概况”,“图片展示”所在单元格的下边框

显示为虚线。

? “图片展示”下方图片实现从右向左滚动效果。 ? 网页整体协调，具备一定的艺术欣赏效果。

图-6

8