网页设计上机考试题集
注意：所有题目中涉及的素材都在考试文件夹内，其中图片在下面的pic文件夹中，音乐、flash在media文件夹。
1)在1.html中的顶部添加一个锚点链接，点击之能立即到达页
面最底端。
2)将1.html中的所有链接的默认样式改成红色字体及不带下
划线(使用CSS规则a:伪类)。
3)在2.html页面中将地图中的烟水亭位置增加一个热点链接
指向pic文件夹下的烟水亭.jpg，实现点击看到烟水亭大图的效果。
4)在框架网页4.html中左侧文章索引部分增加一个新文章
（1.html）链接，并且实现在点击链接后让新文章出现在右侧正文栏框架中。
5)在框架网页4.html中左侧文章索引部分增加一个友情链接
的菜单项如下图所示（链接可随意设置）：
6)在1.html中添加一个会飞的蝴蝶（butterfly.gif）的动画。
7)修改框架页面4.html中的索引为列表，并创建CSS规则让
列表项目符号自定义成图片（new.jpg）。
8)将3.html中的表格边框设置成只有外边框而内部单元格则
没有，如下图效果
9)将3.html中的表格单
元格2拆成2列，其中
第二列插入图片（pic/
嘻嘻.jpg），并且让图片
靠上边对齐，如右图所
示：
10)在5.html页面中制
作一个简易的Flash相
册，要求自动翻页，并包含2张图片（pic/photo1.jpg、photo2.jpg）
11)将其它素材中的右键菜单插件安装后，再在
Dreamweaver中打开4-右.html，调用此插件制作一个简易的右键菜单（添加一个访问网易的链接）。
12)在5.html中添加一首背景音乐1001.mid，并让他只播
放一次。
此外在5.html中添加一个mp3的音乐播放器，带有控制界面，并且只能点击后才会开始播放。
13)在5.html中实现鼠标移上“班级相册”时弹出一个更详
细的链接列表，包含“1041的相册”“1042的相册”2个选项。
14)将成绩单.html中的数据按照最后一排的成绩从小大的顺
序重新排列。
15)将1.html中的背景图像设置为固定在页面的中心且无重
复。
16)在6.html页面中实现如下效果：默认层2，3都隐藏，
当鼠标点击层1时，同时显示层2，3(要点是层的嵌套和属性的继承）。
17)在6.html页面中将层3中的内容超出边界部分不要直接
显示出来，而是增加层3一个滚动条，通过滚动才能看到下面超出的内容，并且设置滚动条的表面颜色也为黄色。
如下图所示（滚动条皮肤色彩scrollbar-face-color ）：
18)在6.html页面中将层4中文字按照我国古代的书写方式
排版，即竖排从右到左，从上到下，如下图所示。
（提示关键CSS属性：unicode-bidi和writing-mode）
19)在6.html页面中实现如下效果，将层4中的古诗文字在
层中的位置往下挪60像素，往右移100像素。
如下图所示：
20)将5.html页面中的烟水亭照片实现如下所示效果
21)将5.html页面中的这些字“就在这个框里插入考题中要
求的内容（如音乐播放器=）……”滚动起来，要求从上往下滚，滚动速度值为1.
22)在7.html表单页面中，将密码及确认框改成在预览时输
入密码呈现*号且最多输入10位的密码，另外将邮件框改成默认里面就已经存在@，方便用户预览时省去输入这部分。
如下图所示：
23)在7.html表单页面中，添加2个表单元素，1是出生年
的下拉选择菜单和一个可多选的兴趣爱好组（包含3个选项：运动，音乐，网游）
24)我从网站上下载到一个好看的字体（其它素材中的汉仪柏
青体简.ttf），现在请将1.html页面中的所有默认字都变成我的这种字体。
25)我现在想模仿新浪微博页面的布局模式，请问如何快速而
又准确的布局好一个和新浪微博一样的首页（不需加内容）。
关键知识：跟踪图像+布局表格
*新浪微博首页已被保存在pic中SinaBlog.jpg
26)利用Fireworks8.0将下面pic/pic2html.jpg转换成一
个网页文件，并且要求鼠标移上About时，会在状态栏出现
一段文字描述“欢迎来到我们的网站，点击鹰会打开更详细的介绍页面！”此外点击鹰真的会打开1.html。
27)试着在pic2html.jpg图片上添加如下图所示的一圈文字
效果（文字可以自己随便写一句）。
28)为了更好的被搜索引擎收录，请设置1.html的关键词为：
“九江简介，九江概况”；网页说明为：“关于九江的基本介绍，包括地理环境，人文历史，物产资源等，欢迎来九江！”
此外我们希望在打开1.html后过5秒，不需点击链接页面会自动跳转到4.html页面。
29)已知我有一个带鼠标特效的网页“鼠标特效网页.html”，
我想将此鼠标特效附加到1.html页面中，如何实现。
30)利用任意方法实现将6.html中的层4中的锄禾这首诗文
字不能被访问者直接右键复制。
31)在Fireworks8中画一个如下所示的五角星。
