电子商务网站的设计培训教程课件

第3章电子商务网站的设计学习要点设计的目标、原则、特点及过程Web数据库访问技术HTML语言ASP动态网页技术网页的制作第3章电子商务网站的设计学习要点1本章内容3.1网站设计概述3.2网站数据库3.3网站开发技术3.4动态网页编辑本章内容3.1网站设计概述23.1网站设计概述域名——网络商标，是企业无形资产的组成部分网站是企业在互联网上的门户设计是制作的基础设计是网站的核心和灵魂制作是设计结果的表现形式3.1.1网站设计的目标3.1.2网站设计的原则3.1.3网站设计的特点3.1.4网站设计的过程3.1网站设计概述域名——网络商标，是企业无形资产的组成部33.1.1网站设计的目标形象定位准确系统功能完善操作人性化安全性强运行效率高管理更新方式灵活3.1.1网站设计的目标形象定位准确4网站的安全性网站安全性的保障手段硬件——选用可靠性高的设备软件——程序中设置各种检验措施运行环境——有软硬件的安全保障措施、操作的规章制度认证体系支付方式安全保护物流配送因特网的基础设施：带宽与运行速度网站的安全性网站安全性的保障手段53.1.2网站设计的原则明确建站的目的和目标群体总体设计方案主题鲜明网站的版式设计要表达出和谐与美合理运用色彩网页形式与内容相统一运用对比与调和、对称与平衡、节奏与韵律及留白等手段充分运用空间、文字、图形间的关系利用多媒体功能注意网站的层次性和一致性内容经常更新：五个适当（适当的时间、位置、方式、人、内容）努力提高网站的性能：提高速度（<10s）、稳定性、安全性、抗攻击能力、恢复能力等合理运用新技术：适度、适当页面整体风格一致界面元素的命名一致功能一致元素风格一致3.1.2网站设计的原则明确建站的目的和目标群体63.1.3网站设计的特点结构清晰便于使用导向清晰短暂的下载时间有价值的内容方便的反馈及订购程序3.1.3网站设计的特点结构清晰便于使用73.1.4网站设计的过程概括为两个方面：纯网站本身设计（文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等）、网站的延伸设计（主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销）确定网站设计总体思想，如何实现网站的目标确定网站的风格和特点，网页的外观及使用方面的特点确定网站提供的内容，对网站的内容进行分类编写网站设计的计划书，明确人员分配、协调及进度制作网页测试网页：在不同的浏览器上测试试用网站，反馈效果，修改网站：让部分顾客和员工试用推出网站网站设计的总体思想：功能全面、结构清晰、布局合理、操作方便、内容丰富、富有特色3.1.4网站设计的过程概括为两个方面：纯网站本身设计（文8网站的风格平易近人简洁清爽温文儒雅生动活泼专业严肃肃穆庄严欧美风格温馨可人8网站的风格平易近人89网页的外观1.结构正常平衡亦称“匀称”。多指左右、上下对照形式，能达到安定、诚实、信赖的效果。异常平衡即非对照形式，但也要平衡和韵律，此种布局能达到强调性、不安性、高注目性的效果。2.风格3.信息排布对比所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。凝视所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。空白空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。分隔页面中各部分间要用线条、Flash动画、图片等分开4.视觉顺序:通常从左向右，从上向下5.方便的导航：上下呼应8网页的外观810网页外观结构首页结构1网页外观结构首页结构111简单的网站主要内容公司主页公司简介公司组织公司产品售后服务信息服务软件开发企业反馈30简单的网站主要内容公司主页公司简介公司组织公司产品售后服务信12旅游网站的结构设计——前台设计机票旅游产品社区会员中心客户服务国外机票国内机票打折机票个人度假旅游商务旅游评论社区说明作品发表俱乐部会员登录会员注册订单管理积分奖励常见问题新手上路线路查询线路推荐线路预订首页酒店酒店预订海外酒店国内酒店旅游网站的结构设计——前台设计机票旅游产品社区会员中心客户服13网站的结构设计——后台设计用户管理新闻管理酒店、机票管理订单管理线路管理修改密码用户列表系统管理员添加新闻删除新闻删除订单订单处理登录及身份识别删除航班添加航班更新航班添加酒店信息删除酒店信息更新酒店信息线路更新线路添加线路删除网站的结构设计——后台设计用户管理新闻管理酒店、机票管理订单143.2网站数据库3.2.1常用的网站数据库3.2.2网站数据库访问技术3.2网站数据库3.2.1常用的网站数据库153.2.1常用的数据库AccessSQLServer2000OracleDB2MySQL3.2.1常用的数据库Access163.2.2网站数据库访问技术1.ODBC的定义ODBC(OpenDataBaseConnectivity)即开放数据库互联，是一个标准的数据库接口，给应用程序数据互联提供了一个标准的数据库存取方式，可以存取数据库源，实现不同数据库间的数据转换。2.OLEDBOLEDB——Objectlinkingandembeddingfordatabase，对象链接与嵌入数据库3.ADOADO——ActiveXDataObjectObject，数据对象数据库3.2.2网站数据库访问技术1.ODBC的定义17ODBC原理图.asp应用程序ODBC应用程序接口DB2驱动程序SQLServer驱动程序Oracle驱动程序Access驱动程序DB2数据库Oracle数据库Access数据库 SQLServer数据库ODBC原理图.asp应用程序ODBC应用程序接口DB2SQ18Asp应用程序、

