网页课程设计报告例子.docVIP

网页课程设计报告例子 湖南涉外经济学院 课程设计报告 课程名称： 网页设计 报告题目：“舌尖上的中国”网页设计报告 学生姓名： *** 所在学院： 信息科学与工程学院 专业班级： 电商本2015**班 学生学号： * * 指导教师： *** 2016年 6 月 24 日 PAGE IV 1、确定网站主题、搜集资料 2、确定站点目录结构图、布局方案 3、设计首页效果图，并根据效果图用DREAMWEAVER设计页面 4、设计其余页面 5、动画设计，美化页面 6、增加网页特效 7、网站整体调试并修改完善 8、申请域名，发布网站 9、撰写报告 10、答辩，提交报告 课程设计成果 1．与设计内容对应的网站 2．课程设计报告 摘 要 《舌尖上的中国》是中国中央电视台播出的美食类纪录片，主要内容为中国各地美食生态。通过中华美食的多个侧面，来展现食物给中国人生活带来的仪式、伦理等方面的文化；见识中国特色食材以及构成中国美食特有气质的一系列元素；了解中华饮食文化的精致和源远流长。该片的重要主题是“变”，向观众展示传统农耕的中国，同时也告诉观众很多中国传统正在改变。这不仅仅是在拍摄美食，更是在拍摄承载中国人精神的食物。本网站介绍了中国各地美食，网页是根据《舌尖上的中国》这档节目中的七个主题来设计的。分别为：自然地馈赠、主食的故事、转化的灵感、时间的味道、厨房的秘密、五味的调和、我们的田野。本站的建立使用了Fireworks、Flash和Dreamweaver网页制作工具。采用HTML语言、CSS样式、Javascript脚本语言编写网页，最终使静态页面也有丰富多彩的视觉效果；另外又使用了网页特效，赋予了其他页面动态之美，动静结合，主题突出，吸引浏览者的目光。 关键词： 中国；美食；文化 内容包括：1.为什么要设计该网站？ 2.本网站包含什么内容？采用了什么技术实现 3.建立本网站可以达到什么效果？ 目 录 TOC \o 1-2 \h \z \u 一、作品简介 1 二、设计方案 1 1. 软硬件环境 1 2. 色彩方案 1 3. 目录结构图 1 三、 实现过程 2 1. 创建本地站点 2 2. 首页 3 3. “自然的馈赠”页面 6 4. “主食的故事”页面 7 5. “**”页面 7 6. 申请域名，发布网站 9 四、结论与心得 9 五、参考文献 10 附录 1 PAGE 3 一、作品简介 本作品其主要内容是关于中国各色美食的讲解。中国文化博大精深，当然其中也包含饮食文化。本网站通过中华美食的多个侧面，来展现食物给中国人生活带来的仪式、伦理等方面的文化。以美食作为窗口，让海内外观众领略中华饮食之美。进而感知中国的文化传统和社会变迁。不仅这样，还展示了普通中国人的人生百味，展示的是人和食物之间的故事，透过美食来看社会。我个人爱好看美食节目，了解各类美食。想通过本网站向社会展示中国各地特色美食，更加了解中国那博大精深的美食文化。 二、设计方案 1. 软硬件环境 1）硬件环境： CPU型号：Inter酷睿i3 CPU主频：1.8GHz 内存容量：2GB 硬盘容量：500GB 显卡芯片：AMD Radeon HD 7450M+Inter GMA HD 4000 2）软件环境： 操作系统：预装Windows8 应用软件：Dreamweaver、Fireworks、PS、Flash 2. 色彩方案 有实验证明，色彩美丽、造型别致的食物往往能更好的增进食欲。色彩是人的视觉最敏感的东西。本网站所有网页主要以暖色调的颜色为主。主要以白色和淡粉色搭配，色彩明亮，不昏暗，当造型别致的美食有了明亮的色彩点缀，不经意间又为美食加了一份色彩。当我挑选的美食图片颜色不够完美时，我就在页面的其他部分做一下稍微的调整，不会让整个页面看起来过于暗沉。 3. 目录结构图 本网站主要包括七个主题以及三个次要部分。每个主题都各有自己的特色，一般来说，都是图片配文字。有介绍美食的、有介绍美食做法的，个个不一。如图1，就是本网页的目录结构图。 图2.1 目录结构图 三、 实现过程 1. 创建本地站点 具体操作步骤如下： 1）打开Dreamweaver，在上面的选择菜单中选择“站点”,在选择新建站点； 2）给新站点命名，另外选择本地站点的文件夹，如图3.1： 图3