Dreamweaver上机考试题目 dreamweaver试题库 网页制作试题

网页设计上机考试题集

注意：所有题目中涉及的素材都在考试文件夹内，其中图片在下面的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中画一个如下所示的五角星。