美食网页设计

 时间:2014-05-28 05:20:27 贡献者:1090284557xiao

导读:信息工程学院《 网站设计与建设 》 课程设计报告题 专 班 姓 学 目: 业: 级: 名: 号: FoodStore 美食网 软件工程 xxx xxx指导教师: 时 间: 2013 年 12 月 2 日—12 月 6 日摘 要随着 Internet 国

时尚餐饮美食食物网页设计模板
时尚餐饮美食食物网页设计模板

信息工程学院《 网站设计与建设 》 课程设计报告题 专 班 姓 学 目: 业: 级: 名: 号: FoodStore 美食网 软件工程 xxx xxx指导教师: 时 间: 2013 年 12 月 2 日—12 月 6 日

摘 要随着 Internet 国际互联网和经济的发展,越来越多的企业开 始建造自己的网站。

基于 Internet 的信息服务,产品服务已经成 为现代企业一项不可缺少的内容。

计算机已经被应用到社会的广泛 领域。

与此同时,互联网作为信息技术的通信桥梁连接着全球计算 机,而网站作为网络信息主要的表现形式,而且还是互联网信息的 主要承载者,在 Internet 上表现出极其重要的地位,并发挥着极 其重要的作用。

无论实在国内还是国外都得以迅速的发展和壮大。

并被人们重视和关注,互联网已经彻底的改变了世界,互联网的世 界里蕴藏着无限的可能, 在这种情况下, 各行各业及其个人、 单位、 工厂、企事业等。

在网上构筑属于自己的网络信息平台。

保护自己 的网络资源,并在互联网上开辟自己的市场和消费群体,以及构造 自己的数字化世界和加强全球范围内不同地域的人们联系交流等 活动, 也就显得日益重要。

Internet 的日益兴起和以网页为载体的 网络信息的广泛传播和应用,使得网站的建设及网页制作得到发展 的空间,大到大型企业的产品推销,小到个人网页的开发,形形色 色,五彩缤纷,网页制作也成为计算机网络领域最热门的话题。

关键字:网页制作 互联网 InternetI

目录摘 要 ....................................................................................................................... I 第 1 章 概述 ........................................................................................................ 1 1.1 选题的意义 ............................................................................................ 1 第 2 章 系统分析 ................................................................................................ 2 2.1 技术分析 .............................................................................................. 2 2.2 功能分析 .............................................................................................. 2 第 3 章 总体设计与详细设计 ............................................................................ 3 3.1 总体结构设计 ...................................................................................... 3 3.2 网站目录结构设计 .............................................................................. 4 3.3 详细设计 .............................................................................................. 5 第 4 章 系统测试 ................................................................................................ 6 4.1 设计和调试过程中遇到的问题 .......................................................... 6 4.2 运行通过后的结果 .............................................................................. 7 总结 ...................................................................................................................... 10 参考文献 .............................................................................................................. 11 附录: .................................................................................................................... 1 源代码 ............................................................................................................ 1I

第1章概述1.1 选题的意义1.主题 Foodstore 美食网 2.选题的意义随着经济的发展,生活水平的提高,电子商务的兴起,人们都习惯网 上购物, 美食的销售在其中占有重要的位置。

Foodstore 网主要销售生产糖果, 果冻等食品,多个品种公司在发展的过程中,坚持不断否定自己永远追求卓 越的企业精神。

打造良好的购物环境,保证食品的安全性,给顾客创造良好 的购物环境,吃到可口美味的食品,节省顾客的时间以及省去了逛街购物带 来的麻烦和劳累,开拓了顾客的视野,色香味俱全。

1

第2章系统分析2.1技术分析Foodstore 美食网这个网站是运用了 HTML 静态网页技术,和 Dreamweaver 软件相结合实现的。

页面间通过网页链接,实现具体 所要查找的食品,可以方便用户的需要做出选择,给人们带来了极 大地方便。

