电子商务网站设计报告18258.docx

《电子商务网站设计报告18258.docx》由会员分享，可在线阅读，更多相关《电子商务网站设计报告18258.docx（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网站设计报告一、设计目标：通过电子商务网站设计的学习，学会用dreamweaver等软件来对一个网站进行系统的设计，从理论知识的掌握，转向操作技能的提高，进而提高个人总体计算机网络水平的提高。二、理论知识的的准备： 1.为了满足爷爷面制作的目目标，应该注注意哪些问题题？A网页结构构 网页结结构要清晰，易易于导航，思思路和脉络要要符合访问者者的想法。可可采取的措施施有：采用框框架结构表现现主题，索影影和正文；网网页的大小一一般控制在550KB以内内；在网页的的尾部放上联联系方式，如如E-MAIIL，以方便便访问者能建建立联系，反反馈必要的信信息 B页面内容 一一般情况下，网网页都要以内内容为主，

2、不不必过分的追追求复杂的表表现形式，但但必须写好简简介，要有特特色，避免太太空，泛泛而而谈。页面本本身要简单，结结构复杂的网网页不仅要花花费很多的精精力，而且由由于超连接复复杂，让浏览览者阅读时也也感觉困难C文字 在在以内容为主主的前提下，应应当尽量把形形式与内容结结合起来。既既不要把页面面弄的花哨，也也不呀只讲内内容完全不讲讲究文字和图图片的安排，要要容易阅读。要要注意：网页页的标题要简简洁，明确，能能反映整个文文档的内容；在文本叙述述部分使用水水平线分割不不同的部分；对重点的文文章和段落要要使用强调字字体表达D图形 设设计好图形并并合理使用能能给网页增色色。网页中插插入的图形尽尽量要小，网

3、网页中图形要要附加文字说说明，使人在在图形出来之之前了解相关关内容；不要要为图形加太太长的交互文文本，也不要要把所有的超超连接放在图图上；控制页页面中的图的的数量，不要要滥用图象GGIF2. 网站设计计的过程中，最最中要的一个个原则是什么么？为什么？网站最重要要的原则是创创意。虽然网网站的主要目目的是传送给给人们它的信信息，但在传传递信息的同同时还把他的的文化传递给给获取信息的的这些人。软软件的掌握是是短期就能速速成的，而且且新的软件成成出不穷，功功能越来越强强大，但是使使用这些软件件必须要有良良好的网站设设计概念才能能创造优秀的的网站，这是是网站制作的的核心。网站站的制作是按按一定的步骤骤进

4、行的，不不同的网站设设计着对网站站有不同的见见解和看法，但但是有个共同同观点：仅会会输入文本，制制作超级连接接，排列图片片不是真正意意义上的网页页制作，因为为网页制作最最重要的一个个原则是创意意。3.动态网页的的工作原理动态网页是与静静态网页相对对应的，也就就是说，网页页 URL的的后缀是.httm、.httml、.sshtml、.xml等静静态网页的常常见形动态网网页制作专家家式，而是以以.aspxx.asp、.jsp、.php、.perl、.cgi等形形式为后缀，并并且在动态网网页网址中有有一个标志性性的符号“?”。动动态网页的工工作原理与静静态网页比较较类似，但是是在服务器端端有很大差别

5、别。服务器端端接到客户端端发出的请求求后，首先会会找到所要浏浏览的动态网网页文件，然然后解释执行行其中的程序序代码，将含含有程序代码码的动态网页页转化为标准准的静态网页页，然后将静静态网页发送送给客户端。三、软硬件需求求准备（1）计算机一一台（2）Dreaamweavver开发工工具和运行环环境（3）此网页用用360安全全浏览器进行行预览（4）图形处理理工具，如pphotosshop。四、网站总体分分析与设计1.网站介绍1.1网站主题题：柔软时光光小店 暖手宝1.2网站风格格：粉色温暖暖1.3网站页面面结构以及相相关功能简介介 本网页页提供者消费费者相比同类类网站品种较较多的暖手宝宝选择。消费

