网页设计制作员高级试题及操作步骤.doc

《网页设计制作员》（三级）鉴定方案一、鉴定方式《网页设计制作员》（三级）鉴定方式采用现场实际操作方式进行。

考核分为2个模块，均实行百分制，成绩皆达60分及以上者为合格。

不及格者可按规定分模块补考。

二、考核方案考核模块表三、组卷方案《网页设计制作员》高级模块一注意事项：1、在R盘新建一个考生文件夹，其文件夹名为：机号+网页设计制作员+考生准考证号（例：01网页设计制作员B02），考生所做的结果必须保存在该考生文件夹内。

建立的站点根文件夹必须是考生文件夹下的一级目录。

考试过程中应注意经常保存文件。

2、考试所需素材在S盘：\网页设计制作员素材文件夹内。

3、答题以试题文字要求为准，样张仅供参考。

4、试卷不得带走，否则考试成绩做无效处理。

1.1设计制作网站总体方案及网页效果（1）按要求，结合素材1.1.1.doc中给定的信息，完成网站设计方案；（2）按要求，结合素材文件夹中提供的内容，设计并制作综合网页。

操作要求：（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.1”子目录,将所有操作结果保存至该文件夹下。

（2）打开素材“1.1.1.doc”，在设计方案模板提供的选项中，选择正确项匹配（）中内容，在文档最后部分的答题卷（表格）的每个空格内填上正确选项编号，最后将文件保存在考生文件夹下。

（3）按以下要求，设计并制作综合网页。

a在考生文件夹下，建立“MATLOCK”站点，并将“1.1.2”文件夹中的内容，复制到站点下相应的文件夹内。

b根据“风格设计”中对版式的设计，在“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根据“网站结构”图，在“首页”与“职位招聘”间实现导航链接和快速链接。

设计方案一、前言惠龙电讯集团成立于1981年，公司总部设在香港，并先后在台北、上海和北京设立分公司。

惠龙电讯致力于为中国大陆、香港、台湾地区以及亚洲各国提供优质的专业语音/ 数据/ 视像通讯系统及服务。

目前客户累计超过三千家，覆盖的行业极其广泛，包括能源、金融、政府机构、交通、工业以及国际最大的500家跨国公司等。

公司业务主要包括：企业产品和网络产品。

同时，惠龙公司竭诚欢迎优秀人才以及合作伙伴的加盟。

二、需求分析1. 为了满足企业的商业需求，因此，必须在网站中建立（a1 ）系统。

2. 为了满足（a2 ）的需求，还必须建立用户留言系统。

3. 为了满足用户对信息的检索需求，必须建立信息搜索系统。

4. 作为整个网站规划设计的（a3 ），同时根据网站类型——商业网站，必须树立诚信服务的企业形象。

三、系统分析1. 确定功能模块及其作用：(1) 根据用户使用习惯，首先需要（a4 ）模块：综合体现网页主体及网页内容。

(2) “公司资讯”模块：介绍公司基本情况、服务宗旨等信息。

在此模块下增加“公司咨询”与“职位招聘”模块。

(3)（a5 ）模块：介绍企业开发设计的主要产品；为了满足不同的（a6 ），决定按实际应用方向对其进行分类，包括：（a7 ）、（a8 ）、方便用户可以有选择性的对产品进行了解。

(4) （a9 ）模块：主要介绍公司曾经出色完成过的任务；根据（a10 ）按任务类型对其进行分类，包括：（a11 ）和（a12 ）。

(5) “专业服务”模块：主要介绍公司能够提供的专业性的服务，为了增加用户对公司专业服务能力的信服度，特别将此再划分为“专业服务”和“专业能力”模块。

(6) “业务合作”模块：主要介绍公司在商业上和战略上的合作伙伴，并真诚的希望能够吸引新的合作伙伴的加盟。

因此，在此模块下又设立了“商业合作伙伴”、“战略合作伙伴”、“合作加盟”三个模块。

(7) “联系我们”模块：展示企业联系方式等信息。

(8) （a13 ）模块：实现信息检索功能。

2. 根据功能模块的设计，规划网站层次结构图a14公司咨询a15a18 专业服务公司咨询a16a19a20专业服务合作伙伴a17联系我们a21 职位招聘业务合作商业合作伙伴战略合作伙伴合作加盟3. 详细设计分析(1) 在为（a22 ）系统而设计的各功能模块中，依据信息形式、信息容量采用（a23 ）形式实现基本信息浏览功能。

(2) 在“用户留言系统”与“信息检索”系统中，使用Dreamweaver与数据库相结合的技术，实习留言于信息搜索功能。

四、风格设计1. 为了在最大程度上满足用户对网页的浏览需求，采用（a24 ）的显示器分辨率最为默认显示器，在此基础上进行页面效果图及网页的设计制作。

2. 根据客户需求分析、（a25 ），选择（a26 ）形式的网页架构，利用（a27 ）来分割页面。

3. 根据公司类型——IT商业，选择具有活力的橙色和绿色作为网站的配色方案。

