中华美食_网站的设计与制作

摘  要：中华美食网站能够使得更多的人来了解我们中华的文化特别是美食类文，化，同时为一些访客提供了更多的便利。相对于常见的一些美食类网站来说我这个网站是科普类型的，而且并没有教你如何做菜而是告诉你什么地方有什么样的美食。便捷，实用是我这个网站的特点。我们这个网站设计和开发采用了各种不同的网站制作软件，主要是以div+css技术来进行开发的，有各种不同的功能，网站首页、栏目页、提供意见和建议功能、站内功能和介绍美食的内容页等各种页面和功能。设计主体是以黑白为主体看上去简介清爽，我使用了Photoshop软件对中华美食网站中的一些图片进行了一些加工使得这个网站看上去更加协调美观。其中，提供意见和建议的功能和站内搜索的功能是通过科迅CMS来完成的，同时科迅CMS起着后台管理的功能

关键词：  Div+css技术 站内搜索功能 科迅CMS 提供意见和建议功能  Photoshop

目 录

1 引言 1

1.1 中华美食网站的开发背景 1

1.2 中华美食网站的意义与设计目的 1

2 开发工具及环境介绍 3

2.1 中华美食网站制作开发环境 3

2.2 本项目应用的主要开发工具 3

2.2.1 Dreamweaver 3

2.2.2 CMS 4

2.2.3 Adobe Photoshop CS4 5

2.2.4 Microsoft Visual Studio 2010 5

2.2.5 IE Tester 5

2.2.6 HTML 5 6

2.2.7 DIV+CSS 7

3 项目概述 8

3.1 项目概述 8

3.2 项目风险 8

3.3 项目进度计划 9

4 网站界面设计与布局 10

4.1 首页设计 10

4.2 站内搜索页 12

5 需求分析 14

5.1 功能需求 14

5.2 网站结构图及说明 14

5.3 现行研究存在的问题及解决办法 15

6 网站SEO优化方案 16

6.1 头部优化 16

6.2 导航栏优化 17

6.3 标签优化 18

7 测试 19

7.1 测试 19

7.1.1 添加测试 19

7.1.2 链接测试 19

7.1.3 查询测试 20

8 网站安全防范的意义和措施 21

9 总结与展望 22

致谢 23

参考文献 24