网页设计制作员三级实验实训指导书

《网页设计制作员三级实验实训指导书》由会员分享，可在线阅读，更多相关《网页设计制作员三级实验实训指导书（88页珍藏版）》请在装配图网上搜索。

1、前言本实验实训指导书，面向计算机各专业参加校企合作网页设计制作员（三级）考证项目大专学生，强调实践操作，旨在提高学生动手能力和自学能力。该指导书以实际考证项目培训大纲、鉴定方案和试题库样题的要求编排，分二大模块，第一模块为综合能力，包括设计制作网站总体方案及网页效果，第二模块为专项技能，包括网站页面效果图设计、制作网站主标识（logo）、制作网站导航、制作FLASH动画和制作网页动态效果五大部分，每一试题从操作内容、操作要求和操作步骤三个方面作了介绍。学生通过本教材的学习，可以提高网页设计实战能力。本指导书在编写的过程中，参考了上海市职业研究发展中心组织编写的网页设计制作员（三级）相关资料，信

2、息经管教学部唐政老师在百忙中认真审稿，给了很多建议，在此一并表示深深的谢意！由于编者能力有限，加之时间紧迫，因此错误和问题难免，恳请广大读者批评指正。作者 2012年12月于上海电机学院目录模块一 综合能力11.1设计制作网站总体方案及网页效果 试题单21.1.1操作内容21.1.2操作要求21.1.3设计方案21.1.4设计方案参考答案41.2设计制作网站总体方案及网页效果 试题单51.2.1操作内容51.2.2操作要求51.2.3设计方案51.2.4设计方案参考答案71.3设计制作网站总体方案及网页效果 试题单81.3.1操作内容81.3.2操作要求81.3.3设计方案81.3.4设计方案

3、参考答案101.4设计制作网站总体方案及网页效果 试题单101.4.1操作内容101.4.2操作要求101.4.3设计方案111.4.4设计方案参考答案131.5设计制作网站总体方案及网页效果 试题单131.5.1操作内容131.5.2操作要求131.5.3设计方案141.5.4设计方案参考答案161.6设计制作网站总体方案及网页效果 试题单171.6.1操作内容171.6.2操作要求171.6.3设计方案171.6.4设计方案参考答案191.7设计制作网站总体方案及网页效果 试题单201.7.1操作内容201.7.2操作要求201.7.3设计方案201.7.4设计方案参考答案221.8设计制

4、作网站总体方案及网页效果 试题单231.8.1操作内容231.8.2操作要求231.8.3设计方案231.8.4设计方案参考答案251.9设计制作网站总体方案及网页效果 试题单261.9.1操作内容261.9.2操作要求261.9.3设计方案261.9.4设计方案参考答案281.10设计制作网站总体方案及网页效果 试题单281.10.1操作内容281.10.2操作要求281.10.3设计方案291.10.4设计方案参考答案311.11设计制作网站总体方案及网页效果 试题单311.11.1操作内容311.11.2操作要求311.11.3设计方案321.11.4设计方案参考答案34模块二 专项技能

5、352.1 设计制作页面效果图362.1.1 试题单362.1.1.1操作内容362.1.1.2操作要求362.1.1.3操作步骤362.1.2试题单372.1.2.1操作内容372.1.2.2操作要求372.1.2.3操作步骤382.1.3试题单392.1.3.1操作内容392.1.3.2操作要求392.1.3.3操作步骤392.1.4试题单402.1.4.1操作内容402.1.4.2操作要求402.1.4.3操作步骤412.1.5试题单412.1.5.1操作内容412.1.5.2操作要求412.1.5.3操作步骤422.1.6试题单432.1.6.1操作内容432.1.6.2操作要求432

6、.1.6.3操作步骤432.1.7试题单442.1.7.1操作内容442.1.7.2操作要求442.1.7.3操作步骤442.1.8试题单452.1.8.1操作内容452.1.8.2操作要求452.1.8.3操作步骤452.2 制作网站主标识（logo）462.2.1试题单462.2.1.1操作内容462.2.1.2操作要求462.2.1.3操作步骤462.2.2试题单472.2.2.1操作内容472.2.2.2操作要求472.2.2.3操作步骤472.2.3试题单482.2.3.1操作内容482.2.3.2操作要求482.2.3.3操作步骤482.2.4试题单492.2.4.1操作内容492

7、.2.4.2操作要求492.2.4.3操作步骤492.2.5试题单502.2.5.1操作内容502.2.5.2操作要求502.2.5.3操作步骤502.2.6试题单502.2.6.1操作内容502.2.6.2操作要求512.2.6.3操作步骤512.2.7试题单512.2.7.1操作内容512.2.7.2操作要求512.2.7.3操作步骤522.2.8试题单522.2.8.1操作内容522.2.8.2操作要求522.2.8.1操作步骤522.3制作网站导航532.3.1试题单532.3.1.1操作内容532.3.1.2操作要求532.3.1.3操作步骤532.3.2试题单542.3.2.1操作

