网页设计毕业论文易达氏手机商城网站构建.doc
- 文档编号:4877814
- 上传时间:2023-05-07
- 格式:DOC
- 页数:20
- 大小:2.20MB
网页设计毕业论文易达氏手机商城网站构建.doc
《网页设计毕业论文易达氏手机商城网站构建.doc》由会员分享,可在线阅读,更多相关《网页设计毕业论文易达氏手机商城网站构建.doc(20页珍藏版)》请在冰点文库上搜索。
深圳自考深圳成人高考
深圳学习网学院
毕业论文
易达氏手机商城网站构建
学生姓名:
xxx
学号:
0305xxx
年级专业:
2011级自主网页设计2年2班
指导老师:
XXX
系部:
计算机工程系
广东·东莞
提交日期:
2012年5月
【目录】
摘要…………………………………………………………………………………………………………3
1.前言…………………………………………………………………………………………………………4
2.概述…………………………………………………………………………………………………………4
2.1网站建设背景………………………………………………………………………………………4
2.2网站建设意义………………………………………………………………………………………4
2.3开发工具简介………………………………………………………………………………………5
3.可行性开发环境………………………………………………………………………………………6
3.1ACCES数据库……………………………………………………………………………………6
3.2ASP技术……………………………………………………………………………………………7
4.网页需求分析……………………………………………………………………………………………7
4.1网页的界面设………………………………………………………………………………………7
4.2网站实现功能………………………………………………………………………………………8
5.网页总体规划…………………………………………………………………………………………13
5.1制作网页的步骤……………………………………………………………………………………13
5.2制作网页的结构……………………………………………………………………………………14
6.数据库技术………………………………………………………………………………………………15
7.网站的建立和维护……………………………………………………………………………………16
7.1网站的建立…………………………………………………………………………………………16
7.2网站的维护…………………………………………………………………………………………17
8.总结…………………………………………………………………………………………………………18
参考文献…………………………………………………………………………………………………18
易达氏手机商城网站构建
作者:
郑孟达
指导老师:
XXX
(深圳学信网学院2010级计算机应用网页设计2年,东莞523808)
摘要:
随着通信技术的不断成熟以及手机价格的不断低廉,手机的身影已经开始出现在每一个普通用户的手中,与此同时,我们用户的观念也逐渐发生了变化,现在越来越多的用户都开始认识到手机对获取信息的重要性。
但是,现在的手机功能上已经不只是需要单纯的能接打电话,能发短信那么简单了,而是需要各种技术应用上的嵌入。
而且目前在我国手机市场上有近几十个品牌,上百种型号的手机。
为了能帮助用户挑选到合适的手机产品,我经过惊心思索,准备构建易达氏手机商城网站。
在我对手机网站中相关业务流程都进行了充分调研后,针对手机网站的特点以及存在的问题,提出了问题解决方案并予以实现。
本课题的实现采用目前较为流行的Access数据库和ASP+CSS的开发模式,按照需求完成了业务流程。
本网站将要分为前台浏览和后台管理两个部分。
前台浏览不需要身份验证,任何人都可以注册完毕后,登录密码来浏览器阅读公告、查看手机信息、搜索手机型号、投诉建议、客服中心等等。
后台管理需要身份验证,由已经有登录权限的管理员来管理各项事务:
包括手机管理、订单管理、用户管理等。
本系统立足于中小型手机网站的系统。
其网络管理系统规范,计算机的操作系统简单,数据库和程序系统设计开发也并不复杂,可以随时根据用户的要求修改和完善。
关键词:
ASP技术,div+css,Access数据库
第20页共20页
1前言
在信息技术飞速发展的今天,人们获取信息的方式更多是来源于互联网。
而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页,所以网页设计尤为重要。
互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。
网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常的重要。
网页讲究的是排版布局,其功能主要就是提供一种形式给每个上网者,让他们能够了解网站提供更方便快捷的信息。
面对日益加快的生活节奏和信息社会日新月异的变化,企业极需要一种快捷,便利的平台来对外宣传企业形象,介绍最新产品和及时售后服务。
如何运用现代化信息技术完成这一目标,建立“一座企业与顾客之间畅通无阻的大桥”已成为企业中应该解决的重要课题之一,本网站正是为这一目标设计制作的。
2.概述
2.1网站建设背景
我们读书就是为了获得知识,现在我们学习了ASP动态网页设计,当然就是要能做一个精美的网页。
在此次毕业设计中,我们要能更加的了解Dreameaver强大的功能和更好的使用它。
通过此次设计我们还要能够知道静态网页和动态网也的区别。
诚然,次此设计的个人网页,一方面是为了完成毕业作业,但更重要的是把我们所学到的东西用在具体的实践之中,所以,这次设计的目的也是要我们更好的掌握和使用好ASP的核心工具和技术,以便提高对网页知识的更深层了解。
第三点也是最要的一点是,把我们在书本上学到的知识充分运用到此次设计之中。
使我们的在书上学到的东西不仅仅停留在表面上,把这些东西都用在所要做的网页上面。
以达到老师要求的效果和学以致用。
2.2网站建设意义
Internet是目前世界上最大的计算机互联网络,它遍布全球,将世界各地各种规模的网络连接成一个整体。
作为Internet上一种先进的,易于被人们所接受的信息检索手段,WorldWideWeb(简称WWW)发展十分迅速,成为目前世界上最大的信息资源宝库。
据估计,目前Internet上已有上百万个Web站点,其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域,其用户群十分庞大,因此,建设一个好的Web站点对于一个机构的发展十分重要。
近年来,随着网络用户要求的不断提高及计算机科学的迅速发展,特别是数据库技术在Internet中的广泛应用,Web站点向用户提供的服务将越来越丰富,越来越人性化。
我们发现这样一个事实,一个用户在访问一个网站时一般来讲只对该网站的部分内容感性趣,而且这种兴趣会持续一段时间。
这点启发了我们,如果能根据用户的喜好为不同的用户显示其个性化的页面,即着重显示该用户感兴趣的内容,将为用户节约大量的检索时间,而且这样的网页显然是更具有吸引力的。
一些站点已经在这方面作出了一定的尝试,通常采用的方法是,在用户登陆时为其提供一系列的选项,使用户能够对站点进行一些自主的设置。
这样做能够使站点呈现一定程度的个性化,但是对用户来讲,还是比较烦琐,而且在用户了解一个站点前让其对站点进行设置,其结果未免有些粗糙。
于是我们构想了这样一种方案,对用户登陆后的动作进行跟踪,分析,发掘用户点击的规律,即用户先后点击的关联规则,这样,在用户点击一个主题(链接)之后,系统能够自动生成一页面,其中包含了该主题下用户经常关注的内容(若干链接),这样便在无须用户作出任何额外工作的情况下实现了为用户量身订做的个性化页面。
本文主要完成Web服务器端的设计实现管理个人资料、照片上传、网文撰写、客户留言、日志以及后台管理等ASP页面及整个实验网站的组织建立和测试工作。
我通过手机网站展示出用户消费的热度。
不同的人,其网站上的展示方式或手法各有不同,千变万化。
在网站策划中,如何把手机网站通过网站展示出来,是我设计的重要内容。
2.3开发工具简介
1、网页图像设计工具——Photoshop
在网页制作过程中,首先要使用Photoshop设计网页和整体效果图、处理网页中的图像、背景图及网页的图标、按钮等。
Photoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件.它功能强大,操作界面友好,得到了广大第三方开发厂家的支持,从而也赢得了众多的用户的青睐。
2、网页排版工具——MacromediaDreamweaver8
MacromediaDreamweaver8是由Macromedia公司推出的,用于网页开发和网站管理的专业化设计工具。
它采用了多种新技术,具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能;它具有友好的操作界面,在文档窗口中可以打开各种浮动面板,同时还可以使用系统内置的多种对象进行操作。
它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
从对基于CSS的设计的领先支持到手工编码功能,Dreamweaver提供了专业人员在一个集成、高效的环境中所需的工具。
开发人员可以使用Dreamweaver及所选择的服务器技术来创建功能强大的Internet应用程序,从而使用户能连接到数据库、Web服务。
3.可行性开发环境
3.1ACCESS数据库
MicrosoftAccess在很多地方得到广泛使用,例如小型企业,大公司的部门,和喜爱编程的开发人员专门利用它来制作处理数据的桌面系统。
它也常被用来开发简单的WEB应用程序。
这些应用程序都利用ASP技术在InternetInformationServices运行。
比较复杂的WEB应用程序则使用PHP/MySQL或者ASP/MicrosoftSQLServer。
它的使用方便程度和强大的设计工具为初级程序员提供许多功能。
不过,这种便于使用可能使人误解。
这类开发者都是没有在应用或者数据设计方面训练的办公室从业人员,因此许多人以为这样的开发者能够创造可用的系统,但也有很多人认为工具本身的局限性产生了这样的误导。
一些专业的应用程序开发人员使用Access用作快速应用开发,特别是给街道上的推销员制作一个初型或独立应用程序的工具。
可是如果是透过网络存取数据的话,Access的可扩放性并不高。
因此当程序被较多使用者使用时,他们的选择多会是倾向于一些客户端-服务器为本的方案,例如Oracle、DB2、MicrosoftSQLServer、WindowsSharePointServices、PostgreSQL、MySQL、AlphaFive、MaxDB,或者Filemaker。
无论如何,不少Access的功能(表单,报告,序列和VB代码)可以用作其他数据库的后期应用,包括JET(档案为主的数据库引擎,Access缺省使用)、MicrosoftSQLServer、Oracle和任何其他跟ODBC兼容的产品。
这种方法允许开发者把一个成熟的应用的数据移动到一台更大功率的服务器而没有已经在适当的位置牺牲发展。
很多开发者谁使用MicrosoftAccess使用Leszynski命名约定,虽然这不普遍;它是一次编程大会,并非一个DBMS实施的规章。
3.2ASP技术
ASP(MicrosoftActiveServerPages)技术是目前比较流行的开发动态WEB页的技术之一,其他的还有如PHP,JSP,ASP.NET等。
但ASP以其独特的易学、易用、易维护等特点,为大多数中小型企业级管理信息系统所选用,其主要可以灵活应用微软公司COM组件,开发出功能强大的信息系统,其主要运行于WINDOWS的IIS服务器平台。
ASP程序属于解释型,无须编译。
ASP程序的控制部份,是使用VBScript、JScript等脚本语言来设计的。
和同其他编程语言一样,ASP程序的编写也遵循一定的规则。
安装ASP时,系统提供了两种脚本语言:
VBScript和JScript,而VBScript则被作为系统默认的脚本语言。
4.网页需求分析
4.1网页的界面设计
由于越来越多个人开始建立自己的网站,网站除了具有传播信息的功能外,还往往代表个人的形象。
网站建设商业化和广告化的趋势,对网页设计的艺术性提出了更高的要求。
虽然HTML语言提供了对常用Windows标准控件的支持,但是,由于Windows标准控件的形状和颜色十分单一,网页的视觉效果可能会很差。
例如:
列表框和下拉列表框只能呈现凹陷边框,而且下拉列表的箭头的颜色不能改变,滚动条只能出现在窗口的下边和右边,当网页分成多个帧的时候,滚动条就不可避免的出现在网页的中间,破坏网页的整体性。
若在网页的设计中主动配合Windows标准控件的形状和颜色,网页的创作空间就会受到限制。
因此,有必要实现网页中的自定义控件,以满足网页设计艺术化的要求。
网页界面构成要素:
与传统媒体不同,网页除了文字和图像以外,还包含声音、视频和动画等新兴多媒体元素,更借助由代码语言编程所实现的各种交互式效果,增加了网页界面的生动性和复杂性,也使得网页设计者需要考虑更多页面元素的排布、优化。
一般来说,网页的界面主要由下面几个因素构成:
(1)文字:
文字元素是信息传达的主体部分。
网页中的文字主要包括标题、信息、文字链接、几种主要形式。
标题和传统媒体中信息传达的基本作用相同,是内容的简概说明一般比较醒目、优先编排。
文字作为占据页面重要比率的元素,同时又是信息重要载体,它的字体、大小、颜色和排布对页面整体设计影响极大。
(2)图形:
图形在网页界面中具有重要作用。
合理的运用图形。
可以生动直观、形象地表现设计主题。
网页中常用的图形格式包括jpg和gif,这两种格式压缩比高,得到了规范浏览器的支持,下载速度快,具有跨平台。
(3)超级链接:
超级链接技术可以说是万维网流行起来的最主要的原因,它是从一个网页指向另一个目的端的链接,例如指向另一个网页或相同网页上的不
同位置,这个目的端通常是另一个网页,但也可以是一幅图片,一个电子邮件地址,一个文件,一个程序或本网页中的其他位置,其载体通常是文本,图片或图片中的区域,也可以是一些不可见的程序脚本。
当浏览者单击超级链接时,其目的端将显示在Web浏览器上,并根据目的端的类型以不同方式链接。
例如,当指向一个AVI文件的超级链接被单击后,该文件将在媒体播放软件中打开;如果是指向一个网页的超级链接,则该网页将显示在Web浏览器上。
(4)表格:
在网页中表格用来控制网页中信息的布局方式。
这包括两方面:
一是使用行和列的形式来布局文本和图像以及其他的列表化数据;二是还可以使用表格来做。
4.2.网站实现功能
本网站给客户提供一个了解手机商城的平台,客户可以与易达氏手机商城公司及时地交换意见,产生互动,本公司也可以及时对网站进行更新维护。
1、前台客户系统功能
(1)用户可以浏览公司的一些基本的信息
图4-1首页界面
(2)用户可以浏览公司的新闻
图4-2子页面
(3)用户可以随时发表自己的投诉建议信息
图4-3留言页面
2、后台管理系统功能
(1)高级管理员登录界面
图4-4登录界面
(2)后台管理界面
图4-5管理界面
(3)增加、修改、删除易达氏手机商城有限公司的新闻
图4-6添加新闻界面
图4-7删除新闻界面
(4)订单管理的查询统计
图4-8订单查询界面
(5)网站的用户管理员
图4-8网站用户管理页面
5.网页总体规划
5.1制作网页的一般步骤
首先,你应该明确制作网页是为了干什么。
比如,你是公司的职员,想通过网页来对公司进行广告宣传;再假设你正在做一个项目,想和外地的工程师通过网页讨论该项目。
如果你要制作个人网页,那么你可能想通过个人网页在网上进行传播,从而展示自己,并和网友交朋友。
这就是你的目的。
我这次做这个网页就是为了让同学们在自己的班级网站里面更好的交流和联系,及时发布一些班级新闻,为同学们建造一个网上家园。
其次,组织好你的网页内容。
试想,你把自己的照片和内容都堆在一起,别人将无法明白你想干什么,说不准,连你自己都糊涂了。
如果组织得好,用户从你的网页中获取信息就容易得多。
对于那些很重要的信息,用户只需要简单的操作就能得到。
一般来说,组织好网页的关键是要对网页建立层次分明、条理清楚的结构图。
脑子里有了这样一张结构图,就会对网页很明白,并且有助于制作网页。
而后,要确定你的网页所具有的外观和特色,目的就是让用户被你的网页所吸引。
如果你只是要把很多漂亮的画面堆在一起,而不管内容,那将没人看。
应该让你的网页不仅漂亮,更重要的是实用。
怎么把自己的照片和内容有机的结合到一起,这也正是你的网页特色所在。
然后,开始制作网页。
具体操作时,首先要创建个人站点,再充分利用Dreamweaver的功能建立各个网页。
最后,等网页做好了,就该发布站点了。
站点发布后,为了保持站点的吸引力,要经常修改网页的内容(添加新的内容,更换已过时的图像等),就要更新和维护你的站点了。
5.2网页层次结构
易
达
氏
手
机
商
城
网
站
构
建
商城首页
欧美手机
日韩手机
国产手机
手机配件
手机资讯
易达氏刚成立不久,需要更多的知名度。
介绍欧美的手机品牌:
诺基亚 索尼爱立信 摩托罗拉 飞利浦 惠普 O2黑莓
大家交流学习,我们也可收集手机信息,学习更多知识。
介绍欧美的手机品牌:
三星松下 东芝夏普 LG泛泰 NEC
介绍欧美的手机品牌:
多普达 明基西门子 华硕明基
让更多的人在网站选择手机配件,更客户带来方便。
最新手机
特价手机
发货通知
推荐手机
最新报价
我会为大家每天都退出新报价。
大家都喜新厌旧,所以有最新手机我都不会放过机会告诉给客户的。
现在市场也快推出新的系统安卓、WP7、苹果等。
特价的优惠大家都不要错过哦!
先到先得。
大家都喜欢上网购买东西,所以发货时我第一通知。
图5-1网站结构图
6.数据库技术
一个动态的网站,它的动态就体现在数据库技术上面,那么怎么才能使数据库与我们的WEB页面进行连接呢?
这里就要用到ASP六大内对象中的server对象!
具体代码如下:
<%@LANGUAGE="VBScript.Encode"CodePage="936"%>
<%Response.Buffer=True
Server.ScriptTimeout=90
OnErrorResumeNext
dbfolder="db/"
dbname="#yidasshop#trial.mdb"//请修改这里数据库名称
connstr="Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath(dbfolder&dbname)
Setconn=Server.CreateObject("ADODB.Connection")
conn.Openconnstr
IfErrThen
setfs=createobject("scripting.filesystemobject")
setts=fs.createtextfile(server.MapPath("Error/data_"&month(now())&"-"&day(now())&"_"&hour(now())&"-"&minute(now())&"-"&second(now())&".txt"),true)
ts.writeErr.Number&":
"&Err.Description
ts.close
setts=Nothing
setfs=Nothing
err.Clear
SetConn=Nothing
Response.Write" 9pt'align=center>数据库连接出错!
Response.Write" 9pt'align=center>可能出错原因: 数据库位置或名称不对、数据库损坏!
Response.End
EndIf%>
--#includefile="config.asp"-->
--#includefile="sqlcheck.asp"-->
这些代码一般都放在一个名称为conn.asp的文件里面。
如果WEB页面中需要用到数据库连接时就使用宏定义把这个文件包含进去就可以了!
具体代码十分简单:
--#includefile=conn.asp-->%>。
7.网站的建立和维护
7.1网站的建立
1、网站运行环境
为了保证系统运行的效率和可靠性,系统服务器端应具有较高的软硬件配置,客户端的要求不是很高。
此应用程序可广泛运行于国际互联网即Internet,也可适用于内部的局域网。
其运行要求如下:
(1)服务器端:
操作系统—Windowsxp/2000server
(2)Web服务器—IIS5.0
(3)数据库服务器—Access
(4)浏览器—IE6.0以上版本等;
(5)客户端:
InternetExplorer(IE6.0)等
2、网站的测试环境IIS
IIS和AapcheServer是目前使用最广泛的Web服务器,他们可以在UNIX和Windows平台上运行。
此系统在开发阶段使用IIS(InternetInformationServer)在个人计算机上调试。
Internet信息服务5.1(IIS)是一种WindowsWeb服务,可以使用它非常轻松地在Internet上发布信息。
Internet信息服务管理单元提供了一些服务器管理选项,用于控制网站或FTP站点的内容以及对这些站点的访问。
Internet信息服务管理单元包含下列功能:
(1)WindowsNTServer或Windows2000Server服务器的一些附加设置,如管理FTP站点、隔离应用程序、映射MIME类型或指定其他脚本引擎等。
(2)新建虚拟目录的向导。
(3)管理Internet信息服务网络安装的能力。
(4)通过Internet信息服务服务单元,建立一个虚拟目录,指向Web应用程序所在目录,从而通过浏览Web应用程序所在目录下的ASP,HTML文件,达到该系统在个人计算机上的测试,为最终在将站点上载到公司Internet或Internet之前提供了Web程序在最终服务器上的精确效果。
3、本网站IIS配置
打开Internet信息服务管理器:
“开始”菜单->“设置”->“控制面板”->打开“管理工具”->打开“Internet服务管理器”。
在C:
\Inetpub\wwwroot目录下建立文件夹yidas,将本程序所有ASP文件、图片文件以及子文件夹复制到此文件夹下。
在IIS中选择默认网站,并点击右键,选择新建,然后进行如图配置。
图7-1IIS
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 毕业论文 易达氏 手机商城 网站 构建