电子商务网站的设计培训教程.pptx
- 文档编号:30844680
- 上传时间:2024-02-02
- 格式:PPTX
- 页数:34
- 大小:290.56KB
电子商务网站的设计培训教程.pptx
《电子商务网站的设计培训教程.pptx》由会员分享,可在线阅读,更多相关《电子商务网站的设计培训教程.pptx(34页珍藏版)》请在冰豆网上搜索。
第第3章电子商务网站的设章电子商务网站的设计计学习要点学习要点设计的目标、原则、特点及过设计的目标、原则、特点及过程程Web数据库访问技术数据库访问技术HTML语言语言ASP动态网页技术动态网页技术网页的制作网页的制作本章内容本章内容v3.1网站设计概述网站设计概述v3.2网站数据库网站数据库v3.3网站开发技术网站开发技术v3.4动态网页编辑动态网页编辑3.1网站设计概述网站设计概述v域名网络商标,是企业无形资产的组成部分域名网络商标,是企业无形资产的组成部分v网站是企业在互联网上的门户网站是企业在互联网上的门户v设计是制作的基础设计是制作的基础v设计是网站的核心和灵魂设计是网站的核心和灵魂v制作是设计结果的表现形式制作是设计结果的表现形式3.1.1网站设计的目标网站设计的目标3.1.2网站设计的原则网站设计的原则3.1.3网站设计的特点网站设计的特点3.1.4网站设计的过程网站设计的过程3.1.1网站设计的目标网站设计的目标v形象定位准确形象定位准确v系统功能完善系统功能完善v操作人性化操作人性化v安全性强安全性强v运行效率高运行效率高v管理更新方式灵活管理更新方式灵活网站的安全性网站的安全性网站安全性的保障手段网站安全性的保障手段v硬件选用可靠性高的设备硬件选用可靠性高的设备v软件程序中设置各种检验措施软件程序中设置各种检验措施v运行环境有软硬件的安全保障措施、操作的规运行环境有软硬件的安全保障措施、操作的规章制度章制度认证体系认证体系支付方式支付方式安全保护安全保护物流配送物流配送因特网的基础设施:
带宽与运行速度因特网的基础设施:
带宽与运行速度3.1.2网站设计的原则网站设计的原则v明确建站的目的和目标群体明确建站的目的和目标群体v总体设计方案主题鲜明总体设计方案主题鲜明v网站的版式设计要表达出和谐与美网站的版式设计要表达出和谐与美v合理运用色彩合理运用色彩v网页形式与内容相统一网页形式与内容相统一运用对比与调和、对称与平衡、节奏与韵律及留运用对比与调和、对称与平衡、节奏与韵律及留白等手段白等手段充分运用空间、文字、图形间的关系充分运用空间、文字、图形间的关系v利用多媒体功能利用多媒体功能v注意网站的层次性和一致性注意网站的层次性和一致性v内容经常更新:
五个适当(适当的时间、位置、方内容经常更新:
五个适当(适当的时间、位置、方式、人、内容)式、人、内容)v努力提高网站的性能:
提高速度(努力提高网站的性能:
提高速度(10s)、稳定)、稳定性、安全性、抗攻击能力、恢复能力等性、安全性、抗攻击能力、恢复能力等v合理运用新技术:
适度、适当合理运用新技术:
适度、适当页面整体风格一致页面整体风格一致界面元素的命名一界面元素的命名一致致功能一致功能一致元素风格一致元素风格一致3.1.3网站设计的特点网站设计的特点v结构清晰便于使用结构清晰便于使用v导向清晰导向清晰v短暂的下载时间短暂的下载时间v有价值的内容有价值的内容v方便的反馈及订购程序方便的反馈及订购程序3.1.4网站设计的过程网站设计的过程概括为两个方面:
纯网站本身设计(概括为两个方面:
纯网站本身设计(文字排版,图片制作,文字排版,图片制作,平面设计,三维立体设计,静态无声图文,动态有声影像平面设计,三维立体设计,静态无声图文,动态有声影像等等)、网站的延伸设计()、网站的延伸设计(主题定位和浏览群的定位,智能交主题定位和浏览群的定位,智能交互,制作策划,形象包装,宣传营销互,制作策划,形象包装,宣传营销)v确定网站设计总体思想,如何实现网站的目标确定网站设计总体思想,如何实现网站的目标v确定网站的风格和特点,网页的外观及使用方面的特确定网站的风格和特点,网页的外观及使用方面的特点点v确定网站提供的内容,对网站的内容进行分类确定网站提供的内容,对网站的内容进行分类v编写网站设计的计划书,明确人员分配、协调及进度编写网站设计的计划书,明确人员分配、协调及进度v制作网页制作网页v测试网页:
在不同的浏览器上测试测试网页:
在不同的浏览器上测试v试用网站,反馈效果,修改网站:
让部分顾客和员工试用网站,反馈效果,修改网站:
让部分顾客和员工试用试用v推出网站推出网站网站设计的总体思想:
网站设计的总体思想:
功能全面、结构清晰、布局合功能全面、结构清晰、布局合理、操作方便、内容丰富、富理、操作方便、内容丰富、富有特色有特色网站的风格网站的风格v平易近人平易近人v简洁清爽简洁清爽v温文儒雅温文儒雅v生动活泼生动活泼v专业严肃专业严肃v肃穆庄严肃穆庄严v欧美风格欧美风格v温馨可人温馨可人8网页的外观网页的外观1.结构结构v正常平衡正常平衡-亦称“匀称”。
多指左右、上下对照形式,能亦称“匀称”。
多指左右、上下对照形式,能达到安定、诚实、信赖的效果。
达到安定、诚实、信赖的效果。
v异常平衡异常平衡-即非对照形式,但也要平衡和韵律,此种布局即非对照形式,但也要平衡和韵律,此种布局能达到强调性、不安性、高注目性的效果。
能达到强调性、不安性、高注目性的效果。
2.风格风格3.信息排布信息排布v对比对比-所谓对比,不仅利用色彩、色调等技巧来作表现,所谓对比,不仅利用色彩、色调等技巧来作表现,在内容上也可涉及古与今、新与旧、贫与富等对比。
在内容上也可涉及古与今、新与旧、贫与富等对比。
v凝视凝视-所谓凝视是利用页面中人物视线,使浏览者仿照跟所谓凝视是利用页面中人物视线,使浏览者仿照跟随的心理,以达到注视页面的效果,一般多用明星凝视状。
随的心理,以达到注视页面的效果,一般多用明星凝视状。
v空白空白-空白有两种作用,一方面对其他网站表示突出卓空白有两种作用,一方面对其他网站表示突出卓越,另一方面也表示网页品位的优越感,这种表现方法对体越,另一方面也表示网页品位的优越感,这种表现方法对体显网页的格调十分有效。
显网页的格调十分有效。
v分隔分隔-页面中各部分间要用线条、页面中各部分间要用线条、Flash动画、图片等分动画、图片等分开开4.视觉顺序视觉顺序:
通常从左向右,从上向下通常从左向右,从上向下5.方便的导航:
上下呼应方便的导航:
上下呼应8网页外观结构网页外观结构首页结构首页结构1简单的网站主要内容简单的网站主要内容公司主页公司主页公司简介公司简介公司组织公司组织公司产品公司产品售后服务售后服务信息服务信息服务软件开发软件开发企业反馈企业反馈30旅游网站的结构设计前台设计旅游网站的结构设计前台设计机票机票旅游产品旅游产品社区社区会员中心会员中心客户服务客户服务国外机票国外机票国内机票国内机票打折机票打折机票个人个人度假度假旅游旅游商务商务旅游旅游评论评论社区说明社区说明作品发表作品发表俱乐部俱乐部会员登录会员登录会员注册会员注册订单管理订单管理积分奖励积分奖励常见常见问题问题新手新手上路上路线路查询线路查询线路推荐线路推荐线路预订线路预订首页首页酒店酒店酒店预订酒店预订海外酒店海外酒店国内酒店国内酒店网站的结构设计后台设计网站的结构设计后台设计用户管理用户管理新闻管理新闻管理酒店、机酒店、机票管理票管理订单管理订单管理线路管理线路管理修改修改密码密码用户用户列表列表系统系统管理管理员员添加添加新闻新闻删除删除新闻新闻删除订单删除订单订单处理订单处理登录及身份识别登录及身份识别删除航班删除航班添加航班添加航班更新航班更新航班添加酒店信息添加酒店信息删除酒店信息删除酒店信息更新酒店信息更新酒店信息线路线路更新更新线路线路添加添加线路线路删除删除3.2网站数据库网站数据库v3.2.1常用的网站数据库常用的网站数据库v3.2.2网站数据库访问技术网站数据库访问技术3.2.1常用的数据库常用的数据库vAccessvSQLServer2000vOraclevDB2vMySQL3.2.2网站数据库访问技术网站数据库访问技术1.ODBC的定义的定义ODBC(OpenDataBaseConnectivity)即开放即开放数据库互联,是一个标准的数据库接口,给应用程序数据库互联,是一个标准的数据库接口,给应用程序数据互联提供了一个标准的数据库存取方式,可以存数据互联提供了一个标准的数据库存取方式,可以存取数据库源,实现不同数据库间的数据转换。
取数据库源,实现不同数据库间的数据转换。
2.OLEDBOLEDBObjectlinkingandembeddingfordatabase,对象链接与嵌入数据库,对象链接与嵌入数据库3.ADOADOActiveXDataObjectObject,数据,数据对象数据库对象数据库ODBC原理图原理图.asp应用程序应用程序ODBC应用程序接口应用程序接口DB2驱动程序驱动程序SQLServer驱动程序驱动程序Oracle驱动程序驱动程序Access驱动程序驱动程序DB2数据库数据库Oracle数据库数据库Access数据库数据库SQLServer数据库数据库Asp应用程序、应用程序、OLEDB、ODBC和数据库间的关系和数据库间的关系ASP应用程序应用程序ADO组件组件ODBC提供程序提供程序OLEDBOLEDB接口其他数据接口其他数据提供程序提供程序ODBC驱动程序驱动程序各种各种数据库数据库OLEDB驱动程序数据库设计数据库设计v数据库:
商品管理、客户管理等数据库数据库:
商品管理、客户管理等数据库v数据库中的数据表:
商品信息表、新闻信息数据库中的数据表:
商品信息表、新闻信息表、留言表、客户基本信息表、订单表等表、留言表、客户基本信息表、订单表等v数据表的结构:
数据表的结构:
字段(字段(Customer)各字段的类型:
数字、文本、日期各字段的类型:
数字、文本、日期/时间、时间、备注、逻辑备注、逻辑各字段的宽度:
字段中存放数据的个数,用各字段的宽度:
字段中存放数据的个数,用字节表示字节表示UserSexPassworddateAddressAccess数据库主要数据类型数据库主要数据类型v文本:
这种类型允许最大文本:
这种类型允许最大255个字符或数字,个字符或数字,Access默默认的大小是认的大小是50个字符个字符v数字:
这种字段类型可以用来存储进行算术计算的数字数据数字:
这种字段类型可以用来存储进行算术计算的数字数据v货币:
这种类型是数字数据类型的特殊类型,输入时不必货币:
这种类型是数字数据类型的特殊类型,输入时不必键入人民币符号和千位处的逗号,精确度左键入人民币符号和千位处的逗号,精确度左15位,右位,右4位位v自动编号:
每向表格添加新记录时,自动编号:
每向表格添加新记录时,Access会自动插入唯会自动插入唯一顺序或者随机编号一顺序或者随机编号v是是/否:
只包含两个不同的可选值而设立的字段否:
只包含两个不同的可选值而设立的字段vOLE对象:
指在其他使用对象:
指在其他使用OLE协议程序创建的对象,例如协议程序创建的对象,例如WORD文档、文档、EXCEL电子表格、图像、声音电子表格、图像、声音v日期日期/时间:
用来存储日期、时间或日期时间,大小是时间:
用来存储日期、时间或日期时间,大小是8Bv备注:
用来保存长度较长的文本及数字,它允许字段能够存备注:
用来保存长度较长的文本及数字,它允许字段能够存储长达储长达64000个字符的内容。
个字符的内容。
创建数据库创建数据库v打开打开Access数据库软件数据库软件v建立建立Access数据库数据库(*.mdb)“新建”新建”|“空数据库”空数据库”保存数据库文件保存数据库文件v选择“表”项目选择“表”项目v表的创建表的创建使用设计器创建使用设计器创建使用向导创建使用向导创建通过输入数据创建通过输入数据创建v在设计器中输入字段名,选择数据类型在设计器中输入字段名,选择数据类型v注意注意:
1)各字段的数据类型及函数的正确应用各字段的数据类型及函数的正确应用2)主关键字的设置:
单击前边的钥匙图标主关键字的设置:
单击前边的钥匙图标3)字段名用英文且与网页中表单元素名相同字段名用英文且与网页中表单元素名相同Access的数据库中表结构的设计的数据库中表结构的设计3.3网站开发技术简介网站开发技术简介vHTML语言开发,用一系列标记,标记文档中的对语言开发,用一系列标记,标记文档中的对象,一般开发制作静态网页象,一般开发制作静态网页以下是动态网页开发制作技术以下是动态网页开发制作技术vASP是一个服务器端的开发技术,用是一个服务器端的开发技术,用VBScript(JavaSCript)开发)开发vPHP是一种跨平台的服务器端的嵌入式脚本语言是一种跨平台的服务器端的嵌入式脚本语言vJSP可以在可以在Serverlet和和JavaBean的支持下完成的支持下完成功能强大的站点程序功能强大的站点程序3.4动态网站编辑动态网站编辑一、开发基础一、开发基础二、运行环境二、运行环境三、测试服务器三、测试服务器四、动态网页创建四、动态网页创建一、开发基础一、开发基础1.静态网页静态网页2.动态网页动态网页3.运行方式运行方式静态网页与动态网页静态网页与动态网页1.静态网页:
是指内容固定不变的纯粹静态网页:
是指内容固定不变的纯粹HTML网网页,通常扩展名是页,通常扩展名是.htm或或.html2.动态网页,就是网页内含有程序代码,并会被服动态网页,就是网页内含有程序代码,并会被服务器端执行的网页,通常在服务器端以扩展名务器端执行的网页,通常在服务器端以扩展名.asp或是或是.aspx储存,表示里面的内容是储存,表示里面的内容是ActiveServerPages(ASP)动态网页,有需要执行)动态网页,有需要执行的程序。
的程序。
是指能向许多用户提供数是指能向许多用户提供数据的大型计算机或软件据的大型计算机或软件服务器的种类:
服务器的种类:
Web服务器、服务器、FTP服务服务器、器、E-mail服务服务器、器、DNS服务器、数据服务器、数据库服务器等库服务器等静态网页运行模式静态网页运行模式用户访问时直接从服务器上存取,网页内容不变发出请求发回网页服务器端客户端动态网页运行模式动态网页运行模式网页中加入一定的代码,用户访问时动态的从服务器中存取,请求不同获得不同内容的网页二、运行环境二、运行环境1.安装安装IIS服务器服务器2.设置设置IISIIS服务器的操作服务器的操作虚拟目录的创建虚拟目录的创建v打开打开Internet信息服务窗口打开信息服务窗口打开v展开“网站”,在“默认网站”上右击,选择“新展开“网站”,在“默认网站”上右击,选择“新建”建”|“虚拟目录”虚拟目录”v打开“新建虚拟目录”向导打开“新建虚拟目录”向导v在向导按照提示操作在向导按照提示操作输入虚拟路径名输入虚拟路径名Htm或或Asp文件所在的实际文件夹文件所在的实际文件夹v单击“下一步”按钮设置权限单击“下一步”按钮设置权限v单击“完成”单击“完成”注意:
虚拟目录实际上是建立一个指向实际目录的指注意:
虚拟目录实际上是建立一个指向实际目录的指针,实际目录中的内容不需要迁移到针,实际目录中的内容不需要迁移到IIS服务器的默服务器的默认目录下。
(该目录并不存在,但可以起到主目录的作认目录下。
(该目录并不存在,但可以起到主目录的作用,因而称为虚拟目录)用,因而称为虚拟目录)三、测试服务器三、测试服务器1.命令法命令法方法方法http:
/locahost/虚拟路径名虚拟路径名/文文件名件名2.本机本机IP地址法地址法方法方法127.0.0.1/虚拟路径名虚拟路径名/文件名文件名四、动态网页的创建四、动态网页的创建动态网页创建步骤动态网页创建步骤v创建动态站点创建动态站点v创建数据库创建数据库v连接数据库连接数据库v创建记录集创建记录集v添加服务器行为添加服务器行为v编辑调试网页编辑调试网页
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电子商务 网站 设计 培训 教程