2.2功能分析Foodstore 美食网是给用户一个方便的购物空间, 登陆 Foodstore 美食网界面,根据自己的需求选择浏览,其功能有以下: 1. 用户可以通过浏览主页,了解公司的简介以及图片展示 2. 用户通过浏览子页,可以对食品进行细致的了解2

第3章3.1 总体结构设计总体设计与详细设计1.系统结构图首页公司简介面新闻中心面 系统主界面 产品中心面人才招聘 面 联系我们图 3-1 系统总体结构图3

2.系统设计草图图 3-2 系统设计草图3.2网站目录结构设计在网站的首页上方能看到几个选项卡,分别是:首页、公司简 介、新闻中心、产品中心、人才招聘和联系我们。

当用户点击希望 去的界面时,就会自动的链接到用户希望的那个网页。

展现给用户 相应的界面,在每个界面都会有这几个选项卡,用户可以在其中自 由的切换。

4

3.3详细设计表格布局的过程:设计出框架为 800*1000 的布局表格,再在 表格中添加适当的单元格 链接设计制作的过程:主页与五个子页进行连接 图片处理的过程:单元格设定好,图片大小和单元格同等大小 然后添加 导航按钮的设置等等5

第4章4.1系统测试设计和调试过程中遇到的问题1.建立静态网页时,图片与表格的宽度不统一,图片放入表格 后总出现空白区,静态网页形成时,现实设定的的表格的大小与原 来设定的表格的大小要大一些。

解决方法:在制作表格之前要先量 好图片大小,依照图片大小太制作表格,就不会出现这种空白区情 况。

2.静态网页形成后图片容易丢失。

解决方法:把图片和网页放 入到同一个文件夹中。

3. 子页链接不到主页。

解决方法:将子页链接回主页6

4.2运行通过后的结果7

8

图 4-1 系统界面截图9

总结通过网站课程设计,我学习到了很多,经过自己亲自的动手操 作,运用 Dreamweaver 软件制作出了网站,在设计过程中遇到了很 多的问题, 很多平时没有注意到的细节, 在这一阶段都体现出来了, 使自己能够对网站的设计有了更深一层的了解。

跟着老师上课讲的理论知识,自己学到的仅仅是课本上的那一 点很有局限性的知识,到了自己动手操作的时候却不知道如何下 手,经过这次程序设计,很大程度上锻炼了自己的动手操作能力, 通过自己的亲自动手实践,在很大程度上使自己对程序有了更深刻 的理解,也知道了,动手实践是很重要的,学习理论知识只是一方 面,理论和实践的结合才能把网站设计学的更透彻,在网站制作过 程中要不断地发现问题,而且自己要及时认真的找出问题的所在, 自己亲自发现的问题,再亲自解决了,这样才能印象深刻。

在网站的设计过程中,能够更加熟悉网站制作中所需要的工具 和操作,经过耐心的设计页面,不断的完善制作,才制作出了更加 完美的网站,在生活中,在这个网络发达的时期,电脑的使用更加 的普遍,网站也是生活中最为常见的,制作出更加完美的网页,才 能充分展现出网页的魅力。

课程设计是培养学生综合运用所学知识,发现,提出,分析和 解决实际问题,锻炼实践能力的重要环节,是学生实际工作能力的 具体训练和考察过程,随着科术发展的日新月异,当今计算机应用 在生活中可以说得是无处不在,因此对于我们大学来说掌握计算机 开发技术是十分重要的。

在这次程序设计中,自己感觉到有很多不足的地方,对于网站 设计的很多相关知识了解的不够,不知道从地方入手,在以后的学 习过程中,自己一定要细心研的每一次制作,从每一步的设计中会 得到自己没有学到的知识,能更细致的研究有关网站的知识。

10