6、费者能在我们们网站上查看看新品，热卖卖和超值特卖卖等各种为消消费者量身打打造的宝贝。 本网站站的设计结构构包括导航栏栏、Globballinnk模块、lleft模块块、mainn模块、tiips模块等等。 具体设计计：导航栏模模块展示我们们的店名Globalllink模块块：主要是为为了消费者能能在各类商品品之间进行切切换Left模块：提供者消费费者一个登录录界面和各种种不同用途、风风格、价位的的宝贝的选择择Main模块：根据具体需需要设计不同同的界面2.网站大概设设计纲要：1.首页2.店铺介绍给消费者一些我我们店铺的基基本介绍3.新品上市把新品全部展示示出来供消费费者选择4热卖商品展示热卖中

7、的商商品5超值特卖给消费者提供一一些性价比高高的产品6.买家评价展示给消费者所所有其他买家家对我们的评评价，更具有有真实性，另另外提供一个个供消费者与与我们沟通和和提出意见的的平台。主要代码有7.联系我们提供给消费者我我们的联系方方式，以便于于更好的沟通通和提供客户户更优质的服服务。代码设计： 亲,你你可以24小小时联系我们们的客服哦，我我们会随时为为您解答您想想知道的我们们店铺和产品品相关的问题题哦。 我们的客客服电话是：1587779178226 您还可以以访问我们的的网站留言店长空间 回答很简简单的问题就就能访问哦。 8.网站CSSS部分设计：本站CSS部分分的设计主要要作用：利用用相应

8、代码来来组织各模块块之间的布局局。提供一个个整体上比较较美观的网页页设计。省去去主页中药用用代码写入才才能改变的复复杂工作。主要代码：（11）marggin主要用用于控制模块块之间的间距距 （2）ppaddinng主要用于于模块内部元元素的漂移（3）backkgrounnd用来控制制模块的背景景（4）bordder主要控控制块的边缘缘和图片等的的边框（5）fontt-famiily控制字字体（6）#主要用用于CSS中中，用来找到到网页模块的的位置，从而而进行控制9. . Miicrosooft Acccess数数据库的建立立。9.1依次选择择菜单命令【开开始】【程程序】【MMicrossoft

9、 AAccesss】就可以启启动Acceess20003,点击“文文件”在下拉拉菜单中选择择“新建”，选选择“空数据据库”，指定定后保存路径径后出现如下下所示对话框框：9.2【实用设设计器创建表表】选项，出出现下图所示示对话框：说明:（1）字段名称称可以用中文文，也可以用用字母、数字字和下划线，命命名规则和变变量类似，考考虑系统的兼兼容的问题，建建议不要用中中文。（2）至于数据据类型，常用用的有“文本本”、“备注注”、“数字字”、“日期期/时间”、“是是/否”和“自自动编号”等等。其中“文文本”用于比比较短的字符符串（最长2255个字符符）；“备注注”用于比较较长的字符串串，最长可以以容纳65

10、5535个而字字符；“是/否”用于布布尔类型，只只有Truee（真）或FFalse（假假）；“自动动编号”是个个特殊的类型型，它可以自自动的递增或或随机产生一一个数字，经经常用它产生生一个唯一的的编号。9.3正确输入入所有字段后后，单击Acccess主主窗口的【保保存】按钮，就就会弹出下图图所示的【另另存为】对话话框，在其中中输入表的名名称，然后单单击【确定】按按钮即可。9.4保存表9.5双击【表表1】可以在在表中输入数数据，当你建建表完毕后，觉觉得数据不合合理，想修改改数据也可以以双击【表11】进行修改改，如果想修修改表的字段段，就右击【表表1】，选择择“设计视图图”，就可以以进行修改10.

11、存取数据据库。存取数据库是开开发网络程序序中最重要也也最常用的部部分，.NEET框架提供供了，利用它它就可以方便便的存取数据据库。准确的说，是由由很多类组成成的一类库。这这些类库提供供了很多对象象，分别用来来完成和数据据库的连接、查查询记录、插插入记录、更更新记录和删删除记录等操操作。其中主主要包括如下下5个对象。（1）Connnectioon对象：用用来连接到数数据库。（2）Commmand对象象：用来对数数据库执行SSQL命令。（3）DataaReadeer对象：用用来从数据库库返回只读数数据。（4）DataaAdaptter对象：用来从数据据库返回数据据，并送到DDataSeet对象中，

