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

第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常用的数据库 AccessSQLServer2000OracleDB2MySQL 3 2 2网站数据库访问技术 1 ODBC的定义ODBC OpenDataBaseConnectivity 即开放数据库互联 是一个标准的数据库接口 给应用程序数据互联提供了一个标准的数据库存取方式 可以存取数据库源 实现不同数据库间的数据转换 2 OLEDBOLEDB Objectlinkingandembeddingfordatabase 对象链接与嵌入数据库3 ADOADO ActiveXDataObjectObject 数据对象数据库 ODBC原理图 asp应用程序 ODBC应用程序接口 Asp应用程序 OLEDB ODBC和数据库间的关系 ASP应用程序 各种数据库 OLEDB驱动程序 数据库设计 数据库 商品管理 客户管理等数据库数据库中的数据表 商品信息表 新闻信息表 留言表 客户基本信息表 订单表等数据表的结构 字段 Customer 各字段的类型 数字 文本 日期 时间 备注 逻辑各字段的宽度 字段中存放数据的个数 用字节表示 Access数据库主要数据类型 文本 这种类型允许最大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 设置IIS IIS服务器的操作 1 安装IIS将Windowsxp Windows2000 的安装光盘放入驱动器中选择 控制面板 添加 删除程序 添加 删除Windows组件 在对话框中选择 Internet信息服务 IIS 根据提示进行 最后单击 完成 即可2 设置IISIIS服务器默认的根目录c inetpub wwwroot创建虚拟目录 虚拟目录的创建 打开Internet信息服务窗口打开展开 网站 在 默认网站 上右击 选择 新建 虚拟目录 打开 新建虚拟目录 向导在向导按照提示操作输入虚拟路径名Htm或Asp文件所在的实际文件夹单击 下一步 按钮设置权限单击 完成 注意 虚拟目录实际上是建立一个指向实际目录的指针 实际目录中的