网页设计与制作模拟题1

gggggf 一、设计制作网页内容文字和图 表 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 效果：共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”中的图片“images\zc-1.jpg”，并添加说明文本“用户注册” （3）参照效果图样张“1.1.1.1.bmp”，用素材库文件夹“1.1.1.2”中的图片“images\zc-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邮箱”设置链接“http://mail.qq.com”，为“sogou邮箱”设置链接“http://mail.sogou.com” 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.5.1试题单） 1、操作内容： “Sweet Wedding”网站正在开发论坛模块，现需要对论坛注册页面的输入项的正确性进行验证。利用素材库文件夹“网页设计制作员素材\1.5.1”内的网页素材库文件夹“1.5.1.1”，编写javascript，完成注册页面输入项正确性的验证过程。 2、操作要求 （1）考生务必在指定位置建立考生文件夹，并在其下建立“1.5.1”子目录，将所有操作结果保存至该文件夹下。 （2）编写javascript，完成注册页面输入项正确性的验证过程。 a) 使用客户端javascript脚本，判断用户名必须是英语字母或数字，长度6－12，如错误则弹出提示框，提示“请输入6-12位用户名”； b）使用客户端javascript脚本，判断电子邮件是否符合带有“@”字符，如错误则弹出提示框，提示“请输入正确电子邮件”； c) 单击“同意以下条款，提交注册信息”按钮后，调用“素材库\images\loading.gif”，模拟显示前，后台交互进程 四、网页优化及管理维护：共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@sweetwedding.com； （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框架。