美食网页设计_第1页
美食网页设计_第2页
美食网页设计_第3页
美食网页设计_第4页
美食网页设计_第5页
已阅读5页，还剩11页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、【精品文档】如有侵权，请联系网站删除，仅供学习与交流美食网页设计.精品文档.信息工程学院 网站设计与建设 课程设计报告题 目： FoodStore美食网 专 业： 软件工程 班 级： xxx 姓 名： xxx 学 号： 指导教师： 时 间： 2013年12月2日12月6日摘 要随着Internet国际互联网和经济的发展，越来越多的企业开始建造自己的网站。基于Internet的信息服务，产品服务已经成为现代企业一项不可缺少的内容。计算机已经被应用到社会的广泛领域。与此同时，互联网作为信息技术的通信桥梁连接着全球计算机，而网站作为网络信息主要的表现形式，而且还是互联网信息的主要承载者，在Inter

2、net上表现出极其重要的地位，并发挥着极其重要的作用。无论实在国内还是国外都得以迅速的发展和壮大。并被人们重视和关注，互联网已经彻底的改变了世界，互联网的世界里蕴藏着无限的可能，在这种情况下，各行各业及其个人、单位、工厂、企事业等。在网上构筑属于自己的网络信息平台。保护自己的网络资源，并在互联网上开辟自己的市场和消费群体，以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等活动，也就显得日益重要。Internet的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大到大型企业的产品推销，小到个人网页的开发，形形色色，五彩缤纷，网页制作也成为计

3、算机网络领域最热门的话题。关键字：网页制作 互联网 Internet目 录摘 要I第1章 概述11.1 选题的意义1第2章 系统分析22.1 技术分析22.2 功能分析2第3章 总体设计与详细设计33.1 总体结构设计33.2 网站目录结构设计43.3 详细设计5第4章 系统测试64.1 设计和调试过程中遇到的问题64.2 运行通过后的结果7总结10参考文献11附录：1源代码1第1章 概述1.1 选题的意义1主题Foodstore 美食网2选题的意义 随着经济的发展，生活水平的提高，电子商务的兴起，人们都习惯网上购物，美食的销售在其中占有重要的位置。Foodstore网主要销售生产糖果，果冻等

4、食品，多个品种公司在发展的过程中，坚持不断否定自己永远追求卓越的企业精神。打造良好的购物环境，保证食品的安全性，给顾客创造良好的购物环境，吃到可口美味的食品，节省顾客的时间以及省去了逛街购物带来的麻烦和劳累，开拓了顾客的视野，色香味俱全。第2章 系统分析2.1 技术分析Foodstore美食网这个网站是运用了HTML静态网页技术，和Dreamweaver软件相结合实现的。页面间通过网页链接，实现具体所要查找的食品，可以方便用户的需要做出选择，给人们带来了极大地方便。2.2 功能分析Foodstore美食网是给用户一个方便的购物空间，登陆Foodstore美食网界面，根据自己的需求选择浏览，其功

5、能有以下：1. 用户可以通过浏览主页，了解公司的简介以及图片展示2. 用户通过浏览子页，可以对食品进行细致的了解第3章 总体设计与详细设计3.1 总体结构设计1系统结构图系统主界面联系我们人才招聘面首页新闻中心面公司简介面产品中心面图3-1 系统总体结构图2系统设计草图图3-2 系统设计草图3.2 网站目录结构设计在网站的首页上方能看到几个选项卡，分别是：首页、公司简介、新闻中心、产品中心、人才招聘和联系我们。当用户点击希望去的界面时，就会自动的链接到用户希望的那个网页。展现给用户相应的界面，在每个界面都会有这几个选项卡，用户可以在其中自由的切换。3.3 详细设计表格布局的过程：设计出框架为8

6、00*1000的布局表格，再在表格中添加适当的单元格链接设计制作的过程：主页与五个子页进行连接图片处理的过程：单元格设定好，图片大小和单元格同等大小然后添加导航按钮的设置等等第4章 系统测试4.1 设计和调试过程中遇到的问题1.建立静态网页时，图片与表格的宽度不统一，图片放入表格后总出现空白区，静态网页形成时，现实设定的的表格的大小与原来设定的表格的大小要大一些。解决方法：在制作表格之前要先量好图片大小，依照图片大小太制作表格，就不会出现这种空白区情况。2.静态网页形成后图片容易丢失。解决方法：把图片和网页放入到同一个文件夹中。3. 子页链接不到主页。解决方法：将子页链接回主页4.2 运行通过

7、后的结果图4-1 系统界面截图总结通过网站课程设计，我学习到了很多，经过自己亲自的动手操作，运用Dreamweaver软件制作出了网站，在设计过程中遇到了很多的问题，很多平时没有注意到的细节，在这一阶段都体现出来了，使自己能够对网站的设计有了更深一层的了解。跟着老师上课讲的理论知识，自己学到的仅仅是课本上的那一点很有局限性的知识，到了自己动手操作的时候却不知道如何下手，经过这次程序设计，很大程度上锻炼了自己的动手操作能力，通过自己的亲自动手实践，在很大程度上使自己对程序有了更深刻的理解，也知道了，动手实践是很重要的，学习理论知识只是一方面，理论和实践的结合才能把网站设计学的更透彻，在网站制作过

8、程中要不断地发现问题，而且自己要及时认真的找出问题的所在，自己亲自发现的问题，再亲自解决了，这样才能印象深刻。在网站的设计过程中，能够更加熟悉网站制作中所需要的工具和操作，经过耐心的设计页面，不断的完善制作，才制作出了更加完美的网站，在生活中，在这个网络发达的时期，电脑的使用更加的普遍，网站也是生活中最为常见的，制作出更加完美的网页，才能充分展现出网页的魅力。课程设计是培养学生综合运用所学知识，发现，提出，分析和解决实际问题，锻炼实践能力的重要环节，是学生实际工作能力的具体训练和考察过程，随着科术发展的日新月异，当今计算机应用在生活中可以说得是无处不在，因此对于我们大学来说掌握计算机开发技术是

