网站设计论文范文

2022-05-10

下面是小编精心推荐的《网站设计论文范文(精选3篇)》,欢迎阅读,希望大家能够喜欢。摘要:本文根据已经投入使用的校园网站为参考,从我校校园网站的设计思想、开发工具的选用及介绍、网站总体设计及分析、部分网页详细设计等四个方面进行详细校园网站设计的阐述。关键词:ASP校园网站数据库0引言在Internet飞速发展的今天,互联网在政治、经济、生活等各个方面都发挥着重要的作用。

第一篇:网站设计论文范文

世纪学院网站设计

摘要:随着科学技术的发展,网络和人们的生活关系越来越密切,学校网站也成为学校与外界资源共享的平台。世纪学院网站利用PHP语言、PHPstudy开发环境、dreamwear、Apache服务器和Mysql数据库设计了网站的学院概况、学院专业、教育教学、师资队伍等多个功能板块。用户可以浏览网站并留言;管理者可以登录到后台修改账号密码、网站内容等。该系统界面友好、操作简单、可以作为学院发布信息、对外宣传、合作交流的窗口。

关键词:PHP;dreamwear;Apache;数据库;Mysql

1 引言

随着计算机的普及和当前网络技术的不断发展,网络已经渐渐融入人们的生活,尤其是国内外教育方面,中国对高校的信息化做了比较深入的调研。近年来校园网站的建设发展迅速,它作为与外界的沟通平台,能使人们随时随地地了解校园资讯和院系的动态,院系也可以在网站上发布最新的教学信息以供外界和师生查看。目前,较多数的校园网站是用ASP代码进行编写的,当访问数据库时,运行代码用的是其他的COM对象,这些COM对象的使用降低了代码的运行速度。PHP有自己的内存空间,不像ASP一样面对的是COM对象,所以PHP(Personal Home Page)运行代码速度快。PHP和ASP都适用于中型网站的开发,但是相对于ASP来说PHP做动态网站比较经济实惠。

2 系统设计综述

2.1 系统设计目标

系统设计的目标。(1)为学校的教育发展、校园推广等资源实现共享和信息交流提供场所,(2)方便管理者管理网站。具体有以下四个方面:

(1)保证网站界面要简单、美观。(2)访问者可以正常地浏览各个模块,例如:学院概况模块、学院专业模块、在线反馈留言模块等,这里留言模块要有更多的功能实现,以方便访问者之间可以有更好的交流;(3)管理者可以从网站中登录到后台进行网站内容的修改;(4)系统之间的架构和数据库的设计便于以后的维护和更新。

2.2 网站开发工具简介

网站开发工具包括PHP语言、dreamwear、Mysql数据库。

PHP结合了很多开发语言的优点,所以PHP成为目前社会比较流行的开发语言。PHP将HTML代码和PHP指令组合成一个完整的服务器端动态页面,它比HTML标记的CGI更有效[1]。PHP使代码运行得更快。在开发PHP时,通常与web服务器和Mysql数据库相匹配。PHP的容易操作使它成为刚接触网页设计人群的首选语言。它几乎兼容所有的服务器,支持很多数据库,它的学习资料可以从官方网站上下载后自学, PHP注释语言对程序不起任何作用,是一种解释性语言[2]。

Dreamwear是一种专业的HTML编辑器,它是用于站点、应用程序而设定、编码、开发的一种软件。它既可以在可视化的编程环境中展开页面的制作工作,也可以通过自身提供的HTML代码编辑器手动编写HTML代码。在编辑过程中提供了两种视图,分别是代码视图和设计视图,编辑者可以一边编写代码一边查看网页,这种新功能方便网页设计者在编码之后查看显示内容[3]。

Mysql,是动态网站数据的一个处理者,在国内外被广泛开发利用。Mysql由于处理数据速度快、运营费用低等优势,成为企业首选的数据库[4]。Mysql几乎可以支持所有的操作系统,它其中的SQL语言是最流行的数据库查询语言,能使信息的儲存和更新更加容易。