参考文献[1] 曾海文等 . 网页设计与制作教程 . 北京 : 清华大学出版 社,2010.9 [2] 杨 选 辉 . 网 页 设 计 与 制 作 教 程 . 北 京 : 清 华 大 学 出 版 社,2008.8 [3] 中国高等职业技术教育研究会.网站设计建设与维护实务. 北京:高等教育出版社,2008 [4] 东方人华.网页制作三剑客.北京:清华大学出版社 2004.9 [5] 相万让.网页设计与制作.北京:人民邮电出版社,2004.3 [6] 邹婷.DreamweaverMX2004 标准教程.北京:中国青年出版 社,2004.1 [7] 黄英等.网页设计与制作上机实践指导教程.北京:机械出 版社,2004.11

附录:源代码 无标题文档

 
2

class="style4">公司简介 class="style4">新闻中心 class="style4">产品中心 class="style4">人才招聘 class="style4">联系我们
 首页  
重要食品 height="13"colspan="2"valign="top"> rowspan="3"

valign="top"> 

height="69"

胡萝卜是一种营养丰富、老 幼皆宜的菜蔬,人称“小人参” ..
缓解情绪,缓解压力。

巧克力能提高大脑内一种叫 “塞 洛托宁”的化学物质的水平...
研究人员对一组超过 80 岁的老年妇女进行了精神年龄 测试,结果发现,
许多身体偏胖或担心发胖的朋友,总认为在日常饮食中 不吃或少吃肉食和含脂肪高的食品,就可以有效 .
绿豆芽 它含水分较多,被身体吸收后产生热量较少,更不 容易形成脂肪 ...

 

valign="top"> 

height="20" colspan="5" valign="top">  width="12" width="185" valign="top">5

 
玉米含有芥子油和淀粉酶,能促 进脂肪的新陈代谢, 防止过多的脂肪在皮下堆积而发胖, 保持体态健美 夜盲症和感冒,而且能增强人体的抗病能 力,加上胡萝卜含有大量的木质素,也有提高机体抗病能力的作用 黄瓜 黄瓜中含有丙醇二酸,有助于抑制各 种食物中的碳水化合物在体内转化为脂肪,胖人适当多吃些黄瓜
   
| | | | | | | href="http://www.zhms.cn/Help.htm"> href="http://www.zhms.cn/Ad.htm"> href="http://www.zhms.cn/Message/"> href="http://www.zhms.cn/Link/"> 友 使 广 请href="http://www.zhms.cn/chenxurong.htm"> 首 席 顾 问href="javascript:;">设为首页 " title=" href="http://www.zhms.cn/Contactus.htm"> href="http://www.zhms.cn/Help.htm"> href="http://www.zhms.cn/Ad.htm"> href="http://www.zhms.cn/Message/"> href="http://www.zhms.cn/Link/"> 友 使 广 请href="http://www.zhms.cn/chenxurong.htm"> 首 席 顾 问href="javascript:;">设为首页 " target="_blank"> href="http://www.zhms.cn/Contactus.htm"> href="http://www.zhms.cn/Help.htm"> href="http://www.zhms.cn/Ad.htm"> href="http://www.zhms.cn/Message/"> href="http://www.zhms.cn/Link/"> 友 使 广 请href="http://www.zhms.cn/chenxurong.htm"> 首 席 顾 问href="javascript:;">设为首页 | 加入收藏 | 食品商务 | 连 锁加盟
本站信息由网络收集及网友提供,foodstore 美食网不负责信息内容的准 确性和完整性,对此亦不承担任何保证责任。


版 权 所 有 : foodstore 美 食 网 http://www.**.cn href="http://www.miibeian.gov.cn/">蜀 ICP 备 05028869 号 " title="http://www.**.cn href="http://www.miibeian.gov.cn/">蜀 ICP 备 05028869 号 " target="_blank">http://www.**.cn href="http://www.miibeian.gov.cn/">蜀 ICP 备 05028869 号
Copyright(?) 2005 - 2012 www.zhms.cn All rights reserved.

6