8、内容542.3.2.2操作要求552.3.2.3操作步骤552.3.3试题单552.3.3.1操作内容552.3.3.2操作要求562.3.3.3操作步骤562.3.4试题单572.3.4.1操作内容572.3.4.2操作要求572.3.4.3操作步骤572.3.5试题单582.3.5.1操作内容582.3.5.2操作要求582.3.5.3操作步骤592.3.6试题单592.3.6.1操作内容592.3.6.2操作要求592.3.6.3操作步骤592.3.7试题单602.3.7.1操作内容602.3.7.2操作要求602.3.7.3操作步骤612.3.8试题单612.3.8.1操作内容612.

9、3.8.2操作要求612.3.8.3操作步骤622.4制作FLASH动画632.4.1试题单632.4.1.1操作内容632.4.1.2操作要求632.4.1.3操作步骤632.4.2试题单632.4.2.1操作内容632.4.2.2操作要求642.4.2.3操作步骤642.4.3试题单642.4.3.1操作内容642.4.3.2操作要求652.4.3.3操作步骤652.4.4试题单652.4.4.1操作内容652.4.4.2操作要求652.4.4.3操作步骤662.4.5试题单662.4.5.1操作内容662.4.5.2操作要求662.4.5.3操作步骤672.4.6试题单672.4.6.1

10、操作内容672.4.6.2操作要求672.4.6.3操作步骤682.4.7试题单692.4.7.1操作内容692.4.7.2操作要求692.4.7.3操作步骤692.4.8试题单702.4.8.1操作内容702.4.8.2操作要求712.4.8.3操作步骤712.5制作网页动态效果722.5.1试题单722.5.1.1操作内容722.5.1.2操作要求722.5.1.3操作步骤722.5.2试题单722.5.2.1操作内容722.5.2.2操作要求732.5.2.3操作步骤732.5.3试题单732.5.3.1操作内容732.5.3.2操作要求742.5.3.3操作步骤742.5.4试题单75

11、2.5.4.2操作要求752.5.4.3操作步骤752.5.5试题单772.5.5.1操作内容772.5.5.2操作要求772.5.5.3操作步骤772.5.6试题单782.5.6.1操作内容782.5.6.2操作要求782.5.6.3操作步骤782.5.7试题单792.5.7.1操作内容792.5.7.2操作要求792.5.7.3操作步骤802.5.8试题单802.5.8.1操作内容802.5.8.2操作要求812.5.8.3操作步骤81V网页设计制作员 三级模块一 综合能力11.1设计制作网站总体方案及网页效果 试题单1.1.1操作内容 （1）按要求，结合素材1.1.1.doc中给定的信息

12、，完成网站设计方案；（2）按要求，结合素材文件夹中提供的内容，设计并制作综合网页。1.1.2操作要求（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.1”子目录,将所有操作结果保存至该文件夹下。（考生文件夹命名：“网页设计制作员3级_考生准考证号_姓名”）（2）打开素材“1.1.1.doc”，在设计方案模板提供的选项中，选择正确项匹配（ ）中编号，将答案按编号填入文档最后部分的答题卷上，最后将文件保存在考生文件夹下。（3）按以下要求，设计并制作综合网页。a) 在考生文件夹下，建立“MATLOCK”站点，并将“1.1.2”文件夹中的内容，复制到站点下相应的文件夹内。b) 根据“风格设计”

13、中对版式的设计，在“1.1.3.jpg”与“1.1.4.jpg”中选择相应的页面效果图为模板，制作“首页”、“职位招聘”页面（“invite.html”）。c) 根据信息的重要性、信息量等要素，合理设置“1.1.5.txt”中的文本在“首页”中的位置与字体属性（包括字体、大小、颜色、加粗、倾斜等）。d) 根据色彩平衡性的原则，将图片“1.1.7.jpg” 与“1.1.8.jpg”作为相应单元格的背景。e) 以标准名称保存首页f) 利用表单，结合“1.1.6.txt”中的文本完成“职位招聘”页面。g) 根据“网站结构”图，在“首页”与“职位招聘”间实现导航链接和快速链接。1.1.3设计方案一、前

14、言惠龙电讯集团成立于1981年，公司总部设在香港，并先后在台北、上海和北京设立分公司。惠龙电讯致力于为中国大陆、香港、台湾地区以及亚洲各国提供优质的专业语音 / 数据 / 视像通讯系统及服务。目前客户累计超过三千家，覆盖的行业极其广泛，包括能源、金融、政府机构、交通、工业以及国际最大的500家跨国公司等。公司业务主要包括：企业产品和网络产品。同时，惠龙公司竭诚欢迎优秀人才以及合作伙伴的加盟。二、需求分析1. 为了满足企业的商业需求，因此，必须在网站中建立（ a1 ）系统。2. 为了满足（ a2 ）的需求，还必须建立用户留言系统。3. 为了满足用户对信息的检索需求，必须建立信息搜索系统。4. 作

