网页设计与制作模拟题4.doc

姓名 身份证号码 准考证号 装订线一、设计制作网页内容文字和图表效果：共20分。（题库1.1.1试题单）1、操作内容：利用素材库文件夹“网页设计制作员素材1.1.1”内的“1.1.1.2文件夹”中的网页文件，参照样张“1.1.1.1.bmp”，完成论坛注册页面的制作，具体操作内容如下：（1）编辑素材库文件夹“1.1.1.2” 内的“zc.html”，按照要求插入图片并添加文字（2）为“zc.html”页面的布局表格设置背景（3）为“zc.html”页面设置统一的字体（4）制作“zc.html”页面的“检查用户名”区域内容（5）制作“zc.html”页面的“填写信息”区域内容（6）保存操作结果操作要求（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.1.1”子目录，将所有操作结果保存至该文件夹下。（2）用Dreamweaver编辑素材库文件夹“1.1.1.2”的“zc.html”，参照效果图样张“1.1.1.1.bmp”，在布局表格内适当位置插入文件夹“1.1.1.2”中的图片“imageszc-1.jpg”，并添加说明文本“用户注册”（3）参照效果图样张“1.1.1.1.bmp”，用素材库文件夹“1.1.1.2”中的图片“imageszc-4.gif” 设置布局表格单元格背景（4）用CSS样式表为“zc.html”整个页面布局表格的单元格，设置统一的字体a)大小：12像素；b)行高：2倍行高；c)CSS样式采用内部标签形式。（5）参照效果图样张“1.1.1.1.bmp”，按以下要求制作“zc.html”页面上的“检查用户名”区域内容a)参照效果图样张“1.1.1.1.bmp”，为给定文本设定CSS样式。b)参照效果图样张“1.1.1.1.bmp”，为布局表格特定位置设定CSS样式，并应用该样式。c)参照效果图样张“1.1.1.1.bmp”，在布局表格内适当位置添加给定文本，并为文本内容应用CSS样式。d) 参照效果图样张“1.1.1.1.bmp”，在布局表格内适当位置添置和制作表单以及表单对象，并设置表单对象的动作属性为无。（6）参照效果图样张“1.1.1.1.bmp”，按以下要求制作“zc.html”页面上的“填写信息”区域内容a)在布局表格适当位置，按效果图样张，添加文本“（带*的为必填项）”，按效果图设置文本颜色和对齐方式。b)参照效果图样张，在布局表格适当位置制作嵌套表格并在表格内制作“提示问题”、“性别”、“电子邮件”表单项。c)为文本“推荐：QQ邮箱”设置链接“”，为“sogou邮箱”设置链接“”e)参照效果图样张，在布局表格的适当位置插入相应表单元素，表单对象的动作属性为“提交”。（7）将操作结果相关文件全部保存至考生文件夹下1.1.1目录。（关键步骤，如未保存结果，整个题目都不得分）二、制作flash常规效果：共15分。（题库1.3.1试题单）1、“Flower Bar”花艺公司需要制作一份Flash电子相册放在公司网站上，即能展示公司产品，又能丰富网站的动态效果吸引更多的用户。素材库文件夹“网页设计制作员素材1.3.1”。音乐素材“1.3.1.1.mp3，图片素材“1.3.1.2.jpg”、“1.3.1.3.jpg”、“1.3.1.4.jpg”，flash源文件素材“1.3.1.5.fla”，flash样张“1.3.1.6.swf”。编辑flash源文件“1.3.1.5.fla”，应用音乐和图片素材，参照样张制作flash电子相册，操作内容如下：（1）复制flash源文件素材“1.3.1.5.fla”到考生文件夹，打开编辑并设置（2）添加音乐素材“1.3.1.1.mp3”作为背景音乐（3）制作“Flower Bar”文本动画效果（4）添加图片素材“1.3.1.2.jpg”、“1.3.1.3.jpg”、“1.3.1.4.jpg”，并制作动画效果（5）保存flash源文件及导出影片文件（6）保存flash操作历史纪录3、操作要求（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.3.1”子目录将所有操作结果保存至该文件夹下。（2）复制flash源文件素材“1.3.1.5.fla”到考生文件夹，打开编辑并设置，要求如下：复制flash源文件素材“1.3.1.5.fla”至指定保存位置，打开进行编辑，将文档大小设置为400像素300像素，背景颜色为黑色。（3）添加音乐素材“1.3.1.1.mp3”作为背景音乐，要求如下：添加新图层，并且将库中的声音文件“1.3.1.1.mp3”添加到场景中，作为背景音乐，将新图层重命名为“背景音乐”，放置到合适位置。（4）制作“Flower Bar”文本动画效果，要求如下：添加新图层“Flower Bar”，参照样张，在第15帧到30帧之间制作竖排文本“Flower Bar”淡入的动画效果，文本属性设置为：“Lucida Calligraphy”字体、字体大小为“12”，白色，放置在（17.0, 35.0）的位置。（5）添加图片素材“1.3.1.2.jpg”、“1.3.1.3.jpg”、“1.3.1.4.jpg”，并制作动画效果，要求如下：a）添加图片素材“1.3.1.2.jpg”、“1.3.1.3.jpg”、“1.3.1.4.jpg”。b）参照样张，使用合理方法实现三个图片淡入、淡出和切换显示的动态效果。（6）保存源文件及导出影片文件，要求如下：所有图层帧保留至第120帧，以“1.3.1.fla”保存到指定保存位置下，并导出同名影片文件。（关键步骤，未操作整题无分）（7）保存操作历史纪录，要求如下：保存所有的历史记录为命令 “1.3.1”。 （关键步骤，未操作整题无分）三、设计制作网页动态效果：共15分。（题库1.4.1试题单）1、制作空白网页，实现状态栏文本显示效果和网页加载时弹出窗口提示效果，操作内容如下：（1）使用Dreamweave新建一个空白网页文件（2）为新建的空白网页文件添加行为，实现状态栏文本显示效果（3）为该空白网页添加行为，实现网页加载时弹出窗口提示效果（4）保存操作结果2、操作要求（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.4.1”子目录，将所有操作结果保存至该文件夹下。（2）使用Dreamweave新建一个空白网页文件，保存到指定位置，文件名为“1.4.1.html”;（3）为“1.4.1.html”添加行为，实现状态栏显示“欢迎光临淘淘乐网站，祝您购物愉快”（4）为“1.4.1.html”添加行为，实现网页加载时弹出提示窗口的动态效果，提示窗口显示文本“欢迎光临淘淘乐网站，祝您购物愉快”；（5）保存操作结果至考生文件夹（关键步骤，未操作整题无分）四、网页优化及管理维护：共10分。（题库1.6.1试题单）1、有用户在搜索引擎Google 检索“婚庆”，无法找到“Sweet wedding”网站，只有通过“Sweet Wedding”才能找到。有必要对Sweet Wedding进行一次针对搜索引擎的优化。操作内容如下：（1）配置Dreamweaver连接本地IIS服务器上的Sweet Wedding站点；（2）用Dreamweaver下载Sweet Wedding站点；（3）对主页“index.html” 及其他网页进行针对搜索引擎的优化；（4）对主页“index.html”进行链接优化；（5）上传更新优化好的网页。2、操作要求（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.6.1”子目录，将所有操作结果保存至该文件夹下。（2）配置Dreamweaver连接本地IIS服务器上的Sweet Wedding站点a)本地Sweet Wedding站点使用了本地IIS服务器的根目录，http端口为默认的80（3）用Dreamweaver下载“Sweet Wedding”网站网页文件到指定的保存位置。（4）对主页“index.html”及其他网页进行针对搜索引擎的优化：a)修改网页默认语言编码为“简体中文”的默认编码 b)规范网页标题为“Sweet Wedding玫瑰婚典” c)对主页进行关键字优化，关键字为“玫瑰，婚庆，婚典，Sweet Wedding” （5）对主页“index.html”进行链接优化a)查看未链接的网页，并将这些未链接的网页均链接在首页的注册链接上（6）上传更新优化好的网页a)上传修改好的网站并覆盖原文件五、制作网站主要页面：共40分。（题库1.7.1试题单）1、利用素材库文件夹“网页设计制作员素材1.7.1”文件夹。“Sweet Wedding”婚庆网站主页效果图 “1.7.1.1.bmp”，切片要求“1.7.1.2.bmp”，Flash动画效果“1.7.1.3.swf”。根据要求制作“Sweet Wedding”婚庆网站主要页面，具体内容如下：（1）使用Dreamweaver网页制作工具新建“Sweet Wedding”站点；（2）对网站主页效果图1.7.1.1.bmp进行切片处理，并以网页形式导出；（3）在“Sweet Wedding”站点内制作二级功能模块页面；（4）完成网站主页的链接设置；（5）制作“论坛”模块主页面的网页框架。2、操作要求（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.7.1”子目录，将所有操作结果保存至该文件夹下。（2）使用Dreamweaver网页制作工具在指定保存位置建立“Sweet Wedding”站点，具体要求如下：a）使用Dreamweaver网页制作工具，在指定保存位置下创建“SweetWedding1.7.1”站点；b）在站点文件夹中，创建图象文件夹 “images”；（3）按照切片要求1.7.1.2.bmp要求对网站主页效果图1.7.1.1.bmp进行切片处理，并以网页形式导出结果：a）将结果作为站点“SweetWedding1.7.1”的主页面至站点文件夹；b）生成的图片格式为gif，图片文件按照“index_序号”命名，保存“SweetWedding1.7.1”站点文件夹的 “images”目录下；（4）利用Dreamweaver在站点内制作二级功能模块页面的空白html文件，并在网页中添加相应文本，要求如下：a）comintro.html，添加文本“公司介绍”，添加首页链接b）wedserv.html，添加文本“婚庆服务”，添加首页链接c）wedbook.html，添加文本“结婚手册”，添加首页链接（5）根据操作要求修改完成的网站首页文件，完成首页的若干链接设置，具体要求如下：a）设置热区链接，公司介绍：comintro.html，在当前页打开页面b）设置热区链接，婚庆服务：wedserv.html，在新窗口中打开c）设置热区链接，结婚手册：wedbook.html，在新窗口中打开d）为“首页”建立图片链接，链接地址为：“#” e）为“登录”建立图片链接，链接地址为：“#”f）为“注册”建立图片链接，链接地址为：“#”g）为“联系我们”设置图片链接，的链接方式是邮件链接，邮件地址为：sweetwedding； （6）根据操作要求选择使用框架网页方式，制作“论坛”模块主页面的网页框架，具体要求如下：a）文件名为“bbs.html”，保存至站点文件夹b）采用T型框架，页面大小为780像素428像素，；c）顶端页面高度120像素，框架名称top，文件名为“bbs_top.html”，添加文本“bbs_top”；d）左侧页面宽度150像素，框架名称left，文件名为“bbs_left.html”，添加文本“bbs_left”；e）右侧页面长度578像素，框架名称main，文件名为“bbs_main.html”，添加文本“bbs_main”，并在页面中添加素材1.7.1.3.swf。f）在top框架网页上增加首页链接，链接到首页，目标为main框架。第 3 页 共 3 页