12、还还要负责保证证DataSSet对象中中的数据和数数据库中的数数据保持一致致。（5）DataaSet对象象：它可以看看做是内存中中的数据库。实用OLEDBB的数据库，需需要在页面中中导入相关的的名称空间：存取数据库：（1）首先利用用Conneectionn对象建立和和数据库的连连接。语法为：“Prrovideer=OLEEDB 驱驱动程序；DData SSourcee=数据库文文件物理路径径”（2）然后建立立Commaand对象，执执行SQL语语句命令。（3）利用Coommandd对象的ExxecuteeReadeer方法建立立DataRReaderr对象，从数数据库获取数数据。（4）Data

13、aReadeer对象返回回的数据在记记录集移动指指针就可依次次显示所有记记录。（5）利用Coommandd对象的Exxecuteenonquuery()方法可插入入记录和更新新记录。（6）与数据库库相连登陆程程序，当登陆陆成功时则直直接跳转到网网站的主页，其其主要代码如如下： Dim conn As Neew OleeDbConnnectiion(PProvidder=.44.0; DData SSourcee= + () Dimm strSSql Ass Striing strSSql = Seleect * From link Wheree userrname= & & And mmypa

14、sssword= & & Dimm cmd As Neew OleeDbCommmand(strSqql, coonn) () Dimm dr AAs OleeDbDattaReadder = () If ()=Trrue Thhen () (主页.aspx) Elsse () = 您必必须输入有效效的用户名和和密码，还没没注册？ Endd If 当点击击注册按钮时时，跳转到注注册页面，主主要程序代码码如下： Prootecteed Subb Buttton1_CClick(ByVall sendder Ass Objeect, BByVal e As ) (注册册.aspxx) Endd S

15、ub注册界面在数据据库中插入新新注册用户信信息主要代码码如下： Diim strrSql AAs Strring strSSql = Inseert Innto liink(ussernamme,myppasswoord,agge,emaail,suubmit_date) Valuues( & usser_ & , & & , & & , & & ,# & NNow() & #) 当注册册成功时，则则跳回登陆界界面，主要代代码如下： Diim cmdd As NNew OlleDbCoommandd(strSSql,coonn) Dim Exp AAs Excceptioon Try () (

16、) () (登陆.aspx) Catcch Expp = 发生错误误，可能是用用户名已经被被人使用。 End Try五、网站的运行行与实现 安安装Dreaamweavver后，打打开软件，新新建一个网站站，将制作好好的文件（后后缀为htmml）包括建建设好的csss和需要添添加的图片，全全部复制放到到一个文件夹夹中，用3660安全浏览览器进行预览览。六、网站建设心心得体会虽然之前有上过过类似课程 但是用ddreamwweaverr制作还是第第一次，可能能刚开始会感感觉很困难，但但是其实只要要多去琢磨一一段时间，把把课本上的知知识和老师讲讲的知识结合合起来，并进进行多次实际际操作，就能能比较好的

17、运运用这门知识识。通过对这这个网页的设设计，了解到到自身还存在在很多不足，希希望能在今后后的学习和生生活中好好提提高。在设计计过程中，我我了解到网页页设计的一些些布局，连接接，还有一些些图形处理的的技术，了解解到网页设计计的一些基本本规则，另外外利用DW这这个软件确实实能提高许多多工作效率，比比以往单纯的的用htmll来做方便的的多。不过还还是因为时间间、条件和个个人能力有限限，网页还存存在不太完善善的地方。最最后，还是感感谢老师能给给我们一个机机会让我们实实践这一门知知识，不管学学到多少东西西，但是至少少我们能很好好的对自己有有一个认识，对对这门课，这这门知识有一一个认识，而而这些知识是是可以对我们们今后的工作作和生活带来来很多益处的的。姓名：杨涛专业：08电商商学号：200881903