静态网站阶段考试试卷

湖南省中等职业学校专业教师省本级培训
静态网站模块阶段考试
一项目背景
1．项目目标
通过设计与制作中国杏仁网站，按照静态网站“网站需求分析→网站栏目设计→网页美工设计→网页素材编辑→网页编辑制作→网页提交”的开发流程，根据提供的网站素材，运用相应的制作工具，以组为单位，完成中国杏仁网站中“杏仁知识”模块二级页面的设计与制作任务。

2．项目描述
达丰公司是集国内国际贸易为一体的杏仁制品专业经营公司，经销的杏仁品种齐全，畅销国内外，并与国内许多著名食品厂家有着良好的长期合作关系，同时也是美国杏仁在国内的重要进口商之一。

公司希望建立“中国杏仁网”，为国产杏仁的宣传和发展提供了更大的交流平台，为国内种植户和采购商搭起了沟通的桥梁，在界面的设计上充分体现简洁明晰、专业的网站风格。

中国杏仁网站的栏目划分如图1所示，“杏仁知识”网页模板布局如图2所示。

图1 中国杏仁网站的栏目规划图
图2 “杏仁知识”网页模板布局规划图
二项目设计与制作内容
1. 制作说明
（1）页面宽度为900-1000像素；
（2）网站栏目严格按照中国杏仁网站的栏目规划图（图1）制作；
（3）页面布局内容严格按照“杏仁知识”网页模板布局规划图（图2）制作；
（4）网页布局中的每部分内容的宽度和高度可根据其内容进行适当的调整；
（5）所给素材应根据实际情况进行挑选放入网页（不需要全部使用）；
（6）网页中所有的搜索（查询）、登陆、注册、留言等交互部分都必须使用表单及表单域来完成。

注意：
中国杏仁网站策划方案，图片、文字等素材，均在“静态网站阶段考试试卷素材”文件夹中。

2. 网站策划部分（5分）
通过分析项目表述和网站素材，在中国杏仁网站策划方案的栏目策划中写出“杏仁知识“二级栏目规划。

注意：
（1）网站栏目统一规划，数量适中（至少3个），栏目设置无重叠交叉，结构清晰、层次清楚；
（2）网站策划文档在考试结束前，重命名为“第N组组员姓名.doc”并保存到“静态网站阶段考试结果提交”目录中。

3. 网站图片设计与制作部分（15分）
（1）应用图片工具制作符合项目要求的网站LOGO；
（2）完成网站中所需图片的设计与制作；
（3）处理网站中所需的图片（例如：修改图片大小、色调、效果等）；
（4）能把图片插入到网页中，并正确显示。

注意：
（1）网站的LOGO中必须包含“中国杏仁”文字字样；
（2）网站中所有图片均必须放在站点根文件夹内的images文件夹中，此为评卷依据。

4. 网站广告设计与制作部分（10分）
（1）在已有的Banner20.jpg图片上（见素材文件夹），通过添加FLASH或其他图片动画形式制作符合项目要求的广告动画效果；
（2）能把广告插入到网页中，并成功播放。

注意：
（1）网站广告中可应用Banner20.jpg制作，也可自行制作；
（2）网站广告必须放在站点根文件夹内的banner文件夹中，此为评卷依据。

5. 网站页面制作与美化部分（70分）
（1）建立网站站点；
（2）建立网站页面模板；
（3）设置网页模板标题为“中国杏仁网”；
（4）根据“杏仁知识”网页模板布局规划图（图2），应用表格或者DIV+CSS布局模板页面；
（5）根据中国杏仁网站的栏目规划图（图1），制作网站导航；
（6）在页面模板中插入适当的图片、动画等元素；
（7）在页面模板入适当的文字，并用CSS美化文字大小、字体、颜色等效果；
（8）在页面模板中添加超级链接，并用CSS美化超级链接；
（9）应用网页模板制作“杏仁知识”模块所规划的二级页面（至少3个）；
（10）应用CSS美化网页中的其他所需元素。

注意：
（1）网站站点根文件夹在考试结束前发布到“静态网站阶段考试结果提交”目录；
（2）对网站根文件夹进行命名（根文件夹命名为：第N组组员姓名），对网页模板文件进行命名
（模板命名为：mb20.dwt）；
（3）模板页面保存在站点的Templates文件夹内；
（4）应用模板制作至少3个“杏仁知识”模块的二级页面，页面之间可以通过超级链接互相访问；
（3）网页要素齐全，版权等信息书写正确；
（4）页面中超级链接如没有确定链接页面以空链接（#）代替，链接提示、颜色、锚记等应用恰当；
（5）控制网页容量在50K以内；
（6）网站中所有CSS样式均必须放在站点根文件夹内的style文件夹中，此为评卷依据。