简单生活网上买菜系统静态网页设计与制作.docx

简单生活网上买菜系统静态网页设计与制作.docx

《简单生活网上买菜系统静态网页设计与制作.docx》由会员分享，可在线阅读，更多相关《简单生活网上买菜系统静态网页设计与制作.docx（31页珍藏版）》请在冰豆网上搜索。

简单生活网上买菜系统静态网页设计与制作

四川交通职业技术学院

毕业设计论文

设计（论文）题目：

简单生活网上买菜系统静态网页设计与制作

入学年月

姓名

学号

专业计算机应用技术

指导教师

完成日期2015年5月15日

【摘要】计算机和计算机网络的飞速发展，人们对计算机网络的依赖是越来越大。

人们在网上聊天交友，在网上请教问题，查阅资料，还在网上听音乐。

除此之外，人们还会在网上进行商务交易、下载信息，有着众多的使用者。

尤其是电子商务大大的减少了人们对周围环境的依赖，无论是哪里的网友，都可以浏览到世界各地的各类信息，非常的方便，由于以上的优势，各类网站如雨后春笋般的出现，这也就是我的毕业设计的实际意义。

本文就个人网站的规划与建设，以软件工程的方法对过程经行了分析与研究。

本文的主要工作集中在：

对web页进行概述，主要是对Internet的历史和发展作了回顾，在web页的定义而后特性上进行阐述。

而Web设计的健康发展依靠web标准的采用，没有web标准就不会有真正的可访问性和连贯的设计。

不用web标准，就跟不上时代。

在这样的标准时代，我们需要网页更加容易扩展，适合自动数据交换，并且更加规整。

而css，则实现了页面内容与样式分离。

鉴于web标准，本论文着重对div+css布局静态网页进行了讨论。

并对网站开发过程中使用的开发工具和技术作了简要的介绍。

对网站建设中提及到术语进行了解释，并对个人网站的由来和发展经行了讨论；对自己的个人网站从规划建设经行了详细的分析；使用Html、Css、Photoshop等技术实现了个人网站的各种功能并且就网站建设提出了自己的观点与建议。

【关键词】网页设计div+cssPhotoshop简单生活网上买菜

Thesimplelife Webpage static buyonline designandproductionof foodsystem

Abstract:

Therapiddevelopmentof computerandcomputernetwork, peoplerelyoncomputernetworksis moreandmorebig. Friendsintheonlinechat, askquestions, accesstoinformationontheInternet, listeningtomusic ontheinternet. Inaddition, peoplewillconduct businesstransactionsontheInternet, downloadinformation, alargenumberofusers. Especiallyintheelectroniccommercegreatlyreducepeople'sdependenceonthesurroundingenvironment,whetheritiswheretheuserscanbrowsearoundtheworldtovarioustypesofinformation,veryconvenient,duetotheaboveadvantages,varioustypesofsiteshavemushroomedappearance,whichismygraduationdesignpracticalsignificance. Inthispaper, theplanningandconstructionof personalwebsite, with themethodofsoftwareengineering process byanalysisandresearch. Thisarticlefocusesonthework:

Thewebpagearesummarized,mainlyreviewsthehistoryanddevelopmentofInternet,webpagedefinitionandcharacteristiccarriesontheelaboration. AndwebdesignhealthydevelopmentdependsonWebstandardsused,nowebstandards,therewouldbenorealaccessandcoherentdesign. Webstandard,cannotkeepupwiththetimes. Inthis eraofstandards, weneed Webpage easiertoexpand, suitablefor automatic dataexchange, andmoreregular. CSS, realizedthe separationof contentandstyleof thepage. Inviewof thewebstandard, thispaper discusses div+csslayout static Webpage. Useofthewebdevelopmentprocessand developmenttools andtechniquesarebrieflyintroduced.

Ontheconstructionsitereferredtointermswereexplained,andtheoriginanddevelopmentofpersonalwebsiteofthediscussion;achievedthevariousfunctionsofthepersonalwebsiteoftheirownpersonalwebsitefromtheplanningandconstructionofthedetailedanalysis;usingHTML,CSS,Photoshopetc.andwebsiteconstructionproposedtheirviewsandsuggestions.

Keywords:

Webpagedesigndiv+cssPhotoshopEasyLivingShopping online

前言

当今世界已进入信息时代，Internet成为21世纪最受关注的行业之一,它的飞速发展和在全球范围的普及应用正在给人类生活带来革命性变化。

网络技术的发展也取得了巨大的成就，为网站开发提供了很好的技术支持。