15、为整个网站规划设计的（ a3 ），同时根据网站类型商业网站，必须树立诚信服务的企业形象。三、系统分析1. 确定功能模块及其作用：(1) 根据用户使用习惯，首先需要（ a4 ）模块：综合体现网页主体及网页内容。(2) “公司资讯”模块：介绍公司基本情况、服务宗旨等信息。在此模块下增加“公司咨询”与“职位招聘”模块。(3)（ a5 ）模块：介绍企业开发设计的主要产品；为了满足不同的（ a6 ），决定按实际应用方向对其进行分类，包括：（ a7 ）、（ a8 ）、方便用户可以有选择性的对产品进行了解。(4) （ a9 ）模块：主要介绍公司曾经出色完成过的任务；根据（ a10 ）按任务类型对其进行分类，

16、包括：（ a11 ）和（ a12 ）。(5) “专业服务”模块：主要介绍公司能够提供的专业性的服务，为了增加用户对公司专业服务能力的信服度，特别将此再划分为“专业服务”和“专业能力”模块。(6) “业务合作”模块：主要介绍公司在商业上和战略上的合作伙伴，并真诚的希望能够吸引新的合作伙伴的加盟。因此，在此模块下又设立了“商业合作伙伴”、“战略合作伙伴”、“合作加盟”三个模块。(7) “联系我们”模块：展示企业联系方式等信息。(8) （ a13 ）模块：实现信息检索功能。2. 根据功能模块的设计，规划网站层次结构图 a14公司咨询 a15 a18专业服务公司咨询 a16 a19 a20专业服务合作

17、伙伴 a17联系我们 a21职位招聘 业务合作商业合作伙伴战略合作伙伴合作加盟3. 详细设计分析(1) 在为（ a22 ）系统而设计的各功能模块中，依据信息形式、信息容量采用（ a23 ）形式实现基本信息浏览功能。(2) 在“用户留言系统”与“信息检索”系统中，使用Dreamweaver与数据库相结合的技术，实习留言于信息搜索功能。四、风格设计1. 为了在最大程度上满足用户对网页的浏览需求，采用（ a24 ）的显示器分辨率最为默认显示器，在此基础上进行页面效果图及网页的设计制作。2. 根据客户需求分析、（ a25 ），选择（ a26 ）形式的网页架构，利用（ a27 ）来分割页面。3. 根据公

18、司类型IT商业，选择具有活力的橙色和绿色作为网站的配色方案。4. 语言选择：简体中文五、动态效果设计1. 为了缓和网站（ a28 ）样式的信息浏览量过大而造成用户视觉疲劳的问题，可以使用Flash制作网页元素的技巧在页面中达到动静平衡的作用。2. 在二次设计开发中可增加（ a29 ）系统，实现网页交互功能。3. 在各页面间进行链接时，为了缓解页面加载时的等待时间，可以在Flash动画中使用Loading动画，实现加载提示。六、网站建设步骤1. 根据风格设计，制作23套页面效果图。2. 使用Dreamweaver制作网页3. 项目预计使用时间为20天。4. 网站运营前，由制作团队进行调试完善 5

19、. 网站运营期间，由公司实现网站维护，删除那些不符合（ a30 ）的内容。选项1. 首页2. 企业产品3. 产品介绍4. 网络产品5. 网络产品典型案例6. 企业产品典型案例7. 经典案例8. 站内搜索9. 778像素439像素10. 800像素600像素11. 1002像素623像素12. 1024像素768像素13. 完善的产品展示14. 完善的产品销售15. 完善的售后服务16. 信息反馈17. 信息互动18. 条件和前提19. 重点和要求20. 目标和核心21. 用户需求22. 用户使用习惯23. 用户消费习惯24. 列表25. 文本26. 图文混排27. 网页访问量28. 网页信息量

20、29. 单一结构30. 混合结构31. 复合结构32. LOGO33. 横幅广告34. 导航系统35. 互联网信息安全36. 互联网信息浏览37. 文字38. 法律法规39. 道德规范40. 图像1.1.4设计方案参考答案编号答案编号答案编号答案编号答案a113A216 A318 A41 A53A621 A72 A84A97A1021 A115 A126 A138A141 A153 A162 A174A187 A195 A206 A218A2213 A2326 A2410. A2528A2631 A2734 A2826 A2917A3035 1.2设计制作网站总体方案及网页效果 试题单1.2.

21、1操作内容 （1）按要求，结合素材1.2.1.doc中给定的信息，完成网站设计方案；（2）按要求，结合素材文件夹中提供的内容，设计并制作综合网页。1.2.2操作要求（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.2”子目录,将所有操作结果保存至该文件夹下。（考生文件夹命名：“网页设计制作员3级_考生准考证号_姓名”）（2）打开素材“1.2.1.doc”，在设计方案模板提供的选项中，选择正确项匹配（ ）中编号，将答案按编号填入文档最后部分的答题卷上，最后将文件保存在考生文件夹下。（3）按以下要求，制作综合网页。a) 在考生文件夹下，建立“XISHENG”站点，并将“1.2.2”文件夹中

