四川交通职业技术学院毕业设计论文设计（论文）题目：简单生活网上买菜系统静态网页设计与制作入学年月姓名学号专业计算机应用技术指导教师完成日期 2015 年 5 月 15 日【摘要】计算机和计算机网络的飞速发展，人们对计算机网络的依赖是越来越大。
人们在网上聊天交友，在网上请教问题，查阅资料，还在网上听音乐。
除此之外，人们还会在网上进行商务交易、下载信息，有着众多的使用者。
尤其是电子商务大大的减少了人们对周围环境的依赖，无论是哪里的网友，都可以浏览到世界各地的各类信息，非常的方便，由于以上的优势，各类网站如雨后春笋般的出现，这也就是我的毕业设计的实际意义。
本文就个人网站的规划与建设，以软件工程的方法对过程经行了分析与研究。
本文的主要工作集中在：对web页进行概述，主要是对Internet的历史和发展作了回顾，在web页的定义而后特性上进行阐述。
而Web设计的健康发展依靠web标准的采用，没有web标准就不会有真正的可访问性和连贯的设计。
不用web标准，就跟不上时代。
在这样的标准时代，我们需要网页更加容易扩展，适合自动数据交换，并且更加规整。
而css，则实现了页面内容与样式分离。
鉴于web标准，本论文着重对div+css 布局静态网页进行了讨论。
并对网站开发过程中使用的开发工具和技术作了简要的介绍。
对网站建设中提及到术语进行了解释，并对个人网站的由来和发展经行了讨论；对自己的个人网站从规划建设经行了详细的分析；使用Html、Css、Photoshop 等技术实现了个人网站的各种功能并且就网站建设提出了自己的观点与建议。
【关键词】网页设计div+css Photoshop 简单生活网上买菜The simple life Webpage static buy online design andproduction of food systemAbstract:The rapid development of computer and computer network, people rely on computer networks is more and more big. Friends in the online chat, ask questions, access to information on the Internet, listening to music on the internet. In addition, people will conduct business transactions on the Internet, download information, a large number of users. Especially in the electronic commerce greatly reduce people's dependence on the surrounding environment, whether it is where the users can browse around the world to various types of information, very convenient, due to the above advantages, various types of sites have mushroomed appearance, which is my graduation design practical significance. In this paper, the planning and construction of personal website, with the method of softwareengineering process byanalysis and research. This article focuses on the work: The web page are summarized, mainly reviews the history and development of Internet, web page definition and characteristic carries on the elaboration. And web design healthy development depends on Web standards used, no web standards, there would be no real access and coherent design. Web standard, cannot keep up with the times. In this era ofstandards, we need Webpage easier to expand, suitablefor automatic data exchange, andmore regular. CSS, realized the separation of content and style of the page. In view of the web standard, this paper discusses div+css layout static Webpage. Use of the web development process and developmenttools and techniques are briefly introduced.On the construction site referred to in terms were explained, and the origin and development of personal website of the discussion; achieved the various functions of the personal website of their own personal website from the planning and construction of the detailed analysis; using HTML, CSS, Photoshop etc. and website construction proposed their views and suggestions.Key words: Webpage design div+css Photoshop Easy Living Shopping online前言 (1)第1章网站设计背景 (2)1.1web概述 (2)1.2结构标准语言 (3)第2章技术支持 (5)2.1 HTML (5)2.2 JavaScript (5)2.3 Photoshop (6)2.4 Bootstrap (8)2.5 Dreamweaver (8)2.6 DIV＋CSS (9)第3章网站总体分析和设计 (11)3.1网站开发的需求分析 (11)3.2 网站的总体设计 (13)3.3 网站的具体设计 (16)第4章网页的实现 (17)4.1 首页实现 (17)4.2其他页面实现 (21)第5章网站的测试 (33)结论 (34)致谢 (35)参考文献 (36)当今世界已进入信息时代，Internet成为21世纪最受关注的行业之一,它的飞速发展和在全球范围的普及应用正在给人类生活带来革命性变化。
网络技术的发展也取得了巨大的成就，为网站开发提供了很好的技术支持。
网站已经成为现阶段众多企业不可或缺的网络营销平台，互联网应用规模正不断扩大。
其中，特别是中小型企业，对于网络平台搭建的需求相当的迫切。
各大门户网，企业网都在WEB2.0的标准上,采用CSS+DIV来布局网站，所以才有了此次的选题。
论文详细论述了一个基于公司网站的开发的设计过程。
在技术上，采用了Photoshop网站开发工具，以HTML的超大功能结合JavaScript 的客户端语言，以增加网站的动态效果。
这样的构造有利于以后对网站系统开发的把握，并给以后的开发积累一定的经验，提升编程能力。
其中，最主要的就是介绍和展示DIV+CSS在网页中的实用和魅力，还有Bootstrap这个框架给网站建设带来的便利。
随着互联网在中国的发展，越来越多的卖菜商把传统的卖菜移植到互联网上，从而形成了当今网上餐饮蓬勃发展的趋势。
本网上买菜系统设计属于小型电子商务系统，设计能够满足中小型餐饮店及家庭的网上售菜需要。
本网上订餐系统的设计充分考虑了用户的视觉感受，努力做到界面简单明了，功能相对完善，主要针对人群为广大的宅男宅女和上班时间比较忙的上班族,所以本网站在更新的时候会注意多涉及这部分人群的兴趣与爱好进行改进设计,前景看好。
论文组织如下：首先阐述了该系统的开发背景、意义，详细介绍了div+css 理论知识；其次介绍了相关的开发工具及技术基础；接着对网站的需求进行了分析，并提出了具体的设计方案；然后展现了整个系统的具体实现，包括网页的设计和连接，各功能模块的实现；最后对该网站进行了严格的测试。
第1章网站设计背景1.1web概述1.1.1认识WEBweb本意是蜘蛛网和网的意思。
现广泛译作网络、互联网等技术领域。
表现为三种形式，即超文本（hypertext）、超媒体（hypermedia）、超文本传输协议（HTTP）等。
Web(World Wide Web，简称WWW，又称万维网)是目前Internet上应用最广泛也是最重要的信息服务类型，它的影响已经进入了Internet上的广告、新闻、电子商务和展示信息等各个服务领域。
Web采用浏览器/服务器（B/S）工作模式，其运作模式可以描述为：请求→处理→应答。
Web以超文本标记语言HTML(Hyper Text Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础，通过浏览器为用户提供方便友好的信息浏览界面。
Web将位于全世界互联网上不同网址的相关信息有机地编织在一起。
在Web服务方式中，信息以页面（或称Web页）的形式存储在Web服务器中，这些页面采用超文本的方式对信息进行组织，通过链接将一页信息链接到另一页信息。
这些相互链接的页面既可以放置在同一台主机上，也可以放置在不同的主机上。
页面到页面的链接信息由统一资源定位器URL(Uniform Resource Locator)维持。
用户通过客户端应用程序（即浏览器）向Web服务器发出请求，服务器根据客户端的请求将保存在服务器中的某个页面返回给客户端，浏览器接收到页面后对其进行解释，最终将信息以图、文、声并茂的形式呈现给用户。