网站已经成为现阶段众多企业不可或缺的网络营销平台，互联网应用规模正不断扩大。

其中，特别是中小型企业，对于网络平台搭建的需求相当的迫切。

各大门户网，企业网都在WEB2.0的标准上,采用CSS+DIV来布局网站，所以才有了此次的选题。

论文详细论述了一个基于公司网站的开发的设计过程。

在技术上，采用了Photoshop网站开发工具，以HTML的超大功能结合JavaScript的客户端语言，以增加网站的动态效果。

这样的构造有利于以后对网站系统开发的把握，并给以后的开发积累一定的经验，提升编程能力。

其中，最主要的就是介绍和展示DIV+CSS在网页中的实用和魅力，还有Bootstrap这个框架给网站建设带来的便利。

随着互联网在中国的发展，越来越多的卖菜商把传统的卖菜移植到互联网上，从而形成了当今网上餐饮蓬勃发展的趋势。

本网上买菜系统设计属于小型电子商务系统，设计能够满足中小型餐饮店及家庭的网上售菜需要。

本网上订餐系统的设计充分考虑了用户的视觉感受，努力做到界面简单明了，功能相对完善，主要针对人群为广大的宅男宅女和上班时间比较忙的上班族,所以本网站在更新的时候会注意多涉及这部分人群的兴趣与爱好进行改进设计,前景看好。

论文组织如下：

首先阐述了该系统的开发背景、意义，详细介绍了div+css理论知识；其次介绍了相关的开发工具及技术基础；接着对网站的需求进行了分析，并提出了具体的设计方案；然后展现了整个系统的具体实现，包括网页的设计和连接，各功能模块的实现；最后对该网站进行了严格的测试。

第1章网站设计背景

1.1web概述

1.1.1认识WEB

web本意是蜘蛛网和网的意思。

现广泛译作网络、互联网等技术领域。

表现为三种形式，即超文本（hypertext）、超媒体（hypermedia）、超文本传输协议（HTTP）等。

Web（WorldWideWeb，简称WWW，又称万维网）是目前Internet上应用最广泛也是最重要的信息服务类型，它的影响已经进入了Internet上的广告、新闻、电子商务和展示信息等各个服务领域。

Web采用浏览器/服务器（B/S）工作模式，其运作模式可以描述为：

请求→处理→应答。

Web以超文本标记语言HTML（HyperTextMarkupLanguage）与超文本传输协议HTTP（HyperTextTransferProtocol）为基础，通过浏览器为用户提供方便友好的信息浏览界面。

Web将位于全世界互联网上不同网址的相关信息有机地编织在一起。

在Web服务方式中，信息以页面（或称Web页）的形式存储在Web服务器中，这些页面采用超文本的方式对信息进行组织，通过链接将一页信息链接到另一页信息。

这些相互链接的页面既可以放置在同一台主机上，也可以放置在不同的主机上。

页面到页面的链接信息由统一资源定位器URL（UniformResourceLocator）维持。

用户通过客户端应用程序（即浏览器）向Web服务器发出请求，服务器根据客户端的请求将保存在服务器中的某个页面返回给客户端，浏览器接收到页面后对其进行解释，最终将信息以图、文、声并茂的形式呈现给用户。

Web服务的特点在于高度的集成性，它能够实现不同类型的信息（如文本、图像、声音、动画和视频等）和服务（如New、FTP、Telnet、Gopher及Mail等）的无缝链接，特别适合于广域网中信息的组织、检索与显示。

1.1.2认识WEB2.0标准

“Web2.0”的概念开始于一个会议中，展开于O'Reilly公司和MediaLive国际公司之间的头脑风暴部分。

所谓互联网先驱和O'Reilly公司副总裁的戴尔•多尔蒂（DaleDougherty）注意到，同所谓的“崩溃”迥然不同，互联网比其他任何时候都更重要，令人激动的新应用程序和网站正在以令人惊讶的规律性涌现出来。

更重要的是，那些幸免于当初网络泡沫的公司，看起来有一些共同之处。

那么会不会是互联网公司那场泡沫的破灭标志了互联网的一种转折，以至于呼吁“Web2.0”的行动有了意义？

我们都认同这种观点，Web2.0会议由此诞生。

WEB标准不是某一个标准，而是一系列的标准集合，网页主要是由三部分组成：

结构（structure）、表现（presentation）、和行为（behavior）。

对应的标准也分为三个方面：

结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3CDOM）、ECMAScripr等。

这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（EuropeancomputerManufacturersAsscoiation）的ECMASscript标准。

1.2结构标准语言

1.2.1XML