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

1、网页设计上机考试题集注意：所有题目中涉及的素材都在考试文件夹内，其中图片在下面的pic文件夹中，音乐、flash在media文件夹。1) 在1.html中的顶部添加一个锚点链接，点击之能立即到达页面最底端。2) 将1.html中的所有链接的默认样式改成红色字体及不带下划线(使用CSS规则a:伪类)。3) 在2.html页面中将地图中的烟水亭位置增加一个热点链接指向pic文件夹下的烟水亭.jpg，实现点击看到烟水亭大图的效果。4) 在框架网页4.html中左侧文章索引部分增加一个新文章（1.html）链接，并且实现在点击链接后让新文章出现在右侧正文栏框架中。5) 在框架网页4.html中左侧文章

2、索引部分增加一个友情链接的菜单项如下图所示（链接可随意设置）：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) 将

3、其它素材中的右键菜单插件安装后，再在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页面

4、中实现如下效果：默认层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中的古诗文字在层中的位置往下挪6

5、0像素，往右移100像素。如下图所示：20) 将5.html页面中的烟水亭照片实现如下所示效果21) 将5.html页面中的这些字“就在这个框里插入考题中要求的内容（如音乐播放器=）”滚动起来，要求从上往下滚，滚动速度值为1.22) 在7.html表单页面中，将密码及确认框改成在预览时输入密码呈现*号且最多输入10位的密码，另外将邮件框改成默认里面就已经存在163.com，方便用户预览时省去输入这部分。如下图所示：23) 在7.html表单页面中，添加2个表单元素，1是出生年的下拉选择菜单和一个可多选的兴趣爱好组（包含3个选项：运动，音乐，网游）24) 我从网站上下载到一个好看的字体（其它素材

6、中的汉仪柏青体简.ttf），现在请将1.html页面中的所有默认字都变成我的这种字体。25) 我现在想模仿新浪微博页面的布局模式，请问如何快速而又准确的布局好一个和新浪微博一样的首页（不需加内容）。关键知识：跟踪图像+布局表格*新浪微博首页已被保存在pic中SinaBlog.jpg26) 利用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.