Adobe Dreamweaver CS3第十三章构建一个在线购物网站Adobe Dreamweaver CS3v13.1 实例分析实例分析v13.2 主要知识点主要知识点v13.3 设计流程设计流程v13.4 创建数据库与设定创建数据库与设定DNSv13.5 设计用户注册和登录页面设计用户注册和登录页面v13.6 设计产品分类和展示页面设计产品分类和展示页面v13.7 设计产品购物车页面设计产品购物车页面v13.8 制作订单显示页面制作订单显示页面13.1 实例分析实例分析13.1.1 背景概述背景概述1网上商店数量增长快网上商店数量增长快2网上商品价格参差不齐网上商品价格参差不齐3货架很大，品种太少货架很大，品种太少4网上商店服务的地域性差异大网上商店服务的地域性差异大5客户服务还算满意客户服务还算满意6网站没有兑现服务承诺网站没有兑现服务承诺7网站对订单的反应速度参差不齐网站对订单的反应速度参差不齐8网站建设有待进一步提高网站建设有待进一步提高Adobe Dreamweaver CS3 13.1 实例分析实例分析13.1.2 实例简介实例简介在线购物网站主要提供了现代购物网站所具有的大部分功能，使人们在不同的地方，仅通过浏览网页即可完成整个购物过程。Adobe Dreamweaver CS3 13.2 主要知识点主要知识点熟练掌握Dreamweaver CS3的运用，还需要灵活掌握Session变量并将其运用到实现对购物车的添加、编辑、删除、清空等功能中。Adobe Dreamweaver CS3 13.3 设计流程设计流程Adobe Dreamweaver CS3 在线购物各页面之间的逻辑关系13.4 创建数据库与设定创建数据库与设定DNSAdobe Dreamweaver CS3 13. .4. .1 创建数据建数据库与数据表与数据表1mbuser表表2cp表表3cpdd表表13.4.2 设置设置DSN和连接数据库和连接数据库在建立好数据表之后，还需要先设置数据库的DNS，再创建数据库连接。在数据库面板中添加相应的DSN，即可实现与数据库连接。13.5 设计用户注册和登录页面设计用户注册和登录页面Adobe Dreamweaver CS3 13.5.1 用户登录页面用户登录页面1用户登录页面用户登录页面2用户登录信息显示页面用户登录信息显示页面3登录失败提示页面登录失败提示页面13.5.2 站点模板整合技术站点模板整合技术站点模板是一种生成网页样版的特殊网页，使用模板可以创建风格相似的网页。再在其他页面中反复调用，从而可以提高工作效率。13.5 设计用户注册和登录页面设计用户注册和登录页面Adobe Dreamweaver CS3 13.5.3 用户注册页面用户注册页面基于模板的页面插入表单并设置表单13.5 设计用户注册和登录页面设计用户注册和登录页面Adobe Dreamweaver CS3 插入表格并设置表格注册表格页面效果13.5 设计用户注册和登录页面设计用户注册和登录页面Adobe Dreamweaver CS3 【检查表单】对话框【插入记录】对话框 【检查用户名】对话框13.6 设计产品分类和展示页面设计产品分类和展示页面Adobe Dreamweaver CS3 13.6.1 制作最新产品导航制作最新产品导航 打开模板页面【记录集】对话框提醒用户把刚创建的记录集的代码插入到中13.6 设计产品分类和展示页面设计产品分类和展示页面Adobe Dreamweaver CS3 将记录集代码放在文档的部分中将记录集中的字段插入到表格中13.6 设计产品分类和展示页面设计产品分类和展示页面Adobe Dreamweaver CS3 【重复区域】对话框创建的重复区域13.6 设计产品分类和展示页面设计产品分类和展示页面Adobe Dreamweaver CS3 13.6.2 制作滚动产品导航制作滚动产品导航有站点模板创建产品【记录集】对话框13.6 设计产品分类和展示页面设计产品分类和展示页面Adobe Dreamweaver CS3 【选择图像文件】对话框 把图像和记录集中的字段绑定13.6 设计产品分类和展示页面设计产品分类和展示页面Adobe Dreamweaver CS3 将将记录集中的字段插入到表格中【重复区域】对话框13.6 设计产品分类和展示页面设计产品分类和展示页面Adobe Dreamweaver CS3 绑定表格宽度【标签选择器】对话框13.6 设计产品分类和展示页面设计产品分类和展示页面Adobe Dreamweaver CS3 把表格代码粘贴到marquee标签 设置marquee标签13.6 设计产品分类和展示页面设计产品分类和展示页面Adobe Dreamweaver CS3 13.6.3 制作产品展示页面制作产品展示页面插入表格以及文本【记录集】对话框13.6 设计产品分类和展示页面设计产品分类和展示页面Adobe Dreamweaver CS3 将记录集中的字段添加到表格【重复区域】对话框13.6 设计产品分类和展示页面设计产品分类和展示页面Adobe Dreamweaver CS3 创建的重复区域【Recordset Navigation Status】对话框13.6 设计产品分类和展示页面设计产品分类和展示页面Adobe Dreamweaver CS3 插入并设置记录集导航条状态 插入的记录集导航条【记录集导航条】对话框13.7 设计产品购物车页面设计产品购物车页面Adobe Dreamweaver CS3 13.7.1 购物车实现的原理购物车实现的原理Session是实现购物车的一种方法，提供了可以保存和跟踪用户的状态信息的功能。13.7.2 添加购物车的实现添加购物车的实现购物车实现流程图13.7 设计产品购物车页面设计产品购物车页面Adobe Dreamweaver CS3 13.7.3 购物车页面的实现购物车页面的实现1购物车页面设计购物车页面设计2购物车各项功能的实现购物车各项功能的实现3查看购物车信息查看购物车信息13.8 制作订单显示页面制作订单显示页面Adobe Dreamweaver CS3 1订单数据表的制作订单数据表的制作2添加到订单程序页面的制作添加到订单程序页面的制作3订单显示页面的制作订单显示页面的制作The EndAdobe Dreamweaver CS3