2.3 开发环境选择

网站采用的浏览服务器环境是wamp环境,包括Windows、Apache、Mysql、PHP。Windows是一个服务器操作系统,Apache是一个web服务器系统,Mysql是数据库管理系统。Web服务器的作用是存储文件、接收浏览器访问请求、向浏览器发送页面内容和下载文件。数据库管理系统的作用是存储管理数据、提供完整的结构化查询语言体系、根据程序解释器的指令进行数据的修改操作[5]。浏览器的作用是显示由服务器端提供的文本内容、解释HTML、解释CSS运行、解释JS脚本语言和展示图片。

网站中的代码编辑软件是dreamwear,它需要在Phpstudy的开发环境下执行代码。首先,dreamwear中,“site”的意思是站点。dreamwear站点组织所有与网站相关的文档,管理文件,共享文件,并将站点文件传输到Web服务器[6]。其次,需要在网站上下载Phpstudy软件安装配置,引导程序自动进入到PHP开发环境。要访问数据库,需要在浏览器地址栏中输入本地phpmyadmin,数据库的初始用户和密码都是root,可以在connect.PHP文件中修改。

3系统设计

3.1系统框架设计

(1) 学院首页:可以返回本网站的主页。

(2) 学院概况:该模块包含世纪学院的学院简介、学院领导、通知公告、新闻资讯。

(3) 学院专业:该模块包含数字媒体技术、数字媒体艺术、传播学等专业介绍。

(4) 教育教学:学院的科学项目、实践教学、科研课题。

(5) 师资队伍:包含教学项目、师资概括和教学团队。

(6) 创意天地:此模块包含有参赛作品、毕业设计和实践作品。

(7) 学院风采:此模块中包含活动风采和组织结构,主要展示学院学生参加的一些社会和校园活动。

(8) 交流天地:可以浏览院系老师和同学的交流图片。

(9) 在线反馈留言:访问者可以在这个模块中留下宝贵的意见。

(11) 管理登录:管理者可以通过账号密码进入后台管理操作。

本系统框架图如图1所示。

3.2数据库设计

3.2.1数据库的操作流程

Web数据库体系结构图如图2所示。

Web数据库查询数据的基本步骤如下:

首先:建立适当的数据库链接;

第二:查询数据库;

第三:获取查询结构;

第四:将结果显示给用户并关闭数据库。

3.2.2 数据表单的建立

首先需要登录localhost/phpmyadmin地址,之后Mysql服务器里面建立一个数据库,创建表单。登录的账号密码可以在connec.php目录下或Mysql服务器里面进行修改,但是数据库是创建者建立的他人没有办法进入,而且数据库建立之后名称没有办法改变。数据库中有三个表单,分别是登录账号密码表单、留言表单和网页内容表单。id的作用是向页面传递参数。留言表单中包括数据类型约束函数tinyint()、varchar()可变长度的数据类型和顯示留言时间的timestamp()。内容修改表单中class表示的是菜单。三个表单如表1、表2和表3所示。

4系统实现

4.1前台设计

首页设计是用dreamwear软件进行编写多个静态的网页,然后用超链接把这些网页链接起来,其中最重要的部分是网页布局。静态网页的布局影响到网站的整体显示效果,所以布局中把首页分成了六个部分,包括导航栏、学院图片展示、学院简介、在线反馈留言、学院风采、版权。

主页面主要采用div+CSS样式进行结构设计,网站所有的盒子和CSS样式都放在admin.css文件中,需要的时候直接调用此文件。网站利用PHP语言实现对数据库的访问,使用JS语言来实现图滚动的功能。主页面图如图3所示。

4.2后台设计

后台管理操作主要分为三个部分,对应上面讲过的三个表单内容,分别包括登录账号密码表单、留言表单、网页内容表单。

