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

1、第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 网站设计的原则,明确建站的目的和目标群体 总体设计方案主题鲜明 网站的版式设计要表达出和谐与美 合理运用色彩 网页形式与内容相统一 运用对比与调和、对称与平衡、节奏与韵

2、律及留白等手段 充分运用空间、文字、图形间的关系 利用多媒体功能 注意网站的层次性和一致性 内容经常更新：五个适当（适当的时间、位置、方式、人、内容） 努力提高网站的性能：提高速度（10s）、稳定性、安全性、抗攻击能力、恢复能力等 合理运用新技术：适度、适当,页面整体风格一致 界面元素的命名一致 功能一致 元素风格一致,3.1.3 网站设计的特点,结构清晰便于使用 导向清晰 短暂的下载时间 有价值的内容 方便的反馈及订购程序,3.1.4 网站设计的过程,概括为两个方面：纯网站本身设计（文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等 ）、网站的延伸设计（主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销 ） 确定网站设计总体思想，如何实现网站的目标 确定网站的风格和特点，网页的外观及使用方面的特点 确定网站提供的内容，对网站的内容进行分类 编写网站设计的计划书，明确人员分配、协调及进度 制作网页 测试网页：在不同的浏览器上测试 试用网站 ，反馈效果，修改网站：让部分顾客和员工试用 推出网站,网站设计的总体思想： 功能全面、结构清晰、布局合理、操作方便

3、、内容丰富、富有特色,网站的风格,平易近人 简洁清爽 温文儒雅 生动活泼 专业严肃 肃穆庄严 欧美风格 温馨可人,8,网页的外观,1. 结构 正常平衡-亦称“匀称”。多指左右、上下对照形式，能达到安定、诚实、信赖的效果。 异常平衡-即非对照形式，但也要平衡和韵律，此种布局能达到强调性、不安性、高注目性的效果。 2.风格 3.信息排布 对比-所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。 凝视-所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。 空白-空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。 分隔-页面中各部分间要用线条、Flash动画、图片等分开 4.视觉顺序:通常从左向右，从上向下 5.方便的导航：上下呼应,8,网页外观结构,首页结构1,简单的网站主要内容,公司主页,公司简介,公司组织,公司产品,售后服务,信息服务,软件开发,企业反馈,30,旅游网站的结构设计前台设计,机票,旅游产品,社区,会员中心,客户服务,首页,酒店

4、,网站的结构设计后台设计,用户管理,新闻管理,酒店、机票管理,订单管理,线路管理,登录及身份识别,3.2 网站数据库,3.2.1 常用的网站数据库 3.2.2 网站数据库访问技术,3.2.1 常用的数据库,Access SQL Server 2000 Oracle DB2 MySQL,3.2.2 网站数据库访问技术,1.ODBC的定义 ODBC(Open Data Base Connectivity)即开放数据库互联，是一个标准的数据库接口，给应用程序数据互联提供了一个标准的数据库存取方式，可以存取数据库源，实现不同数据库间的数据转换。 2.OLE DB OLE DBObject linking and embedding for database，对象链接与嵌入数据库 3.ADO ADOActiveX Data Object Object，数据对象数据库,ODBC原理图,.asp应用程序,ODBC应用程序接口,Asp应用程序、 OLE DB、 ODBC和数据库间的关系,ASP 应用程序,各种 数据库,OLE DB驱动程序,数据库设计,数据库：商品管理、客户管理等数据库 数据库中的数据