22、的内容，复制到站点下相应的文件夹内。b) 在“1.2.3.jpg”与“1.2.4.jpg”中选择相应的页面效果图为模板，制作“首页”、“互动留言”页面（bbs.html）。c) 根据信息的重要性、信息量等要素，合理设置“1.2.5.txt”中的文本在“首页”中的位置与字体属性（包括字体、大小、颜色、加粗、倾斜等）。d) 根据色彩平衡性的原则，利用素材“1.2.7.jpg”用“1.2.5.txt”中的公司名称设计网站logo。e) 根据“1.2.5.txt”中所提供的导航栏内容，利用素材“1.2.8.jpg”按照模板要求设计制作网站的导航栏。f) 以标准名称保存首页g) 根据“1.2.6.txt

23、”中的文本完成“互动留言”页面。h) 根据“网站结构”图，在“首页”与“动态留言”间实现导航链接和快速链接。1.2.3设计方案一、前言上海习盛英语教研中心从2001年起专业开展英联邦国家考试雅思IELTS的教学研究，同时开拓了基础英语、英语口语、商务英语等多种教学领域。他的教师团队由50多位英语培训业资深培训师组成，其中68%为英国、澳大利亚、美国留学归国的英语教育学专家。经过长期的英语教学实践，中心已在雅思教学、基础英语教学和英语口语教学方面形成专业的课程教研体系，以科学严谨的教育模式和卓越的教学效果正成为上海市英语培训业的旗舰。上海习盛英语教研中心为了给中国区广大雅思考生和英语爱好者提供最

24、新、最全、最快的雅思学习信息，特别设立了“习盛雅思无忧网” ，给学员架设实时的信息平台。网站旨在宣传教研中心在英语教学上的特色：雅思特色、新概念特色及口语特色等，以此扩大教研中心的服务领域。网站并能提供中心的即时资讯，包括中心的新闻、开设的新课程等内容，并且具有一个交流学习的平台。二、需求分析1. 为了满足企业的宣传需求，因此，必须在网站中建立（ b1 ）系统。2. 为了满足（ b2 ）的需求，还必须建立一个信息交流平台，如留言板或BBS论坛系统。3. 为了满足用户对（ b3 ）的需求，必须建立信息搜索系统，如站内的内容搜索或站点搜索。4. 作为整个网站规划设计的（ b4 ），同时根据网站类型

25、商业网站，必须树立诚信服务的企业形象。三、系统分析1. 确定功能模块及其作用：(1) 根据用户使用习惯，首先需要（ b5 ）模块：综合体现网页主体及网页内容。同时提供快捷的信息检索系统和站点导航系统，并提供即时的资讯信息。(2)（ b6 ）模块：介绍学习中心的师资力量及重点介绍部分教师的个人资历，并提供教师的个人博客进行师生间的交流学习。(3) （ b7 ）模块：主要介绍中心所推出的雅思课程，其中包括课程的基本信息，同时在网页中提供方便的报名系统，以此扩展中心的业务。(4) “ 学习园地”模块：主要提供学员一个交流学习的平台和学习资源库，可以帮助学员利用网络学习交流，通过留言板可提出相关疑问，

26、通过中心管理员来解答疑惑。(5）（ b8 ）主要推出中心的留学服务中介，根据不同的留学国家，可分为主要留学国家：澳大利亚、美国、英国、加拿大等国家，以及其他国家。(6) 通过搜索和站点导航模块，可方便的实现（ b9 ）功能。(7)为了方便即时的联系中心，在网页显眼的位置通过（ b10 ）提供中心的详细的联系方式。(8)（ b11 ）模块：主要介绍学习中心的基本情况、发展历史及培训特色等信息。2. 根据功能模块的设计，规划网站层次结构图 b12 b13 b14 学习园地教师简介课程信息 b15 b18教师博客学习资源库 b17 b16联系我们搜索客服中心站点导航3. 详细设计分析(1) 在为（

27、b19 ）系统而设计的各功能模块中，依据信息形式、信息容量采用（ b20 ）形式实现基本信息浏览功能。(2) 在（ b21 ）、（ b22 ）及（ b23 ）系统中，使用Dreamweaver与数据库相结合的技术，实现信息收集和搜索功能。四、风格设计1. 为了在最大程度上满足用户对网页的浏览需求，采用（ b24 ）的显示器分辨率最为默认显示器，在此基础上进行页面效果图及网页的设计制作。2. 根据客户需求分析、（ b25 ），选择（ b26 ）形式的网页架构，利用（ b27 ）来分割页面。3. 根据公司类型培训服务业，选择具有淡雅的黄色和天蓝色作为网站的配色方案。4. 语言选择：简体中文五、动态

28、效果设计1. 为了缓和网站（ b28 ）样式的信息浏览量过大而造成用户视觉疲劳的问题，可以使用Flash制作网页元素的技巧在页面中达到动静平衡的作用。2. 在二次设计开发中可增加（ b29 ）系统，实现网页交互功能。3. 在各页面间进行链接时，为了缓解页面加载时的等待时间，可以在Flash动画中使用Loading动画，实现加载提示。六、网站建设步骤1. 根据风格设计，制作23套页面效果图。2. 使用Dreamweaver制作网页3. 项目预计使用时间为20天。4. 网站运营前，由制作团队进行调试完善 5. 网站运营期间，由公司实现网站维护，删除那些不符合（ b30 ）的内容。选项1. 首页2.

29、 专家团队3. 雅思课程4. 学习园地5. 留学天地6. 报名系统7. 站内搜索8. 站点导航9. 关于我们10. 联系我们11. 中心特色12. 动态留言13. 中心新闻14. 客服中心15. 课程信息16. 学习资源库17. 778像素439像素18. 800像素600像素19. 1002像素623像素20. 1024像素768像素21. 完善的企业宣传22. 完成的产品销售23. 完善的售后服务24. 24完善的产品展示25. 完善的技术支持26. 信息收集27. 信息反馈28. 信息互动29. 信息检索30. 条件和前提31. 重点和要求32. 目标和核心33. 用户需求34. 用户使

30、用习惯35. 用户消费习惯36. 列表37. 文本38. 图文混排39. 用户访问量40. 网页信息量41. 单一结构42. 混合结构43. 复合结构44. LOGO45. 横幅广告46. 导航系统47. 互联网信息安全48. 互联网信息浏览1.2.4设计方案参考答案编号答案编号答案编号答案编号答案B121B228B329B430B51B62B73B85B929B1010B19B121B132B143B156B1612B175B189B1921B2038B2112B226B237B2418B2540B2643B2746B2838B2928B30471.3设计制作网站总体方案及网页效果 试题单1

31、.3.1操作内容（1）按要求，结合素材1.3.1.doc中给定的信息，完成网站设计方案；（2）按要求，结合素材文件夹中提供的内容，设计并制作综合网页。1.3.2操作要求（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.3”子目录,将所有操作结果保存至该文件夹下。（考生文件夹命名：“网页设计制作员3级_考生准考证号_姓名”）（2）打开素材“1.3.1.doc”，在设计方案模板提供的选项中，选择正确项匹配（ ）中编号，将答案按编号填入文档最后部分的答题卷上，最后将文件保存在考生文件夹下。（3）按以下要求，制作综合网页。a) 在考生文件夹下，建立“MILKTEA”站点，并将“1.3.2”文件

