《网页设计与制作》综合项目实训指导书.doc

网页设计与制作综合实训指导书前 言 为了加强学生能力的培养，提高学生的实践操作技能，以适应社会、经济和科技的发展对职业人才的需求，向社会提供大批能够直接从事网站开发和技术服务的应用型操作人才。特编写本指导书网页设计与制作是一门实践性很强的课程，网页设计与制作实训是学好网站开发、掌握网页制作基础知识的极为重要的环节，是培养学生动手能力的重要途径。因此，加强网页设计与制作实验课程的教学具有十分重要的意义。本指导书是在多年的教学实践经验的基础上，广泛听取了有关任课教师的意见，并结合我校网络专业实训设备的现状编写而成的。编写中，精选实验项目与内容，力求简明扼要、通俗易懂、目的明确、原理简洁、步骤清晰、结论正确。针对学生知识面及个人特长的不同，本指导书设计有选做内容，此部份内容主要为数据库开发及动态模块设计与程序编写等内容，以此拓展学生知识面与技能的全面性，学生可根据自身特点及时间来选择是否完成网站的动态开发部分。本指导书适用于计算机网络三年制（或四年制、五年制）专业教学使用。由于编者时间仓促，水平有限，对指导书中存在的缺点和错误，望大家给予指正，在此深表感谢！ 编 者 二零一一年五月十日目录实训课程概述4项目一：设计与制作“博爱”助学网站。7项目二：设计与制作“华医”中医健康网站。12项目三：设计与制作世博会志愿者网站17项目四：设计与制作传统节日网站22项目五：设计与制作环保网站27项目六：设计与制作音乐网站33项目七：设计与制作台湾旅游网站38项目八：设计与制作图书网站43项目九：设计与制作军事新闻网站48项目十：设计与制作科技公司网站53项目十一：设计与制作健身俱乐部网站58项目十二：设计与制作婚礼策划公司网站63项目十三：设计与制作奶茶网站69项目十四：设计与制作植物园网站75项目十五：设计与制作快餐连锁店网站81项目十六：设计与制作青年旅舍网站86项目十七：设计与制作鞋业有限公司网站91项目十八：设计与制作摄影公司网站96项目十九：设计与制作中国杏仁网站102项目二十：设计与制作李小龙截拳道网站108实训课程概述实训项目名：网页设计与制作周学时：16课时周数：10周总课时：160课时实训场地：动漫或模具机房学生角色：网页设计师实训班级：大09网络班实训时间：2011年下学期实训项目说明： 本次综合项目实训以实际网站的设计与制作项目为背景，以省教育厅技能抽查标准为指导，针对网站设计制作的关键技术，以完成网站策划、网站图片处理、网站LOGO设计与制作、网站广告动画设计与制作、网页表格或DIV+CSS布局、网页内容制作、网页CSS美化为主要考核测试任务，另外将数据库开发与动态模块开发做为学生选做内容从而进一步满足实际工作的需要。实训目标： 一、知识目标：了解网页设计基本步骤与方法；了解HTML语言；了解色彩搭配与版面布局；了解相关文档的格式与编写；了解数据库及动态开发技术（选做）。 二、技能目标： 1、能根据用户需求完成网站开发项目的总体策划与设计，包括网站主题定位、网站栏目规划，网站结构设计、网站风格设计等； 2、能根据网站设计方案架设、配置和管理WWW站点； 3、能根据网站设计方案完成网站美工设计，包括网页布局、配色方案、LOGO设计、菜单按钮、装饰图案、图片等素材的美工设计和制作； 4、能根据网站设计方案要求完成网页设计制作，包括框架网页、网页模板、文本编辑、图文混排、图表混排、用CSS美化页面和布局等； 5、能根据网站设计方案要求完成网页中所需的广告和动画制作、音频视频文件插入、超级链接设置等； 6、能根据网站设计方案要求完成网页HTML代码编写和优化； 7、能根据网站设计方案要求完成网页测试与发布网站。 8、能根据网站需求设计数据库；（选做） 9、能根据网站需求设计动态模块并进行开发；（选做） 三、职业素质目标： 1、培养学习和分析能力； 2、学习保持良好沟通的能力； 3、培养良好的产品意识； 4、建立团队意识，学习团队合作； 5、学习正确的编码规范与文档规范。实训任务： 项目一：设计与制作“博爱”助学网站。 项目二：设计与制作“华医”中医健康网站。 项目三：设计与制作“我爱世博”世博会志愿者网站。 项目四：设计与制作“传承”中国传统节日网站。 项目五：设计与制作“我爱低碳”环保网站。 项目六：设计与制作“静听”音乐网站。 项目七：设计与制作“家”台湾旅游网站。 项目八：设计与制作“起点”图书网站。 项目九：设计与制作“聚焦”军事新闻网站。 项目十：设计与制作“开元”科技公司网站。 项目十一：设计与制作“力与美”健身俱乐站网站。 项目十二：设计与制作“心相映”婚礼策划公司网站。 项目十三：设计与制作“避风港”奶茶网站。 项目十四：设计与制作沈阳植物园网站。 项目十五：设计与制作“面对面”中式休闲快餐连锁店网站。 项目十六：设计与制作“梦之旅”青年施舍网站。 项目十七：设计与制作致泰鞋业有限公司网站。 项目十八：设计与制作新东方英语培训学校网站。 项目十九：设计与制作中国杏仁网站。 项目二十：设计与制作李小龙截拳道网站。实训组织设计： 实训过程分三个部份进行：第一部份是知识讲解与教师演示，约40课时；第二部份是二十个项目的实训，每项目4课时*20，共计80课时；第三部份是讲评与考核，约40课时。三个部份交叉进行。为节省学生项目的讲评时间，学生项目完成后通过上传到网上，进行展示，教师通过课余时间为学生评分，课堂上只挑选部份有特色的项目来讲评。 每个实训项目进行的基本程序为：（每周16课时，共10周） 一、前期1至3周“讲解与演示”4课时>>“学生练习”2课时>>“讲解点评”2课时 三周共完成2个项目。 二、中期4至6周“讲解演示”2课时>>“学生项目实训”4课时>> “讲解点评”2课时每周完成2个项目。3周共完成6个项目。 三、后期7至10周 一次“学生项目实训”4课时；每周完成3个项目；另外4个课时用于讲评；4周共完成12个项目。项目评分标准：一、网站策划部分（共10分）：根据项目的具体要求做出合理的需求分析，能准确的规划网站的栏目，网站整体规划合理，栏目统一规划，数量适中，栏目设置无重叠交叉，网站结构清晰，层次清楚。二、网站图片设计与制作部分（共15分）：1、网站LOGO，在网站策划的基础上，能根据项目网站的需求设计与制作符合行业规范的LOGO，提升页面的整体效果，5分；2、网站图片处理，在网站策划的基础上，能根据项目提供的素材对网页中所需的图片进行处理。能很好的满足网页效果，10分。三、网站动画设计与制作部分（共15分）：在网站策划的基础上，能根据项目网站的需求设计与制作符合行业规范的广告动画，提升网站的整体效果。四、网页布局（共15分）：根据项目网站的需求利用表格或者DIV+CSS对页面进行布局，布局合理，页面结构清晰。五、网页内容（共30分）：1、建立网站站点3分；2、建立网站页面，页面标题栏，状态栏，版权，ICP备案编号等信息齐全，4分；3、在页面中正确插入文字，3分；4、链接主页与二级页面链接正确，分页面可直接返回主页，链接提示、颜色、锚记等应用恰当，如没有链接页面以空链接代替，5分；5、建立模板，并制作其它页面，至少3个页面，15分。六、网页美化（共15分）1、CSS的建立，新建样式表文件，放入CSS文件，2分；2、CSS美化文字大小、字体、颜色等效果，3分；3、CSS美化超级链接，5分；4、CSS美化网页中的其他所需元素，5分。七、数据库与动态开发（50分）（选做内容）1、根据网站需求设计数据库；（10分）2、根据网站需求设计动态模块；（10分）3、在DW中开发动态模块功能及程序。（30分）项目成果： 每个学生分别做出全部二十个项目的网站及其开发文档，并写出实训总结与报告。项目一：设计与制作“博爱”助学网站。1、项目目标通过设计与制作“博爱”助学网站，按照静态网站“网站需求分析>>网站栏目设计>>网页美工设计>>网页素材编辑>>网页编辑制作>>网页提交”的开发流程，运用相应的制作工具，完成静态网页设计与制作等工作任务。2、项目描述“博爱”是一家中国红十字基金会下属的机构，其主要是以帮助贫困地区的青少年及儿童可以受到应有的教育为主要目的机构。该机构希望通过“博爱”助学网站介绍贫困地区青少年及儿童的情况、助学的新闻、红十字会的动态、资金明细等来让更多的好心人来捐款、捐物，帮助更多的贫困小孩早日重返校园。3、网站策划部分通过分析项目表述和网站素材，根据网站策划模块文档的格式写出网站的栏目规划，并做出必要的 说明。注意： （1）网站整体规划合理，主题鲜明、重点突出，栏目统一规划，数量适中，栏目设置无重叠交叉， 网站结构清晰、层次清楚； （2）网站策划文档需保存到服务器指定目录中。学生填写网站UI需求策划书：网站名称：主要用户群体：用户特点：网站整体风格：网站配色风格：整体配色风格：背景色：辅助色：前景色：网站版式设计：网站分页设计：首页名称：分页2名称：分页3名称：分页4名称：分页5名称：分页6名称：分页7名称：分页8名称：网站首页模块：模块一：模块二：模块三：模块四：模块五：模块六：模块七：模块八：首页Logo设计说明：首页Flash设计说明：网站CSS文件定义说明：CSS文件1：主要用于：CSS文件2：主要用于：CSS文件3：主要用于：CSS文件4：主要用于：CSS文件5：主要用于：CSS文件6：主要用于：网站特殊效果使用说明：学生填写网站动态模块概要说明书（选做）：网站主要动态模块名称及相关说明：模块1：模块2：模块3：模块4：模块5：模块6：模块7：模块8：学生填写网站数据库开发概要说明书（选做）：数据库类型：服务器IP：标识符和状态：使用它的程序：约定：概要结构设计：逻辑结构设计：物理结构设计：其它补充说明：4、网站图片设计与制作部分根据网站整体效果需求完成以下图片设计与制作： （1）完成网站 LOGO的设计与制作； （2）完成网站中所需背景图片的设计与制作； （3）处理网站中所需的图片（例如：修改图片大小、色调、效果等） ； （4）能把图片插入到网页中，并正确显示。 注意： （1）网站中必须设计与制作 LOGO； （2）网站中所有图片均必须放在站点根文件夹内的 images 文件夹中。 5、网站动画设计与制作部分根据网站整体效果需求完成以下动画设计与制作： （1）设计与制作网站广告动画的背景；（2）应用关键帧、形变、运动、遮罩等动画形式制作文字或图片的动画效果； （3）能把动画插入到网页中，并成功播放。 注意： （1）一个网站至少包含 1 个 FLASH 动画； （2）网站中所有 FLASH 均必须放在站点根文件夹内的 flash文件夹中。 6、网页内容制作与美化部分根据网站整体效果需求完成以下网页内容的制作与美化： （1）建立网站站点； （2）建立网站页面（首页为：index.html） ，页面元素完整； （3）应用表格或者DIV+CSS 布局页面； （4）在页面中插入文字，并用 CSS 美化文字大小、字体、颜色等效果； （5）在页面中添加超级链接，并用 CSS 美化超级链接； （6）应用 CSS 美化网页中的其他所需元素； （7）建立模板，并制作其他页面。 注意： （1）网站站点根文件需保存到服务器指定目录中； （2）至少完成 3 个页面及以上页面，页面标题栏、状态栏、版权、ICP 备案编号等信息齐全； （3）页面中超级链接如没有链接页面以空链接（#）代替； （4）页面中超级链接主页与二级页面链接正确，分页面可直接返回主页，链接提示、颜色、锚记 等应用恰当； （5）网站中所有 CSS 均必须放在站点根文件夹内的CSS 文件夹中。7、总结报告与自我评价学生完成网站制作后填写项目实训报告并完成自我评价：网站名称：设计人：项目开发时间：项目完成时间：主要采用技术手段说明：开发过程中遇到的主要问题：项目已完成的部份：项目还未完成的部份：项目仍存在的缺陷：解决未完成部份及缺陷的途径：自我评价：网站策划部份：10分网站图片设计与制作部份：15分网站动画设计与制作部份：15分网页布局：15分网页内容：30分网页美化：15分数据库与动态功能（附加）：50分项目二：设计与制作“华医”中医健康网站。1、项目目标通过设计与制作“华医”中医健康网站，按照静态网站“网站需求分析>>网站栏目设计>>网页美工设计>>网页素材编辑>>网页编辑制作>>网页提交”的开发流程，运用相应的制作工具，完成静态网页设计与制作等工作任务。2、项目描述“华医”是一家以中医为主的医疗机构，其主要是以中医的医疗方式来救助病人。该机构希望通过“华医”医疗网站来介绍中医的历史、中医的知识、生活中要注意的健康常识等来介绍和推广中医文化。3、网站策划部分通过分析项目表述和网站素材，根据网站策划模块文档的格式写出网站的栏目规划，并做出必要的 说明。 注意： （1）网站整体规划合理，主题鲜明、重点突出，栏目统一规划，数量适中，栏目设置无重叠交叉， 网站结构清晰、层次清楚； （2）网站策划文档需保存到服务器指定目录中。学生填写网站UI需求策划书：网站名称：主要用户群体：用户特点：网站整体风格：网站配色风格：整体配色风格：背景色：辅助色：前景色：网站版式设计：网站分页设计：首页名称：分页2名称：分页3名称：分页4名称：分页5名称：分页6名称：分页7名称：分页8名称：网站首页模块：模块一：模块二：模块三：模块四：模块五：模块六：模块七：模块八：首页Logo设计说明：首页Flash设计说明：网站CSS文件定义说明：CSS文件1：主要用于：CSS文件2：主要用于：CSS文件3：主要用于：CSS文件4：主要用于：CSS文件5：主要用于：CSS文件6：主要用于：网站特殊效果使用说明：学生填写网站动态模块概要说明书：网站主要动态模块名称及相关说明：模块1：模块2：模块3：模块4：模块5：模块6：模块7：模块8：学生填写网站数据库开发概要说明书：数据库类型：服务器IP：标识符和状态：使用它的程序：约定：概要结构设计：逻辑结构设计：物理结构设计：其它补充说明：4、网站图片设计与制作部分根据网站整体效果需求完成以下图片设计与制作： （1）完成网站 LOGO的设计与制作； （2）完成网站中所需背景图片的设计与制作； （3）处理网站中所需的图片（例如：修改图片大小、色调、效果等） ； （4）能把图片插入到网页中，并正确显示。 注意： （1）网站中必须设计与制作 LOGO； （2）网站中所有图片均必须放在站点根文件夹内的 images 文件夹中。 5、网站动画设计与制作部分根据网站整体效果需求完成以下动画设计与制作： （1）设计与制作网站广告动画的背景；（2）应用关键帧、形变、运动、遮罩等动画形式制作文字或图片的动画效果； （3）能把动画插入到网页中，并成功播放。 注意： （1）一个网站至少包含 1 个 FLASH 动画； （2）网站中所有 FLASH 均必须放在站点根文件夹内的 flash文件夹中。 6、网页内容制作与美化部分根据网站整体效果需求完成以下网页内容的制作与美化： （1）建立网站站点； （2）建立网站页面（首页为：index.html） ，页面元素完整； （3）应用表格或者DIV+CSS 布局页面； （4）在页面中插入文字，并用 CSS 美化文字大小、字体、颜色等效果； （5）在页面中添加超级链接，并用 CSS 美化超级链接； （6）应用 CSS 美化网页中的其他所需元素； （7）建立模板，并制作其他页面。 注意： （1）网站站点根文件需保存到服务器指定目录中； （2）至少完成 3 个页面及以上页面，页面标题栏、状态栏、版权、ICP 备案编号等信息齐全； （3）页面中超级链接如没有链接页面以空链接（#）代替； （4）页面中超级链接主页与二级页面链接正确，分页面可直接返回主页，链接提示、颜色、锚记 等应用恰当； （5）网站中所有 CSS 均必须放在站点根文件夹内的CSS 文件夹中。7、总结报告与自我评价学生完成网站制作后填写项目实训报告并完成自我评价：网站名称：设计人：项目开发时间：项目完成时间：主要采用技术手段说明：开发过程中遇到的主要问题：项目已完成的部份：项目还未完成的部份：项目仍存在的缺陷：解决未完成部份及缺陷的途径：自我评价：网站策划部份：10分网站图片设计与制作部份：15分网站动画设计与制作部份：15分网页布局：15分网页内容：30分网页美化：15分数据库与动态功能（附加）：50分项目三：设计与制作世博会志愿者网站1、项目目标通过设计与制作“我爱世博”世博会志愿者网站，按照静态网站“网站需求分析网站栏目设计 网页美工设计网页素材编辑网页编辑制作网页提交”的开发流程，运用相应的制作工具，完成静 态网页设计与制作等工作任务。2、项目描述“我爱世博”是一个世博会志愿者网站。该网站希望通过介绍世博会志愿者的新闻、培训、志愿者 的心情日记、口号、标志等来推广世博会和招募更多的世博会志愿者。 3、网站策划部分通过分析项目表述和网站素材，根据网站策划模块文档的格式写出网站的栏目规划，并做出必要的 说明。 注意： （1）网站整体规划合理，主题鲜明、重点突出，栏目统一规划，数量适中，栏目设置无重叠交叉， 网站结构清晰、层次清楚； （2）网站策划文档需保存到服务器指定目录中。 学生填写网站UI需求策划书：网站名称：主要用户群体：用户特点：网站整体风格：网站配色风格：整体配色风格：背景色：辅助色：前景色：网站版式设计：网站分页设计：首页名称：分页2名称：分页3名称：分页4名称：分页5名称：分页6名称：分页7名称：分页8名称：网站首页模块：模块一：模块二：模块三：模块四：模块五：模块六：模块七：模块八：首页Logo设计说明：首页Flash设计说明：网站CSS文件定义说明：CSS文件1：主要用于：CSS文件2：主要用于：CSS文件3：主要用于：CSS文件4：主要用于：CSS文件5：主要用于：CSS文件6：主要用于：网站特殊效果使用说明：学生填写网站动态模块概要说明书：网站主要动态模块名称及相关说明：模块1：模块2：模块3：模块4：模块5：模块6：模块7：模块8：学生填写网站数据库开发概要说明书：数据库类型：服务器IP：标识符和状态：使用它的程序：约定：概要结构设计：逻辑结构设计：物理结构设计：其它补充说明：4、网站图片设计与制作部分根据网站整体效果需求完成以下图片设计与制作： （1）完成网站 LOGO的设计与制作； （2）完成网站中所需背景图片的设计与制作； （3）处理网站中所需的图片（例如：修改图片大小、色调、效果等） ； （4）能把图片插入到网页中，并正确显示。 注意： （1）网站中必须设计与制作 LOGO； （2）网站中所有图片均必须放在站点根文件夹内的 images 文件夹中。 5、网站动画设计与制作部分根据网站整体效果需求完成以下动画设计与制作： （1）设计与制作网站广告动画的背景； （2）应用关键帧、形变、运动、遮罩等动画形式制作文字或图片的动画效果；（3）能把动画插入到网页中，并成功播放。 注意： （1）一个网站至少包含 1 个 FLASH 动画； （2）网站中所有 FLASH 均必须放在站点根文件夹内的 flash文件夹中。6、网页内容制作与美化部分根据网站整体效果需求完成以下网页内容的制作与美化： （1）建立网站站点； （2）建立网站页面（首页为：index.html） ，页面元素完整； （3）应用表格或者DIV+CSS 布局页面； （4）在页面中插入文字，并用 CSS 美化文字大小、字体、颜色等效果； （5）在页面中添加超级链接，并用 CSS 美化超级链接； （6）应用 CSS 美化网页中的其他所需元素； （7）建立模板，并制作其他页面。 注意： （1）网站站点根文件需保存到服务器指定目录中； （2）至少完成 3 个页面及以上页面，页面标题栏、状态栏、版权、ICP 备案编号等信息齐全； （3）页面中超级链接如没有链接页面以空链接（#）代替； （4）页面中超级链接主页与二级页面链接正确，分页面可直接返回主页，链接提示、颜色、锚记 等应用恰当； （5）网站中所有 CSS 均必须放在站点根文件夹内的CSS 文件夹中。7、总结报告与自我评价学生完成网站制作后填写项目实训报告并完成自我评价：网站名称：设计人：项目开发时间：项目完成时间：主要采用技术手段说明：开发过程中遇到的主要问题：项目已完成的部份：项目还未完成的部份：项目仍存在的缺陷：解决未完成部份及缺陷的途径：自我评价：网站策划部份：10分网站图片设计与制作部份：15分网站动画设计与制作部份：15分网页布局：15分网页内容：30分网页美化：15分数据库与动态功能（附加）：50分项目四：设计与制作传统节日网站1、项目目标通过设计与制作“传承”中国传统节日网站，按照静态网站“网站需求分析网站栏目设计网页 美工设计网页素材编辑网页编辑制作网页提交”的开发流程，运用相应的制作工具，完成静态网 页设计与制作等工作任务。 2、项目描述 “传承” 是一家介绍中国传统节日的网站。该网站希望通过介绍中国传统的节日、节日由来、趣闻、 食物、活动等各方面的知识推广中国的历史传统。 3、网站策划部分通过分析项目表述和网站素材，根据网站策划模块文档的格式写出网站的栏目规划，并做出必要的说明。 注意： （1）网站整体规划合理，主题鲜明、重点突出，栏目统一规划，数量适中，栏目设置无重叠交叉， 网站结构清晰、层次清楚； （2）网站策划文档需保存到服务器指定目录中。 学生填写网站UI需求策划书：网站名称：主要用户群体：用户特点：网站整体风格：网站配色风格：整体配色风格：背景色：辅助色：前景色：网站版式设计：网站分页设计：首页名称：分页2名称：分页3名称：分页4名称：分页5名称：分页6名称：分页7名称：分页8名称：网站首页模块：模块一：模块二：模块三：模块四：模块五：模块六：模块七：模块八：首页Logo设计说明：首页Flash设计说明：网站CSS文件定义说明：CSS文件1：主要用于：CSS文件2：主要用于：CSS文件3：主要用于：CSS文件4：主要用于：CSS文件5：主要用于：CSS文件6：主要用于：网站特殊效果使用说明：学生填写网站动态模块概要说明书：网站主要动态模块名称及相关说明：模块1：模块2：模块3：模块4：模块5：模块6：模块7：模块8：学生填写网站数据库开发概要说明书：数据库类型：服务器IP：标识符和状态：使用它的程序：约定：概要结构设计：逻辑结构设计：物理结构设计：其它补充说明：4、网站图片设计与制作部分根据网站整体效果需求完成以下图片设计与制作： （1）完成网站 LOGO的设计与制作； （2）完成网站中所需背景图片的设计与制作； （3）处理网站中所需的图片（例如：修改图片大小、色调、效果等） ； （4）能把图片插入到网页中，并正确显示。 注意： （1）网站中必须设计与制作 LOGO； （2）网站中所有图片均必须放在站点根文件夹内的 images 文件夹中。 5、网站动画设计与制作部分根据网站整体效果需求完成以下动画设计与制作： （1）设计与制作网站广告动画的背景； （2）应用关键帧、形变、运动、遮罩等动画形式制作文字或图片的动画效果；（3）能把动画插入到网页中，并成功播放。 注意： （1）一个网站至少包含 1 个 FLASH 动画； （2）网站中所有 FLASH 均必须放在站点根文件夹内的 flash文件夹中。 6、网页内容制作与美化部分根据网站整体效果需求完成以下网页内容的制作与美化： （1）建立网站站点； （2）建立网站页面（首页为：index.html） ，页面元素完整； （3）应用表格或者DIV+CSS 布局页面； （4）在页面中插入文字，并用 CSS 美化文字大小、字体、颜色等效果； （5）在页面中添加超级链接，并用 CSS 美化超级链接； （6）应用 CSS 美化网页中的其他所需元素； （7）建立模板，并制作其他页面。 注意： （1）网站站点根文件需保存到服务器指定目录中； （2）至少完成 3 个页面及以上页面，页面标题栏、状态栏、版权、ICP 备案编号等信息齐全； （3）页面中超级链接如没有链接页面以空链接（#）代替； （4）页面中超级链接主页与二级页面链接正确，分页面可直接返回主页，链接提示、颜色、锚记 等应用恰当； （5）网站中所有 CSS 均必须放在站点根文件夹内的CSS 文件夹中。7、总结报告与自我评价学生完成网站制作后填写项目实训报告并完成自我评价：网站名称：设计人：项目开发时间：项目完成时间：主要采用技术手段说明：开发过程中遇到的主要问题：项目已完成的部份：项目还未完成的部份：项目仍存在的缺陷：解决未完成部份及缺陷的途径：自我评价：网站策划部份：10分网站图片设计与制作部份：15分网站动画设计与制作部份：15分网页布局：15分网页内容：30分网页美化：15分数据库与动态功能（附加）：50分项目五：设计与制作环保网站1、项目目标 通过设计与制作“我爱低碳”环保网站，按照静态网站“网站需求分析网站栏目设计网页美工 设计网页素材编辑网页编辑制作网页提交”的开发流程，运用相应的制作工具，完成静态网页设 计与制作等工作任务。 2、项目描述 “我爱低碳”是一家以销售低碳环保概念产品为主的公司。该公司主要推荐的产品有：家具、建筑 材料（水性涂料、溶剂型涂料、木地板、粘合剂、壁纸、陶瓷砖、卫生陶瓷、门窗、水泥、混凝土、墙 体板材等）、家用电器（冰箱、电视机、洗衣机、空调、节能灯）、日用品、纺织品、汽车、办公设备（计 算机、复印机、打印机、传真机等）、油墨、再生鼓粉盒、生态住宅、太阳能（热水系统、集热器）等。 该公司希望通过建立“我爱低碳”环保网站介绍低碳生活理念、低碳的新闻、低碳环保的生活窍门等各 方面低碳知识，起到推广其产品的作用。 3、网站策划部分通过分析项目表述和网站素材，根据网站策划模块文档的格式写出网站的栏目规划，并做出必要的 说明。 注意： （1）网站整体规划合理，主题鲜明、重点突出，栏目统一规划，数量适中，栏目设置无重叠交叉， 网站结构清晰、层次清楚； （2）网站策划文档需保存到服务器指定目录中。 学生填写网站UI需求策划书：网站名称：主要用户群体：用户特点：网站整体风格：网站配色风格：整体配色风格：背景色：辅助色：前景色：网站版式设计：网站分页设计：首页名称：分页2名称：分页3名称：分页4名称：分页5名称：分页6名称：分页7名称：分页8名称：网站首页模块：模块一：模块二：模块三：模块四：模块五：模块六：模块七：模块八：首页Logo设计说明：首页Flash设计说明：网站CSS文件定义说明：CSS文件1：主要用于：CSS文件2：主要用于：CSS文件3：主要用于：CSS文件4：主要用于：CSS文件5：主要用于：CSS文件6：主要用于：网站特殊效果使用说明：学生填写网站动态模块概要说明书：网站主要动态模块名称及相关说明：模块1：模块2：模块3：模块4：模块5：模块6：模块7：模块8：学生填写网站数据库开发概要说明书：数据库类型：服务器IP：标识符和状态：使用它的程序：约定：概要结构设计：逻辑结构设计：物理结构设计：其它补充说明：4、网站图片设计与制作部分根据网站整体效果需求完成以下图片设计与制作： （1）完成网站 LOGO的设计与制作； （2）完成网站中所需背景图片的设计与制作； （3）处理网站中所需的图片（例如：修改图片大小、色调、效果等） ； （4）能把图片插入到网页中，并正确显示。 注意： （1）网站中必须设计与制作 LOGO； （2）网站中所有图片均必须放在站点根文件夹内的 images 文件夹中。5、网站动画设计与制作部分根据网站整体效果需求完成以下动画设计与制作： （1）设计与制作网站广告动画的背景； （2）应用关键帧、形变、运动、遮罩等动画形式制作文字或图片的动画效果； （3）能把动画插入到网页中，并成功播放。 注意： （1）一个网站至少包含 1 个 FLASH 动画； （2）网站中所有 FLASH 均必须放在站点根文件夹内的 flash文件夹中。 6、网页内容制作与美化部分根据网站整体效果需求完成以下网页内容的制作与美化： （1）建立网站站点； （2）建立网站页面（首页为：index.html）