网页设计上机考试题集

注意：所有题目中涉及的素材都在考试文件夹内，其中图片在下面的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位的密码，[email protected]，方便用户预览时省去输入这部分。如下图所示：

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中画一个如下所示的五角星。

32) 用Fireworks制作一个Gif动画。要求3张图片(任意)以每2秒换一张的速度轮换。

展开阅读全文