文档介绍：XX涉外经济学院
课程设计报告
课程名称：网页设计
报告题目：“舌尖上的中国”网页设计报告
学生XX：***
III
目录
一、作品简介1
二、设计方案1
1. 软硬件环境1
2. 色彩方案1
3. 目录结构图1
三、 实现过程2
1. 创建本地站点2
2. 首页3
3. “自然的馈赠”页面5
4. “主食的故事”页面6
5.“”**页面6
6. 申请域名，发布8
四、结论与心得8
五、参考文献8
附录1
IV
一、作品简介
本作品其主要内容是关于中国各色美食的讲解。 中国文化博大精深， 当然其中也包含饮食文化。 本通过中华美食的多个侧面， 来展现食物给中国人生活带来的仪式、 伦理等方面的文化。 以美食作为窗口， 让海内外观众领略中华饮食之美。进而感知中国的文化传统和社会变迁。 不仅这样， 还展示了普通中国人的人生百味，展示的是人和食物之间的故事， 透过美食来看社会。 我个人爱好看美食节目，了解各类美食。 想通过本向社会展示中国各地特色美食， 更加了解中国那博大精深的美食文化。
二、设计方案
软硬件环境
1）硬件环境：
CPU 型号： Inter 酷睿 i3
CPU 主频：
内存容量： 2GB
硬盘容量： 500GB
显卡芯片： AMD Radeon HD 7450M+Inter GMA HD 4000
2）软件环境：
操作系统：预装 Windows8
应用软件： Dreamweaver 、Fireworks 、 PS 、Flash
色彩方案
有实验证明， 色彩美丽、造型别致的食物往往能更好的增进食欲。色彩是人
的视觉最敏感的东西。 本所有网页主要以暖色调的颜色为主。主要以白色和
淡粉色搭配，色彩明亮，不昏暗，当造型别致的美食有了明亮的色彩点缀，不经
意间又为美食加了一份色彩。 当我挑选的美食图片颜色不够完美时，我就在页面
的其他部分做一下稍微的调整，不会让整个页面看起来过于暗沉。
目录结构图
本主要包括七个主题以及三个次要部分。每个主题都各有自己的特色，
一般来说，都是图片配文字。有介绍美食的、有介绍美食做法的，个个不一。如图 1，就是本网页的目录结构图。
1
图
三、 实现过程
创建本地站点具体操作步骤如下：
1）打开 Dreamweaver ，在上面的选择菜单中选择“站点 ”,在选择新建站点；
2）给新站点命名，另外选择本地站点的文件夹， ：
图
在站点文件夹中新建“ css ”文件夹、“js ”文件夹、“images”文件夹，分
2
别保存 css 样式文件、 javascript特效文件和图片文件，而所有的网页直接保
存在站点下，。
在此过程中特别要注意的是：所有文件的路径和文件名中不能出现中文字
符，否则相关内容不能正常显示。
首页
首页效果图
首页效果图如图 所示，分为四部分，分别是头部、主体、和版本说明，其中头部有 flash 设计的 logo ；主体部分分为导航和网页内容，其中导航菜单体现了整个的栏目结构， 包括：自然的馈赠、主食的故事、转化的灵感、时间的味道、厨房的秘密、五位的调和、我们的田野，本就是围绕这几个模块展开的；版本说明