4.2.1后台管理登录

后台管理登录管理器可以登录后台网站修改网站内容。后台管理登录界面如图4所示。

后台管理登录的实现步骤如下:

首先,先写出登录后台的静态主页面,其中主要是表单的应用、。之后把登录账号密码存放进session中,放到模板页面,然后编写登录的后台操作,链接到数据库的代码如下:$con=mysq_connectl(“lo

calhost””root”,”root”)。

第二,从数据库中提取用户名密码:$username=$-request[“username”];$password=$-request[“Passward”]。再用判断语句if来判断输入的账号密码是否与数据库中的相对应,数据对应正确则进入后台管理页面admin.php,并赋予用户一个session变量,错误则显示失败。

第三,登录账号密码的修改可以在后台进行操作,也可以在数据库后台登录表单中进行修改。

4.2.2在线留言反馈

用户可在此模块中留下消息,管理员可以浏览和删除访问者的信息。在线反馈留言界面如图5所示。该模块功能实现步骤如下:

第一步,做出静态留言表,这里主要用到表单

,,
。留言管理主要用到数据类型约束函数、可变长度的数据类型和显示留言时间,之后把留言的作者、标题、内容等存入到建立好的数据表单中就可以在网页上显示出来。动态部分主要用到三个PHP文件,它们分别是:(1)connect.php:链接数据库;(2)addmsg.php:从页面读取留言相关内容,之后把它存放在页面上;(3)addmsg.PHP:从数据库中读取信息,PHP连接到Mysql数据库。Mysql_connect(“localhost”,”root”,”root”)参数分别代表Mysql地址、用户名、密码,然后需要链接到数据库中的对应表单:MySql_select_db(表单,$conn)。参数表示:第一个是数据库名称,第二个是链接标识,可以将返回值放在系统数据库,返回值false指示连链接失败,true表示链接成功。主要代码是Mysql_qery(connection),其中query表示希望Mysql执行的语句,connection表示可选内容,其中MySQL_query()只返回用于选择、显示、解释或描述语句的资源标识符。

5总结

系统采用B/S结构,基于PHP模板的网站设计,它是高效、经济的处理方式。

网站的创立是在PHPstudy开发环境下用dreamweaver软件进行编写。网站的设计分为两大部分,一部分是静态网页之间的链接,结合div+css进行页面的展示。另一部分是将网页链接到数据库,这里数据库采用Mysql,在链接到数据库的时候需要把网站的内容保存到数据库中,然后再把表单中的内容放在结果集中,最后把结果集里面的内容用其他变量保存,以方便后面的使用。该系统界面友好、操作简单,可以作为学院发布信息、对外宣传、合作交流的窗口。

参考文献:

[1] 唐四薪.PHP动态网站开发[M].北京:清华大学出版社,2014:1-10.

[2] 郭泽民. 动态网页技术PHP、ASP与JSP的比较分析[J]. 煤炭技术, 2007, 35(47):29-31.

[3] 胡崧. HTML从入门到精通[M]. 北京:中国青年出版社, 2007:25-38.

[4] 杨凯. 基于MySQL数据库结构设计[J].科技展望, 2015, 25(36):105-107.

[5] Michael kofler.MySQL权威指南[M].北京:人民邮电出版社, 2006:85-90.

[6] 黄斯伟.HTML完全使用详解[M].北京:人民邮电出版社, 2006:59-61.

【通联编辑:王力】

作者:靳亚东 鲍震杰 刘月 胡菁芸

第二篇:校园网站设计

摘要:本文根据已经投入使用的校园网站为参考,从我校校园网站的设计思想、开发工具的选用及介绍、网站总体设计及分析、部分网页详细设计等四个方面进行详细校园网站设计的阐述。

关键词:ASP 校园网站 数据库

0 引言

