目录
一、设计目的 1
二、需求分析 3
1、基本工具需求 3
2、基本要素需求 3
1）图片要素 3
2） 客户群体特点 3
3） 导航要素 3
4） 时间要素 3
5） 动画需求 3
3、网页视觉设计与审美需求 4
4、特殊需求 4
三、功能模块分析及设计 5
1、设计目标 5
2、模块分析 5
四、制作过程及要点 6
1、导航栏制作 6
2、首页纯静态内容相关制作 7
五、设计总结 17
1、问题与解决方法 17
问题1：jQuery一开始不懂$的含义。 18
问题2：ReferenceError很多 18
2、心得体会 18
六、参考文献 19
一、设计目的
“我们既要绿水青山，也要金山银山。宁要绿水青山，不要金山银山，而且绿水青山就是金山银山。我们绝不能以牺牲生态环境为代价换取经济的一时发展。我们提出了建设生态文明、建设美丽中国的战略任务，给子孙留下天蓝、地绿、水净的美好家园。”当下我国的主要矛盾是人民日益增长的美好生活需要和不平衡不充分的发展之间的矛盾，因此我们有理由对生态环境的保护、建设重视起来。
在生态环境建设日益重要的当下，我们也有责任、有义务去进行对有关生态文明、环境保护的政策的了解，去进行对有关绿色、节能的创新的发现，去进行对环保方法、环保常识的熟稔于心，因此我制作了这个名为青青生态的静态网页，一方面希望能够通过实践锻炼自己WEB前端开发的能力，为之后的内容做准备，另一方面也希望能尽我自己的一份力，传播有关生态文明、环境保护的理念，吹响加快建设美丽中国的号角，为祖国的繁荣昌盛贡献自己的力量。
二、需求分析
1、基本工具需求
Dreamweaver 2020，可以运用Dreamweaver 2020进行flash电子相册的制作，用Dreamweaver 2020进行页面布局、页面CSS编码编辑、排版、设计等功能。
Notepad，考虑到Dreamweaver有时运行过慢，编写代码时使用带高亮的记事本更能加快效率。
Google Chrome,主要用来测试网页制作的效果。
2、基本要素需求
1）图片要素
图片可以让整个网页熠熠生辉，是网站的灵魂之一。
2）客户群体特点
鉴于我国当前的主要矛盾是民日益增长的美好生活需要和不平衡不充分的发展之间的矛盾，我们的客户群体应该是所有爱好生活的人。
3）导航要素
导航可以使用户快速地在界面之间进行跳转，并且好看的导航栏可以提升整个页面的美感。
4）时间要素
在网站中显示时间可以有效提升用户在网站中的沉浸感。
5）动画需求
对于一个页面来说，如果能够进行动画类型的操作，一方面能够增加用户的互动姓，另一方面还能够提升整个页面的美感。