32、夹中的内容，复制到站点下相应的文件夹内。b) 在“1.3.3.jpg”与“1.3.4.jpg”中选择相应的页面效果图为模板，制作“首页”、“美丽产品”页面（mlcp.html）。c) 根据信息的重要性、信息量等要素，合理设置“1.3.5.txt”中的文本在“首页”中的位置与字体属性（包括字体、大小、颜色、加粗、倾斜等）。d) 根据“1.3.5.txt”中的公司名称设计网站logo。e) 根据色彩平衡性的原则，将图片“1.3.7. jpg ”和“1.3.8.jpg”作为相应单元格的背景。f) 以标准名称保存首页g) 根据“1.3.6.txt”中的文本完成“美丽产品”页面。h) 根据“网站结构”图

33、，在“首页”与“美丽产品”间实现导航链接和快速链接。1.3.3设计方案一、前言奶茶美容是一个业内具有规模及良好声誉的女子专业美健机构。为了让东方女性同样享用皇家贵族的美容方式，于2001年与英国Vicky May（薇琦美）皇家护肤研究中心合作，针对东方人的特质及各地风土人情和环境气修等因素，调整了薇琦美部分产品的配方。在中国加入WTO与世界接轨的时刻，将英国皇家宫廷美容秘方结合现代高科技的美容产品引进中国。 公司欲利用网络制作一个专业的美容网站，让更多的人了解公司的美容项目、美容产品，展示公司在美容方面的成就，提供一些方便的美容资讯及美容提示，并且提供一个交流美容知识的平台。在全国范围内推广最

34、新美容护肤概念、美容美体机构管理模式及功效卓越的“薇琦美”产品，为更多的爱美人士及美容连锁加盟店的执行人士提供完善、科学、周到的服务。二、需求分析1. 为了满足企业的商业需求，因此，必须在网站中建立（ c1 ）系统。2. 为了满足（ c2 ）的需求，还必须建立一个BBS论坛系统。3. 为了为了扩大公司的业务范围，还必须提供一个准确的（c3）系统。4. 作为整个网站规划设计的（ c4 ），同时根据网站类型商业网站，必须树立诚信服务的企业形象。三、系统分析1. 确定功能模块及其作用：(1) 根据用户使用习惯，首先需要（ c5 ）模块：综合体现网页主体及网页内容。并提供便民的（ c6 ）。(2) （

35、c7）模块介绍各种美容界的各种美容健身信息；（3）美丽靓店介绍公司的基本情况、服务宗旨，并且以（c8）的方式展示各个分店的基本信息。(4)（ c9 ）模块：介绍公司所采用的美容产品及特性。(5) 为扩展公司的美容业务，根据不同的成员，设计了（ c10 ）模块：主要介绍公司在商业上和战略上的合作伙伴，并真诚的希望能够吸引新的合作伙伴的加盟，在此模块下采用表单提交的形式设立了一个合作伙伴的信息收集系统；（ c11 ）模块吸引学员加入公司创办的国际美容美发学校，并提供了一个咨询和报名平台。(6)（ c12 ）和（ c13 ）模块满足用户的信息互动交流，提供留言板和完整的BBS论坛系统。2. 根据功能