5、表：商品信息表、新闻信息表、留言表、客户基本信息表、订单表等 数据表的结构： 字段（Customer） 各字段的类型：数字 、文本、日期/时间、备注、逻辑 各字段的宽度：字段中存放数据的个数，用字节表示,Access数据库主要数据类型,文本：这种类型允许最大255个字符或数字，Access默认的大小是50个字符 数字：这种字段类型可以用来存储进行算术计算的数字数据 货币：这种类型是数字数据类型的特殊类型 ，输入时不必键入人民币符号和千位处的逗号，精确度左15位，右4位 自动编号：每向表格添加新记录时，Access会自动插入唯一顺序或者随机编号 是/否：只包含两个不同的可选值而设立的字段 OLE对象：指在其他使用OLE协议程序创建的对象，例如WORD文档、EXCEL电子表格、图像、声音 日期/时间：用来存储日期、时间或日期时间，大小是8B 备注：用来保存长度较长的文本及数字，它允许字段能够存储长达64000个字符的内容。,创建数据库,打开Access数据库软件 建立Access数据库(*.mdb) “新建”|“空数据库” 保存数据库文件 选择“表”项目 表的创建 使用设计器创建 使用向导

6、创建 通过输入数据创建 在设计器中输入字段名，选择数据类型 注意:1)各字段的数据类型及函数的正确应用 2)主关键字的设置：单击前边的钥匙图标 3)字段名用英文且与网页中表单元素名相同,Access的数据库中表结构的设计,3.3 网站开发技术简介,HTML语言开发，用一系列标记，标记文档中的对象，一般开发制作静态网页 以下是动态网页开发制作技术 ASP是一个服务器端的开发技术，用VBScript（JavaSCript）开发 PHP是一种跨平台的服务器端的嵌入式脚本语言 JSP可以在Serverlet和JavaBean的支持下完成功能强大的站点程序,3.4 动态网站编辑,一、开发基础 二、运行环境 三、测试服务器 四、动态网页创建,一 、开发基础,1.静态网页 2.动态网页 3.运行方式,静态网页与动态网页,1.静态网页：是指内容固定不变的纯粹HTML网页，通常扩展名是.htm或.html 2. 动态网页，就是网页内含有程序代码，并会被服务器端执行的网页，通常在服务器端以扩展名.asp 或是.aspx 储存，表示里面的内容是Active Server Pages（ASP）动态网页，有需要

7、执行的程序。,是指能向许多用户提供数据的大型计算机或软件 服务器的种类： Web服务器、FTP服务器、E-mail服务器、DNS服务器、数据库服务器等,静态网页运行模式,用户访问时直接从服务器上存取，网页内容不变,动态网页运行模式,网页中加入一定的代码，用户访问时动态的从服务器中存取，请求不同获得不同内容的网页,二、运行环境,1.安装IIS服务器 2.设置IIS,IIS服务器的操作,1.安装IIS 将Windows xp(Windows 2000)的安装光盘放入驱动器中 选择“控制面板”|“添加/删除程序”|“添加/删除Windows组件”,在对话框中选择“Internet信息服务(IIS),根据提示进行，最后单击“完成”即可 2、设置IIS IIS服务器默认的根目录c:inetpubwwwroot 创建虚拟目录,虚拟目录的创建,打开Internet 信息服务窗口打开 展开“网站”，在“默认网站”上右击，选择“新建”|“虚拟目录” 打开“新建虚拟目录”向导 在向导按照提示操作 输入虚拟路径名 Htm或Asp文件所在的实际文件夹 单击“下一步”按钮设置权限 单击“完成” 注意：虚拟目录实际上是建立一个指向实际目录的指针，实际目录中的内容不需要迁移到IIS服务器的默认目录下。（该目录并不存在，但可以起到主目录的作用，因而称为虚拟目录）,三、测试服务器,1.命令法 方法http:/locahost /虚拟路径名/文件名 2.本机IP地址法 方法127.0.0.1/虚拟路径名/文件名,四、动态网页的创建,动态网页创建步骤 创建动态站点 创建数据库 连接数据库 创建记录集 添加服务器行为 编辑调试网页,

《电子商务网站的设计培训教程》由会员luobi****88888分享，可在线阅读，更多相关《电子商务网站的设计培训教程》请在金锄头文库上搜索。