第3章+电子商务网站的设计

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