电子商务网站设计与建设 教学课件 作者 商玮 项目六 电子商务网站动态网页设计与制作.pptVIP

步骤4：选择Right.asp动态网页文档（对应框架中的右侧部分），切换到“代码视图”中，在head标签里面输入代码。 （2）购物车中提交订单模块 步骤1：当在List.asp中点击Top.asp（框 架头部部分）“购买”按钮时，触发buy_ OnClick函数，程序将对用户是否选购了 书籍进行判断，若购物车中已有商品，则将商品相关值保持下来到下一张页面。当单击“清空购物车”按钮时，触发clear_ OnClick函数，同时清空购物车中所有商 品信息。 步骤2：单击“文件→新建”命令，新建一个名为buy.asp动态网页文档，设置好相关的页面属性。 步骤3：在buy.asp文件下的“拆分”视图中，完成如下内容。 ① 插入一个用于用户填写配送信息的表单，并在表单内插入一个11行2列的表格。 ② 给表单元素命名。 步骤4：配送信息表单验证，切换到“代码”视图中，在head标签中输入代码。 步骤5：订单信息页面将记录插入数据库。 项目六 电子商务网站动态网页设计与制作 网站首页 功能模块的制作 动态网站 站点的创建 用户管理 功能模块 的制作 电子商务网站动态网页设计与制作 滚动公告屏的制作 商品展示功能模块与购物车功能模块的制作 图6-1 电子商务网站动态网页设计与制作项目技能目标图 第一部分 项目学习引导 任务1 Dreamweaver下动态网站 的站点创建 一、创建动态网站 用Dreamweaver创建动态网站操作步骤如下。 ①首先在E盘下新建web\bookstore目录路径，作为项目网站的物理站点，用于存放跟网站建设相关的网页与素材。 ②在Dreamwerver里单击主菜单中“站点→新建站点”命令。 ③在弹出的“未命名站点的站点定义为”对话框中选择“高级”选项。 ④点选“测式服务器”栏，进行设置。 ⑤参数信息设置完成后，单击“确认”按钮后完成配置。 二、创建Web共享 ①在E盘web文件夹下面的bookstore文件夹上单击鼠标右键，选择属性。 ②在弹出的属性面板中单击“Web共享”，在“Web共享里”选择“共享位置”栏中的“共享文件夹”。 ③在弹出的“编辑别名”面板“别名”栏 中，输入默认站点共享文件夹名字，因为 在建站点时已定义了站点名字，所以这里 必须要按默认名字“book”作为Web共享名，访问权限是“读取”和“目录浏览”， 单击“确认”按钮完成配置。 三、建立测试文件 ①选择“bookstore”站点。 ②添加站点网页页面。 ③在文件设计视图版面里输入一些文字“电子商务网站动态网页的设计”字样，保存文件。 任务2 滚动广告屏的制作 一、滚动广告屏插入位置与表格设置 ①在首页index.html，在网页插入一个1行1列的表格。 ②把光标插入点放在表格列里，这里就是插入滚动广告屏的地方。 ③点击“常用”面板的标签，找到在下一 级的“标签选择器”图标。 ④在弹出“标签选择器”对话框中，展开 “标记语言标签→ HTML标签→页元素”选项，选择 marquee标签，点击“插入” 按钮，完成marquee标签插入 。 ⑤切换到代码视图。 二、使用“标签检查器”设置marquee标签的属性 ①转换到代码视图。把光标插入点放在 marquee标签内。 ②选择“窗口→标签检查器”，然后选择“属 性”，单击“未分类”前面的“＋”，可以在 “标签检查器”中设置标签的各种用法。 ③单击“behavior”设置项右边的下拉箭头，选择滚动字幕内容的运动方式。 ④单击“ direction”属性，设置字幕内容的滚动方向。在这里设置为left。 ⑤单击“ scrollamount”属性，设置字幕滚动的速度。 ⑥单击“scrolldelay”属性，设置字幕内容滚动时停顿的时间，单位为ms。 ⑦ 单击“width”属性，设置滚动字幕的宽度，这里为600。height为高度，这里为30。 ⑧ 打开“行为”面板单击“onMouseOver”事件，设置鼠标移动到滚动字幕时的动作，设置为滚动延迟500ms。 ⑨修改完善代码，完成滚动广告屏的制作。 任务3 用户管理功能模块的制作 一、用户注册模块制作 步骤1：建立数据库。 步骤2：建立网站的数据库连接。 步骤3：制作注册页面。 步骤4：注册页面服务器端表单验证。 步骤5：注册页面将记录插入数据库。 二、用户登录模块制作 步骤1：用户身份验证。 步骤2：用户登录页面代码实现。 任务4　 网站首页功能模块的制作 一、网站首页头部的制作 步骤1：选择“文件→新建”命令，新建一个名为index.asp的动态网页，修改相应的页面属性，在“标题”文本框中输入“经贸网上书店”，在Dreamweav