在Internet飞速发展的今天,互联网在政治、经济、生活等各个方面都发挥着重要的作用。Internet上发布信息主要是通过网站来实现的,因此网站建设在Internet应用上的地位显而易见。为了更好地方便校园办公,本人已构建了山东省公路高级技工学校校园网站。

作者:耿秀春

第三篇:电子商务网站设计

摘 要:建立商务网站可充分运用网络技术满足需求,使企业取得发展。企业利用网站将网络触角伸展到客户的家中,以先进的技术渗透于等整个商务过程,本文以下内容将对电子商务网站设计进行研究和探讨。

关键词:电子商务; Internet; 网站设计; 信息网络化; 全球性

一 引 言

随着社会经济的发展,商品交易形式也开始多样化了起来。当今世界网络、通信和信息技术的飞速发展,因特网的全球迅速普及,使得商业具有不断增长的供货能力、不断增长的客户需求、不断增长的全球竞争三大特征。任何一个商业组织都必须改变自己的组织结构和运作方式,以适应各种全球性的发展和变化。电子商务的不断普及,使传统的基于纸介质的数据和资料的处理、传递和存储等作业方式,被电子方式所取代。电子商务涉及通信、计算机等各种技术,应用面很广,主要有金融服务、媒体、娱乐业、电信、获取商业情报、市场销售与促销、签署商业合同、开展股票、期货交易、商业研究与发展及其他商业活动等。电子商务具有诱人的前景。电子商务的发展非常迅速。 网上贸易将成为国际贸易领域中真正的“税外区域”,这将极大地促进电子商务的发展。

二 电子商务网站概述

电子商务(Electromagnetically,简称EC)。电子商务就是利用信息技术将商务活动的各实体:企业、消费者、政府联系起来,通过互联网络将信息流、商流、物流、资金流完整结合从而实现商务活动过程。

Internet网络的普及、新的网络经济所涉及领域的广阔、多种安全措施的使用和电子化处理的快速决定了电子商务具有普遍性、方便性、整体性、安全性以及协调性等的特点:普遍性;方便性;整体性;安全性;协调性等。

而根据商务过程中参与实体的不同,电子商务的应用主要有五种类型:

企业内部的电子商务;企业间的电子商务;企业与消费者间的电子商务;

企业与政府间的电子商务;消费者间的电子商务。

电子商务的整个商务系统由网站业务系统、认证中心、支付网关和客户终端系统四个基本元素组成。B to C电子商务方式消费者完成一次购物工作过程是:首先消费者使用终端系统连上互联网,进入网上商店,寻找想购买的商品,浏览产品信息,如果找到合适的商品,就可以在网上下单,否则决定是否继续浏览该店而进入其他网上商店继续购物,若消费者已将所要买的商品下单后,便可以进入结账程序,通过选择付款方式,如在线支付,使用信用卡通过支付网关授权银行进行付款转账,支付网关保留双方交易数据凭证,并向商户发出发货通知,商户收到发货通知后通过物流配送组织将商品发送给消费者,消费者收到商品后验收商品,并根据实际需要享受网上商品提供的售后服务。自此,消费者通过网络无拘无束的完成了他的一次购物过程,整个过程都是消费者坐在自己的计算机前点击鼠标和键盘,所需做的只是查看商品信息以及下单结账,其他的工作就交给商户、银行与物流机构去完成,整个过程都是和方便安全快捷,因而越来越受到消费者的欢迎。

三 开发工具与技术

项目开发是为了实现电子商务网站的更好显示,需进行前期开发,开发编写和工具使用。

编写目的:分析软件功能;给出总体设计方案;划分模块;确定软件元素及其关系;制定软件工作流程;分析接口。该文档的预期读者为参加软件开发的全体人员;通过阅读该文档;开发人员将会有条理的进行整个软件的开发过程。

开发工具使用到Dream weaver、APS、PHP网站。

四 网站详细设计

架设网站开发环境、ASP数据库连接、防止SQL注入入侵、MD5加密。

