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

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

网页设计上机考试题集

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

相关文档
最新文档