电子商务网站实验

课程名称		电子商务网站开发与管理
英文名称
适用专业		电子商务
课程编号				总学时/总学分
开设时间		2016-2017学年（2）学期		实验学时/实验学分
课程性质		必修		课程类别
综合性、设计性项目数				个学时
创新研究性实验项目数				个学时
一、课程简介
使用DreamweaverCS5、FireworksCS5和FlashCS5等软件设计网页和组建网站。包括网页设计基础理论、设计网页元素、网页布局与数据显示、快速部署网页、编写网页文档、制作交互网页、构建动态网页、处理网页图像、编辑动画元素。通过实例介绍Flash网站和普通静态网站的设计制作过程。在远程服务器上发布网站。 1、自由选择电子商务网站类型（销售商品房、电脑、手机、图书、……）。 2、自由选择网页结构元素，自主设计制作网页。发布远程网站、网页整体艺术效果（主页布局、动画网页）、网站标志、版头动画、动画制作、导航栏目、JavaScript脚本日期时间、 ASP 动态服务器网页访问网络数据库：用户注册、用户登录、用户管理、管理员登录、商品列表、购物车。
二、教学目的与要求
网站建设是一项涵盖营销学、平面艺术、编程与数据库开发、计算机网络应用等多个领域的综合系统工程，其主要包括网站的前期策划、中期制作和后期维护等三个阶段。在进行网站开发时，需要了解开发的各种流程，才能对工作进度进行有效的管理。在网站的建设工作进行之前，首先要对网站所采用的内容、提供的服务等重要的信息进行策划，为网站中页面设计提供必要的前期数据和参考，提高网站在建设完成后的用户认可程度。内容策划是一个重要的步骤，直接关系到网站的运营成果。在完成内容策划后，就需要针对策划的结果，编写网站的建设方案，然后再根据计划书实施网站的建设工作。这一流程即网站的设计与开发流程，是网站建设中最主要的流程。后期维护工作是在网站建设完成后必须进行的工作。一个网站后期工作进行的顺利与否，直接影响到网站的点击率、赢利以及网站的生存。后期维护工作包括网站的测试、发布、推广以及维护等工作。
三、主要仪器设备
计算机、计算机网络、远程服务器。
四、实验教学方式及要求
1、申请域名和虚拟空间发布Web站点，填写用户名和口令。 2、在远程服务器进行域名管理、主机管理 3、开通个人网站空间后，下载软件CutFTP32、rar。打开CutFTP32软件，上传本地磁盘站点上的文件到远程个人空间。 4、在IE浏览器地址栏输入网址能正常浏览个人主页。 5、自由选择网页结构元素，自主设计制作网页。发布远程网站、网页整体艺术效果（主页布局、动画网页）、网站标志、版头动画、动画制作、导航栏目、JavaScript脚本日期时间、 ASP 动态服务器网页访问网络数据库：用户注册、用户登录、用户管理、管理员登录、商品列表、购物车。
五、考核方式及评分
1、考核方式：实践型考试方式； 2、成绩评定方式：学期考试成绩占70％，平时考查成绩占30％；
六、教材或参考书与学习资源
1、高等院校教材：《网页制作与网站建设（CS5中文版）标准教程》清华大学出版社孙膺等编著 2、网络数据库开发实战（ASP与电子商务）中国铁道出版社刘洪海等编著 3、w3school网站建设教程 http://www.w3school.com.cn/
七、实验项目设置
项目序号	实验项目名称	内容提要				实验学时	仪器套数	实验属性	开设要求
1	配置本地服务器。	在用户本地的计算机上配置一个服务器发布系统，和建立虚拟目录。配置Internet信息服务（IIS）管理器。在本地磁盘的E盘中创建站点目录。本地服务器IIS或远程服务器IIS都可以发布Web站点。.浏览Web站点。				8
2	在远程服务器上发布网站。	1、申请域名和虚拟空间发布Web站点，填写用户名和口令。 2、在远程服务器进行域名管理、主机管理 3、开通个人网站空间后，下载软件CutFTP32、rar。打开CutFTP32软件，上传本地磁盘站点上的文件到远程个人空间。 4、在IE浏览器地址栏输入网址能正常浏览个人主页。				8
3	建立Spry菜单栏。	1、建立Spry菜单栏，包含一级、二级导航的菜单。 2、当访问者将鼠标移动到一级菜单中能正常显示二级子菜单并链接网页。				4
4	在网页中显示当前中文时间信息。	在一个网站的后台页中插入显示当前中文时间信息的脚本方法有二。 1、在<body>......</body>之间直接嵌入显示当前中文时间信息的JavaScript脚本。 2、在Dreamweaver中创建JavaScript文件top.js。在网页<head>......</head>之间包含脚本文件scripts/top.js。				4
5	创建Access数据库、数据表。	1、使用数据库版本Access2010实现网页的动态开发，创建商务网站适用的Access数据库管理系统。 2、创建数据表创建网络数据库--数据表--计数表字段--输入记录。设计计数表字段名，如计数字段。数据类型：数字，字段大小：整型，格式：常规数字，小数位：0。 3、新建用户资料表--字段名，如用户名称、登录密码、电子邮箱--输入新记录。				8
6	联接动态数据。	联接动态数据可以将数据库作为驱动添加到操作系统中，，并对其进行读写、索引和遍历等操作。通过Windows操作系统、Dreamweaver生成ASP代码 1、通过Dreamweaver 打开ASP动态服务器网页，可视化操作生成访问网络数据库的ASP语句。 ASP动态服务器网页访问网络数据库 1.Windows操作系统ODBC创建数据源名（DSN）， 2.ASP网页添加数据源名（DSN）， 3.ASP网页包含数据源名（DSN）的连接， 4.绑定记录集Recordset， 5.打开表格，如图书记录表 6.显示“图书记录表”动态数据（某记录某字段）， 2、直接编写ASP代码 ASP动态服务器网页访问网络数据库 1.创建连接对象Connection 2.指定数据库的路径、文件名 3.绑定记录集Recordset 4.打开图书记录表 5.显示“图书记录表”动态数据（某记录某字段）。				8
7	制作用户注册网页。	制作用户注册网页。使用表单实现用户交互，使用Spry表单验证技术，为注册的表单添加验证功能，实现网页快速交互。调用JavaScript脚本文件的方法 1、直接编写JavaScript文件创建JavaScript文件validateReg.js 创建ASP网页Register.asp，在<head>......</head>之间包含脚本文件validateReg.js。点击提交按钮时，反馈表单验证结果。表单验证通过时，激活储存注册数据网页面。 2、通过Dreamweaver可视化操作生成JavaScript文件在Register.html网页中，在<head>......</head>之间包含脚本文件*.js。				8
8	创建网站后台管理系统，提供查看、删除用户资料功能。	连接用户资料数据库，打开、查看用户资料。 1.创建连接对象Connection。 2.打开“用户资料库”连接。 3.创建记录集对象Recordset。 4.打开用户资料表。 5.循环输出记录。 6.移到下一记录。 7.关闭Recordset对象，关闭连接，并释放Recordset对象。				4
9	制作用户登录页	创建用户名和密码的数据库，绑定记录集，通过【登录用户】服务器行为实现用户名的判断。验证用户账号和登录密码 1.使用客户机表单提交的数据（如，用户账号UserID）对服务器内存变量strUserID赋值。定义服务器内存变量：用户账号、登录密码 2.验证登录用户输入完整的数据、用户存在、密码正确后，反馈欢迎词。				4
10	设计网站标志、广告动画	1、绘制网站标志。新建文档设置图像文档属性，画布大小、画布颜色。绘制大圆、小圆，用钢笔绘制封闭线，填充图形，输入文本。设置滤镜、阴影或光晕、投影。绘制直线、设置喷枪、纹理、木纹、透明度。 2、通过批处理图片获得相同格式的图片 3、以动画打开多个文件生成动画，优化面板选择GIF动画，文件导出GIF动画。				8
11	制作Flash动画	制作地球带月亮自转公转动画。元件库中图形元件、影片剪辑和场景中图层的分析：地球平面图元件、地球动画元件、月亮图形元件、地球带月亮动画元件、轨迹线层：显示月亮运行的轨道，弥补引导线的不显示。				8
八、综设、创新性实验项目介绍
项目编号	项目名称	实验属性	开设目的及要求		涉及的内容或知识点



综设、创新性实验采用的教学方法和手段：综设、创新性实验评价方式：
九、学院审批意见课程负责人签字：年月日课程负责人联系邮箱：教学团队成员签字：年月日主管教学院长签字：年月日