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位的密码，另外将邮件框改成

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库Dreamweaver上机考试题目 dreamweaver试题库 网页制作试题在线全文阅读。