9、十分重要的。在这次程序设计中，自己感觉到有很多不足的地方，对于网站设计的很多相关知识了解的不够，不知道从地方入手，在以后的学习过程中，自己一定要细心研的每一次制作，从每一步的设计中会得到自己没有学到的知识，能更细致的研究有关网站的知识。参考文献1 曾海文等.网页设计与制作教程.北京:清华大学出版社,2010.92 杨选辉.网页设计与制作教程.北京:清华大学出版社,2008.83 中国高等职业技术教育研究会.网站设计建设与维护实务.北京:高等教育出版社,20084 东方人华.网页制作三剑客.北京:清华大学出版社2004.95 相万让.网页设计与制作.北京:人民邮电出版社,2004.36 邹婷.D

10、reamweaverMX2004标准教程.北京:中国青年出版社,2004.17 黄英等.网页设计与制作上机实践指导教程.北京:机械出版社,2004.附录：源代码<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>无标题文档</title><style type="text/css">.style4 font-size: 24pxbody mar

11、gin-top: 10px;margin-left: 200px;.style7 font-size: 20px;font-weight: bold;.style8 font-size: 14pxtable border-right-color:#CCCCCCtableborder-top-color:#CCCCCCtableborder-left-color:#CCCCCCtableborder-bottom-color:#CCCCCCa:link color: #000000;text-decoration: none;a:visited text-decoration: none;col

12、or: #000000;a:hover text-decoration: none;a:active text-decoration: none;</style></head><body><table width="800" border="0" cellpadding="0" cellspacing="0"> <!-DWLayoutTable-> <tr> <td height="49" colspan="

13、2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <!-DWLayoutTable-> <tr> <td width="238" height="49" valign="top"><img src="tupian/logo_gK15CUoh.gif&

14、quot; width="238" height="49"></td> <td width="562">&nbsp;</td> </tr> </table></td> </tr> <tr> <td height="26" colspan="2" valign="top"><table width="100%" border=&qu

15、ot;0" cellpadding="0" cellspacing="0" bgcolor="#FF6600"> <!-DWLayoutTable-> <tr> <td width="10" height="26">&nbsp;</td> <td width="130" align="center" valign="middle" class="st

16、yle4"><a href="index.htm">首页</a></td> <td width="130" align="center" valign="middle" class="style4"><a href="gongsijianjie.html">公司简介</a></td> <td width="130" align="center

17、" valign="middle" class="style4"><a href="xinwenzhongxin.html">新闻中心</a></td> <td width="130" align="center" valign="middle" class="style4"><a href="chanpinzhongxin.html">产品中心</a&g

18、t;</td> <td width="130" align="center" valign="middle" class="style4"><a href="rencaizhaopin.html">人才招聘</a></td> <td width="130" align="center" valign="middle" class="style4">

19、;<a href="lianxiwomen.html">联系我们</a></td> <td width="10">&nbsp;</td> </tr> </table></td> </tr> <tr> <td height="300" colspan="2" valign="top"><img src="tupian/slider1_Pr1WN

20、O7Y_002.jpg" width="800" height="300"></td> </tr> <tr> <td width="580" height="24" valign="top" class="style4">重要食品</td> <td width="220" rowspan="2" valign="top"><

21、table width="100%" border="0" cellpadding="0" cellspacing="0"> <!-DWLayoutTable-> <tr> <td height="13" colspan="2" valign="top"><!-DWLayoutEmptyCell->&nbsp;</td> </tr> <tr> <td w

22、idth="24" rowspan="3" valign="top"><!-DWLayoutEmptyCell->&nbsp;</td> <td width="196" height="4"></td> </tr> <tr> <td height="195" valign="top"> <p>胡萝卜是一种营养丰富、老幼皆宜的菜蔬，人称“小人参” .

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

24、DWLayoutEmptyCell->&nbsp;</td> </tr> </table></td> </tr> <tr> <td height="257" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <!-DWLayoutTable-> <

25、tr> <td width="185" height="185" valign="top"><img src="tupian/001_tXfUCNxz_006.jpg" width="185" height="185"></td> <td width="13" valign="top"><!-DWLayoutEmptyCell->&nbsp;</td>

26、 <td width="185" valign="top"><img src="tupian/fish_shellfish_selection_wxC7Yjph_001.jpg" width="185" height="185"></td> <td width="12" valign="top"><!-DWLayoutEmptyCell->&nbsp;</td> <td

27、width="185" valign="top"><img src="tupian/1_001.jpg" width="185" height="185"></td> </tr> <tr> <td height="20" colspan="5" valign="top"><!-DWLayoutEmptyCell->&nbsp;</td> &

28、lt;/tr> <tr> <td height="52" valign="top">玉米含有芥子油和淀粉酶，能促进脂肪的新陈代谢，防止过多的脂肪在皮下堆积而发胖，保持体态健美 </td> <td></td> <td valign="top">夜盲症和感冒，而且能增强人体的抗病能力，加上胡萝卜含有大量的木质素，也有提高机体抗病能力的作用</td> <td></td> <td valign="top">黄瓜 黄瓜中含有丙醇二酸，有助于抑制各种食物中的碳水化合物在体内转化为脂肪，胖人适当多吃些黄瓜</td> </tr> </table></td> </tr> <tr> <td height="287">&

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论