网页设计与制作上机题.doc

1、在Dreamweaver MX中，通过插入图像、嵌套表单与表格、添加表单元素、创建超级链接等知识点，制作如图1示Google搜索网页。（15分） 图1 Google搜索网页 2、利用导航条素材，给导航条的其中一个按钮添加弹出式菜单，如图2所示。（10分） 图2 弹出式菜单 3、利用椭圆作为遮罩体，制作一幅如图3所示的遮罩层动画效果。（15分） 图3 遮罩层动画效果 4、在Dreamweaver MX中，将如图1（左）所示的网页另存为模板，并在其中设置人物图片与文字为可编辑区域。然后在应用创建的模板编辑文档，得到如图1（右）所示的网页效果。（15分） 图1 应用模板编辑文档 5、在Fireworks中，打开如图2（左）所示的动物素材，更改画布大小，然后在画布右边添加附加到路径的文字，效果如图2（右）所示。（10分） 动物素材 文字附加到路径效果 图1-2 图像效果 6、应用分离命令、用滴管工具吸取背景为填充色，制作一幅如图3所示的背景文字效果。（15分） 天空素材 背景文字效果 图3 背景文字效果 7、设计一个旅游网网站的首页，请画出轮廓并加以说明。 参考答案： 1、关键提示： ① 插入图片，居中对齐。 ② 创建表单。 ③ 在表单中插入四行三列表格，并分别将第一列的第一行至第三行单元格合并、第三列的第一行至第三行单元格合并、第三行单元格合并。 ④ 在表格中添加按钮、单选按钮。 ⑤ 添加文字，并创建超级链接。 2、关键提示： ① 打开素材图片，应用切片工具创建切片。 ② 单击鼠标右键，在弹出的快捷菜单中选择“添加弹出式菜单”选项。 ③ 编辑弹出式菜单。 ④ 保存为网页格式（.htm）。 3、关键提示： ① 绘制矩形，填充渐变色。 ② 新建图层，输入文字。 ③ 插入帧。 ④ 新建图层，制作圆形遮罩体，将其设置为“遮罩层”。 4、关键提示： ① 从Dreamweaver中打开超级女模网页，将其另存为模板，然后设置人物和文字为可编辑区域。 ② 新建模板文档，在可编辑区域插入图片并编辑文字。 5、关键提示： ① 打开素材图片，然后更改画布大小。 ② 用钢笔描绘路径。 ③ 输入文字，按住【Shift】键选择文字和路径，在执行“附加到路径”命令。 6、关键提示： ① 导入图片。 ② 新建图层，输入文字。 ③ 分离背景图片，用滴管工具吸取背景为填充色。 ④ 分离文字。 ⑤ 用背景颜色填充文字分离后的各部分。 7、 设计一个旅游网网站的首页，请画出轮廓并加以说明。 应有栏目：旅游新闻播报系统、目的地指南系统、门票预订系统、酒店预订系统、交通信息发布系统、用户注册管理系统等。 讲究创意和内容。