五 网站设计注意事项

首先是网站设计的重要原则:

电子商务网站既要处理企业对企业之间、企业同消费者之间大量复杂而零散的数据和信息,又要保证数据和信息传输的安全性,因此与普通的网站相比在数据处理和传输方面要求更高,流程也更加复杂。因此,我们必须要使系统满足以下原则:(1)系统的可靠性;(2)系统的安全性;(3)系统的经济性与可扩展性;(4)系统的开放性。因此,它必须设计成支持开放性、符合相关技术标准的系统,使其能与原有系统协调工作,并与将来新建系统相互兼容;个性化是目前电子商务软件开发的焦点。研究表明,具有个性化服务的网站比没有此项功能的网站可以更有效地增加銷售额。目前对商家来说最大的挑战是如何决定个性化的内容。满足了上面的这些原则,就要具体来设计它了,对于网页的设计我想大家应该是比较熟悉了,但是电子商务网站设计起来可不是那么的简单,我们现在来看看它的设计步骤和设计原则:(1)确定网站的主题和风格;(2)网站功能模块的;(3)制作软件的选取等。

其次是网站设计中需要注意的问题:

1、交易的信用问题。2、交易的安全问题。

最后是网站风格与创意设计:

网站的整体风格及其创意设计是人们最希望掌握,也是最难以掌握的。其难点在于没有一个固定的模式可以参照和模仿。创意是传达信息的一种特别方式,它是思考的结果,也是现有要素的重新组合。比如,IP电话、在线书店、电子社区、在线拍卖等。

六 总结与展望

总结:在网络信息的虚拟世界里,要想使自己的网站从数不清的各类网站中脱颖而出,就必须对整个站点做好统筹安排、规划、组织、设计。这不仅需要扎实的专业知识还需要丰富的从业经验。因而需要我们不断的学习各方面的知识来锻炼我们的设计思路和创新意识。

展望:在这个信息海量的时代,精准定位很关键。尤其是当进入泛电子商务时代,我们的需求不仅仅是简单的购物,有更多的生活消费习惯开始受到互联网的影响,在这样的背景下,我们寻求准确的信息必然会借助搜索的帮助。这也是为何电子商务企业和搜索企业要紧密联系的关键所在。如今的电子商务已经进入到一个泛电子商务时代。简单地看看百度新近推出的有啊生活导航,也能看出一种新兴消费模式带来的商务需求。物以类聚,人以群分,我们喜欢用各种圈子来界定自己的外联范围。而商圈也是对于喜欢互联网创业以及消费习惯的人们共同追逐的一个范围。

企业与消费者间的电子商务B to C,是一种网上直销方式,企业通过网络建设网上商店,向消费者展示与供应商品,消费者通过互联网走进网上商店,浏览商店内的产品并可在店内直接下单付款订购,由于消费者是商品的直接购买、最终使用者,企业产品直接面对客户,它们都处于供求链末端,因而是最基本的电子商务模式,就如传统经济模式里的商店一样,网上商店将会随着信息社会的发展变得一样的普遍,所不同的就是上网购物可以足不出户,各地商品任选,如此方便快捷,无时间空间限制是传统经营模式无法比拟的,如今人们生活质量的提高,购物方式也变得轻松自由化、个性化,这将会成为B to C电子商务方式发展的趋势。

参考文献:

[1]电子商务专业《电子商务网站设计》课程的教学改革.《教育教学论坛》.2012年16期.刘海云.

[2] 电子商务网站设计中信息安全防御的研究.《信息与电脑》.2015年23期.黄峻峰.

[3] 基于网络数据挖掘在电子商务网站设计的应用研究.《商场现代化》.2015年5期.张琪.

[4]《电子商务网站设计》课程教学改革研究与实践.《数字化用户》.2013年29期.张娴.

作者:赵玉亮 董昱麟

上一篇:化工设备论文范文下一篇:vi设计论文范文