OLEDB、ODBC和数据库间的关系ASP应用程序ADO组件

ODBC提供程序OLEDBOLEDB接口其他数据提供程序

ODBC驱动程序各种数据库OLEDB驱动程序Asp应用程序、

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

OLEDB、ODBC和数据库间的关系ASP应用程序ADO组件

ODBC提供程序OLEDBOLEDB接口其他数据提供程序

ODBC驱动程序各种数据库OLEDB驱动程序Asp应用程序、

OLEDB、ODBC和数据库间的关系A53数据库设计数据库：商品管理、客户管理等数据库数据库中的数据表：商品信息表、新闻信息表、留言表、客户基本信息表、订单表等数据表的结构：字段（Customer）各字段的类型：数字、文本、日期/时间、备注、逻辑各字段的宽度：字段中存放数据的个数，用字节表示UserSexPassworddateAddress数据库设计数据库：商品管理、客户管理等数据库UserSexP54Access数据库主要数据类型文本：这种类型允许最大255个字符或数字，Access默认的大小是50个字符数字：这种字段类型可以用来存储进行算术计算的数字数据货币：这种类型是数字数据类型的特殊类型，输入时不必键入人民币符号和千位处的逗号，精确度左15位，右4位自动编号：每向表格添加新记录时，Access会自动插入唯一顺序或者随机编号是/否：只包含两个不同的可选值而设立的字段OLE对象：指在其他使用OLE协议程序创建的对象，例如WORD文档、EXCEL电子表格、图像、声音日期/时间：用来存储日期、时间或日期时间，大小是8B备注：用来保存长度较长的文本及数字，它允许字段能够存储长达64000个字符的内容。Access数据库主要数据类型文本：这种类型允许最大255个55创建数据库打开Access数据库软件建立Access数据库(*.mdb)“新建”|“空数据库”保存数据库文件选择“表”项目表的创建使用设计器创建使用向导创建通过输入数据创建在设计器中输入字段名，选择数据类型注意:1)各字段的数据类型及函数的正确应用2)主关键字的设置：单击前边的钥匙图标3)字段名用英文且与网页中表单元素名相同创建数据库打开Access数据库软件56Access的数据库中表结构的设计Access的数据库中表结构的设计573.3网站开发技术简介HTML语言开发，用一系列标记，标记文档中的对象，一般开发制作静态网页以下是动态网页开发制作技术ASP是一个服务器端的开发技术，用VBScript（JavaSCript）开发PHP是一种跨平台的服务器端的嵌入式脚本语言JSP可以在Serverlet和JavaBean的支持下完成功能强大的站点程序3.3网站开发技术简介HTML语言开发，用一系列标记，标记583.4动态网站编辑一、开发基础二、运行环境三、测试服务器四、动态网页创建3.