4. 语言选择：简体中文五、动态效果设计1. 为了缓和网站（a28 ）样式的信息浏览量过大而造成用户视觉疲劳的问题，可以使用Flash制作网页元素的技巧在页面中达到动静平衡的作用。

2. 在二次设计开发中可增加（a29 ）系统，实现网页交互功能。

3. 在各页面间进行链接时，为了缓解页面加载时的等待时间，可以在Flash动画中使用Loading动画，实现加载提示。

六、网站建设步骤1. 根据风格设计，制作2～3套页面效果图。

2. 使用Dreamweaver制作网页3. 项目预计使用时间为20天。

6. 网站运营前，由制作团队进行调试完善7. 网站运营期间，由公司实现网站维护，删除那些不符合（a30 ）的内容。

答题卷1.2设计制作网站总体方案及网页效果（1）按要求，结合素材1.2.1.doc中给定的信息，完成网站设计方案；（2）按要求，结合素材文件夹中提供的内容，设计并制作综合网页。

操作要求：（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.2”子目录,将所有操作结果保存至该文件夹下。

（2）打开素材“1.2.1.doc”，在设计方案模板提供的选项中，选择正确项匹配（）中内容，在文档最后部分的答题卷（表格）的每个空格内填上正确选项编号，最后将文件保存在考生文件夹下。

（3）按以下要求，制作综合网页。

a在考生文件夹下，建立“XISHENG”站点，并将素材“1.2.2”文件夹中的内容，复制到站点下相应的文件夹内。

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”中的文本完成“互动留言”页面。

h h根据“网站结构”图，在“首页”与“动态留言”间实现导航链接和快速链接。

设计方案一、前言上海习盛英语教研中心从2001年起专业开展英联邦国家考试雅思IELTS的教学研究，同时开拓了基础英语、英语口语、商务英语等多种教学领域。

他的教师团队由50多位英语培训业资深培训师组成，其中68%为英国、澳大利亚、美国留学归国的英语教育学专家。

经过长期的英语教学实践，中心已在雅思教学、基础英语教学和英语口语教学方面形成专业的课程教研体系，以科学严谨的教育模式和卓越的教学效果正成为上海市英语培训业的旗舰。

上海习盛英语教研中心为了给中国区广大雅思考生和英语爱好者提供最新、最全、最快的雅思学习信息，特别设立了“习盛雅思无忧网” ，给学员架设实时的信息平台。

网站旨在宣传教研中心在英语教学上的特色：雅思特色、新概念特色及口语特色等，以此扩大教研中心的服务领域。

网站并能提供中心的即时资讯，包括中心的新闻、开设的新课程等内容，并且具有一个交流学习的平台。

二、需求分析1. 为了满足企业的宣传需求，因此，必须在网站中建立（b1 ）系统。

2. 为了满足（b2 ）的需求，还必须建立一个信息交流平台，如留言板或BBS论坛系统。

3. 为了满足用户对（b3 ）的需求，必须建立信息搜索系统，如站内的内容搜索或站点搜索。

4. 作为整个网站规划设计的（b4 ），同时根据网站类型——商业网站，必须树立诚信服务的企业形象。

三、系统分析1. 确定功能模块及其作用：(1) 根据用户使用习惯，首先需要（b5 ）模块：综合体现网页主体及网页内容。

同时提供快捷的信息检索系统和站点导航系统，并提供即时的资讯信息。

(2)（b6 ）模块：介绍学习中心的师资力量及重点介绍部分教师的个人资历，并提供教师的个人博客进行师生间的交流学习。

(3) （b7 ）模块：主要介绍中心所推出的雅思课程，其中包括课程的基本信息，同时在网页中提供方便的报名系统，以此扩展中心的业务。

(4) “学习园地”模块：主要提供学员一个交流学习的平台和学习资源库，可以帮助学员利用网络学习交流，通过留言板可提出相关疑问，通过中心管理员来解答疑惑。

（5）（b8 ）主要推出中心的留学服务中介，根据不同的留学国家，可分为主要留学国家：澳大利亚、美国、英国、加拿大等国家，以及其他国家。

（6) 通过搜索和站点导航模块，可方便的实现（b9 ）功能。

（7）为了方便即时的联系中心，在网页显眼的位置通过（b10 ）提供中心的详细的联系方式。

（8）（b11 ）模块：主要介绍学习中心的基本情况、发展历史及培训特色等信息。

2. 根据功能模块的设计，规划网站层次结构图b12b13教师简介教师博客b14课程信息b15学习园地学习资源库b16b17b18联系我们搜索客服中心站点导航3. 详细设计分析(1) 在为（b19 ）系统而设计的各功能模块中，依据信息形式、信息容量采用（b20 ）形式实现基本信息浏览功能。

(2) 在（b21 ）、（b22 ）及（b23 ）系统中，使用Dreamweaver与数据库相结合的技术，实现信息收集和搜索功能。

四、风格设计1. 为了在最大程度上满足用户对网页的浏览需求，采用（b24 ）的显示器分辨率最为默认显示器，在此基础上进行页面效果图及网页的设计制作。

2. 根据客户需求分析、（b25 ），选择（b26 ）形式的网页架构，利用（b27 ）来分割页面。