36、模块的设计，规划网站层次结构图 c14 美丽资讯美丽靓店美丽项目 c16 c15 c17 c18 c19美丽文化咨询报名3. 详细设计分析(1) 在为（ c20 ）系统而设计的各功能模块中，依据信息形式、信息容量采用（ c21 ）形式实现基本信息浏览功能。(2) 在（ c22 ）与（ c23 ）系统中，使用Dreamweaver与数据库相结合的技术，实现信息收集和搜索功能。四、风格设计1. 为了在最大程度上满足用户对网页的浏览需求，采用（ c24 ）的显示器分辨率最为默认显示器，在此基础上进行页面效果图及网页的设计制作。2. 根据客户需求分析、（ c25 ），选择（ c26 ）形式的网页架构，

37、利用（ c27 ）来分割页面。3. 根据公司类型美容服务业，选择具有活力的橙色和红色作为网站的配色方案。4. 语言选择：简体中文五、动态效果设计1. 为了缓和网站（ c28 ）样式的信息浏览量过大而造成用户视觉疲劳的问题，可以使用Flash制作网页元素的技巧在页面中达到动静平衡的作用。2. 在二次设计开发中可增加（ c29 ）系统，实现网页交互功能。3. 在各页面间进行链接时，为了缓解页面加载时的等待时间，可以在Flash动画中使用Loading动画，实现加载提示。六、网站建设步骤1. 根据风格设计，制作23套页面效果图。2. 使用Dreamweaver制作网页3. 项目预计使用时间为20天。

38、4. 网站运营前，由制作团队进行调试完善 5. 网站运营期间，由公司实现网站维护，删除那些不符合（ c30 ）的内容。选项1. 首页2. 美丽资讯3. 美丽靓店4. 美丽项目5. 美丽产品6. 美丽问答7. 美丽论坛8. 美丽加盟9. 美丽学校10. 美丽文化11. 美丽提示12. 美丽顾问13. 778像素439像素14. 800像素600像素15. 1002像素623像素16. 1024像素768像素17. 完善的产品展示18. 完成的产品销售19. 完善的售后服务20. 信息收集21. 信息互动22. 条件和前提23. 重点和要求24. 目标和核心25. 用户需求26. 用户使用习惯27

39、. 用户消费习惯28. 列表29. 文本30. 图文混排31. 用户访问量32. 网页信息量33. 单一结构34. 混合结构35. 复合结构36. LOGO37. 横幅广告38. 导航系统39. 互联网信息安全40. 互联网信息浏览1.3.4设计方案参考答案编号答案编号答案编号答案编号答案C117C221C320C422C51C611C72C830C95C108C19C126C137C141C155C166C177C188C199C2017C2130C228C236C2414C2532C2635C2738C2830C2921C30391.4设计制作网站总体方案及网页效果 试题单1.4.1操作内

40、容 （1）按要求，结合素材1.4.1.doc中给定的信息，完成网站设计方案；（2）按要求，结合素材文件夹中提供的内容，设计并制作综合网页。1.4.2操作要求（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.4”子目录,将所有操作结果保存至该文件夹下。（考生文件夹命名：“网页设计制作员3级_考生准考证号_姓名”）（2）打开素材“1.4.1.doc”，在设计方案模板提供的选项中，选择正确项匹配（ ）中编号，将答案按编号填入文档最后部分的答题卷上，最后将文件保存在考生文件夹下。（3）按以下要求，制作综合网页。a) 在考生文件夹下，建立“CACGZ”站点，并将“1.4.2”文件夹中的内容，复制

41、到站点下相应的文件夹内。b) 在“1.4.3.jpg”与“1.4.4.jpg”中选择相应的页面效果图为模板，制作“首页”、“合作加盟”页面（joinus.html）。c) 根据信息的重要性、信息量等要素，合理设置“1.4.5.txt”中的文本在“首页”中的位置与字体属性（包括字体、大小、颜色、加粗、倾斜等）。d) 根据“1.4.5.txt”中的公司名称设计网页logoe) 根据色彩平衡性的原则，将图片“1.4.7. gif ”、“1.4.8. gif”与“1.4.9. gif”作为相应单元格的背景。f) 以标准名称保存首页g) 利用表单，结合“1.4.6.txt”中的文本完成“合作加盟”页面。

42、h) 根据“网站结构”图，在“首页”与“合作加盟”间实现导航链接和快速链接。1.4.3设计方案一、前言广州中审咨询有限公司创建于 2004 年，是一家旨在为企业用户提供专业解决方案、为个人职业发展提供专业服务的公司，我们的目标是在业务领域内力争做到最好，为客户创造价值。公司自成立一来，始终保持业务的高速增长，在业内的影响力不断增强。 我公司一直致力于为企业提供最优的管理咨询、远程接入解决方案、财务、审计信息化管理咨询和服务，同时，业务范围也涉及到外贸及职业资格考试等领域。从创立之日起，公司便将做优秀的企业公民作为自己立身于业界的基础。我们不仅身体力行在业内实践诚信的商业操作，也一直倡导企业作为

43、社会公民，要对客户、对员工、对社会负责。公司的目标是用最优的产品和服务为客户创造最大的价值，提供最佳客户体验，不断发掘新的思路到实现战略目标。中审公司的专业人员将利用他们丰富的业务经验为客户提供增值服务，使您在业务发展的道路上一帆风顺。二、需求分析1. 为了满足企业的商业需求，因此，必须在网站中建立（ d1 ）系统。2. 为了满足（ d2 ）的需求，还必须建立合作伙伴的信息收集系统。3. 为了满足用户对信息的检索需求，必须建立信息搜索系统。4. 作为整个网站规划设计的（ d3 ），同时根据网站类型商业网站，必须树立诚信服务的企业形象。三、系统分析1. 确定功能模块及其作用：(1) 根据用户使用

44、习惯，首先需要（ d4 ）模块：综合体现网页主体及网页内容。同时提供快捷的信息检索系统。(2) “关于我们”模块：介绍公司基本情况介绍、愿景与价值观和公司战略等信息。在此模块下增加“加入我们”即职位招聘模块。(3)（ d5 ）模块：介绍公司提供的咨询服务内容以及软件和解决方案；咨询服务内容包括咨询、实施与部署、运行与维护、全程技术支持和知识中心；软件和解决方案中为了满足不同的（ d6 ），按应用方向对软件进行分类，包括：（ d7 ）、（ d8 ），方便用户可以有选择性的对产品进行了解。(4) （ d9 ）模块：主要介绍公司曾经出色完成过的案例，并列举部分行业客户名录。(5) （ d10 ）模块

45、：主要介绍公司在商业上和战略上的合作伙伴，并真诚的希望能够吸引新的合作伙伴的加盟。因此，在此模块下采用表单提交的形式设立了一个合作伙伴的信息收集系统。(6) “联系我们”模块：展示企业联系方式等信息。(7) （ d11 ）模块：实现信息检索功能。2. 根据功能模块的设计，规划网站层次结构图 d12 d13 d14 d17公司介绍 咨询服务 软件和解决方案 联系我们加入我们部分行业客户名录 d18合作伙伴信息采集咨询实施与部署运行与维护全程技术支持知识中心 d15 d16 d193. 详细设计分析(1) 在为（ d20 ）系统而设计的各功能模块中，依据信息形式、信息容量采用（ d21 ）形式实现

46、基本信息浏览功能。(2) 在（ d22 ）与（ d23 ）系统中，使用Dreamweaver与数据库相结合的技术，实现信息收集和搜索功能。四、风格设计1. 为了在最大程度上满足用户对网页的浏览需求，采用（ d24 ）的显示器分辨率最为默认显示器，在此基础上进行页面效果图及网页的设计制作。2. 根据客户需求分析、（ d25 ），选择（ d26 ）形式的网页架构，利用（ d27 ）来分割页面。3. 根据公司类型咨询服务业，选择具有活力的橙色和蓝色作为网站的配色方案。4. 语言选择：简体中文五、动态效果设计1. 为了缓和网站（ d28 ）样式的信息浏览量过大而造成用户视觉疲劳的问题，可以使用Flas

47、h制作网页元素的技巧在页面中达到动静平衡的作用。2. 在二次设计开发中可增加（ d29 ）系统，实现网页交互功能。3. 在各页面间进行链接时，为了缓解页面加载时的等待时间，可以在Flash动画中使用Loading动画，实现加载提示。六、网站建设步骤1. 根据风格设计，制作23套页面效果图。2. 使用Dreamweaver制作网页3. 项目预计使用时间为20天。4. 网站运营前，由制作团队进行调试完善 5. 网站运营期间，由公司实现网站维护，删除那些不符合（ d30 ）的内容。选项1. 首页2. 咨询服务3. 关于我们4. 成功案例5. 远程接入软件6. 审计软件7. 合作联盟8. 快速访问9.

48、 778像素439像素10. 800像素600像素11. 1002像素623像素12. 1024像素768像素13. 完善的产品展示14. 完成的产品销售15. 完善的售后服务16. 信息收集17. 信息互动18. 条件和前提19. 重点和要求20. 目标和核心21. 用户需求22. 用户使用习惯23. 用户消费习惯24. 列表25. 文本26. 图文混排27. 用户访问量28. 网页信息量29. 单一结构30. 混合结构31. 复合结构32. LOGO33. 横幅广告34. 导航系统35. 互联网信息安全36. 互联网信息浏览1.4.4设计方案参考答案编号答案编号答案编号答案编号答案D113

49、D216D318D41D52D621D75D86D94D107D18D121D133D142D155D166D174D187D198D2013D2126D227D238D2410D2528D2631D2734D2826D2917D30351.5设计制作网站总体方案及网页效果 试题单1.5.1操作内容 （1）按要求，结合素材1.5.1.doc中给定的信息，完成网站设计方案；（2）按要求，结合素材文件夹中提供的内容，设计并制作综合网页。1.5.2操作要求（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.5”子目录,将所有操作结果保存至该文件夹下。（考生文件夹命名：“网页设计制作员3级_考生

50、准考证号_姓名”）（2）打开素材“1.5.1.doc”，在设计方案模板提供的选项中，选择正确项匹配（ ）中编号，将答案按编号填入文档最后部分的答题卷上，最后将文件保存在考生文件夹下。（3）按以下要求，设计并制作综合网页。a) 在考生文件夹下，建立“tripline”站点及相关文件夹b) 请根据设计方案中“风格设计”要求，在“1.5.2”与“1.5.3”中选择相应的页面效果图为模板，制作网站主页，并以标准名称保存。c) 根据信息的重要性、信息量等要素，合理设置“1.5.4.txt”中的文本在“首页”中的位置与字体属性（包括字体、大小、加粗、倾斜；在给定的“配色方案.txt”中选择适当的文本颜色）

51、。d) 根据色彩平衡性的原则，利用图片素材或“配色方案.txt”中的颜色设计制作各“标题”区域背景。e) 利用表单，结合“1.5.4.txt”中的相关文本完成“快速查找”区域内容。f) 根据“模板”、“配色方案”及“1.5.5.txt”中的文本完成“旅游保险”页面（insurance.html）g) 根据“网站结构”图，在主页与“旅行保险”页面间实现导航链接。h) 根据“1.5.6”内素材“1_ad.gif”的类型、大小，结合网页版式，在主页中选择合适的代码实现广告效果。1.5.3设计方案一、前言乐线国际旅行公司依托集团跨地域、跨行业、跨体制的经营优势，凭借自身雄厚的经济实力和卓著的社会信誉，

52、已在旅游业中占有一席之地。乐线国旅是中国旅行社协会会员（CATS）和IATA协会成员这一。乐线国旅拥有自己经营的黄浦江水上旅游船公司、旅游车队、机票代理处和会务中心等。并形成了入境游、出境游、国内旅游、全球订房系统的经营规模和和格局公司业务主要包括：国内线路、国际线路。其中国内路线主要涉及“江南水乡”、“云贵山川”、“漠北草原”；国际路线主要有“浪漫欧洲”、“激情南美”、“热带风暴”。同时，乐线国旅还提供不同的旅游保险供用户选择。二、需求分析1. 乐线国际旅行公司的公司性质属于服务性行业，因此，必须在网站中建立（ e1 ）系统。2. 为了满足用户对服务信息的咨询需求，还必须建立用户信息咨询系统

53、。3. 为了满足用户对信息的检索需求，必须建立信息搜索系统。4. 作为整个网站规划设计的（ e2 ），同时根据网站类型商业服务网站，必须树立诚信服务的企业形象。三、系统分析1. 确定功能模块及其作用：(1) 根据用户使用习惯，首先需要（ e3 ）模块：综合体现网站主要信息。(2) “关于我们”模块：介绍公司基本情况、服务宗旨等信息。(3) “帮助”模块：介绍网站的使用方法，及各模块的功能。(4) （ e4 ）模块：基于网站设计中“帮助用户快速定位”的原则而设计的功能模块，介绍网站的主要结构和内容。(5) “联系我们”模块：介绍公司的地址、电话等联系信息。(6) “景点导航”模块：根据用户选择的

54、主景点，展示相关的景点信息； (7)（ e5 ）模块：主要介绍公司承担的国内旅游服务项目；按旅游景点的特点及地区进行分类，包括：（ e6 ）、云贵山川和“漠北草原”。(8)（ e7 ）模块：主要介绍公司承担的国际旅游服务项目；按旅游景点的特点及地区进行分类，包括：（ e8 ）、激情南美和“热带风暴”。(9) （ e9 ）模块：这个模板主要是考虑不同的（ e10 ），为喜欢自助游的朋友提供旅游信息及部分服务。(10) “旅行保险”模块：介绍旅游保险种类及使用范围。(11) （ e11 ）模块：该模块主要是为了满足用户对服务信息的咨询需求而设立的。2. 根据功能模块的设计，规划网站层次结构图 e1

55、2关于我们帮助 e13联系我们 e14 e16 景点导航 e15云贵山川漠北草原 e17激情南美热带风暴 e18旅行保险 e193. 详细设计分析(1) 在为（ e20 ）系统而设计的各功能模块中，依据信息形式、信息容量采用（ e21 ）形式实现基本信息浏览功能。(2) 在“信息咨询”与（ e22 ）系统中，使用Dreamweaver与数据库相结合的技术，实习留言于信息搜索功能。四、风格设计1. 为了在最大程度上满足用户对网页的浏览需求，采用（ e23 ）的显示器分辨率最为默认显示器，在此基础上进行页面效果图及网页的设计制作。2. 根据客户需求分析、（ e24 ），选择（ e25 ）形式的网页架构，利用（ e26 ）来分割页面。3. 根据公司类型旅游服务，应选择具有（ e27 ）气息的配色方案。4. 语言选择：简体中文、英文。五、动态效果设计1. 为了缓和网站（ e28 ）样式的信息浏览量过大而造成用户视觉疲劳的问题，可以使