以dzsw0001~dzsw0035为用户名123123为初始密码 .doc

目录 课程设计第一部分：电子商务网站开发平台 1 实验一：静态网页设计制作 1 博星卓越电子商务网站开发平台初步认识 1 实验步骤 4 思考题： 6 实验二 登陆注册模块 6 实验前的准备 6 实验内容 6 实验步骤 8 思考题： 8 实验三 信息公告设计 9 实验前的准备 9 实验内容 9 实验步骤 11 思考题： 11 实验四 友情链接设计 11 实验前的准备 11 实验内容 12 实验步骤 14 思考题： 14 实验五 新闻、信息咨询及网站调查模块设计 14 新闻模块实验前的准备 14 新闻模块实验内容 15 新闻模块实验步骤： 17 咨询模块实验前的准备 17 咨询模块实验内容 18 信息咨询模块实验步骤： 19 调查模块实验前的准备 20 调查模块实验内容 20 网站调查模块实验步骤： 21 思考题： 22 实验六 商品展示、购物车及订单设计 22 商品展示模块实验前的准备 22 商品展示模块实验内容 23 商品购物车、订单查询模块实验前的准备 25 商品购物车、订单查询模块实验内容 25 实验步骤 27 思考题： 28 实验七 导航条设计 28 实验前准备 28 实验内容 28 实验步骤 30 思考题： 30 课程设计第二部分：网页制作 31 PHOTOSHOP基本操作 31 Flash基本操作 36 Dreamweaver综合应用 38 课程设计第三部分：CSS的应用 39 课程设计第一部分：电子商务网站开发平台 网址：40:8888/ecs/ 实验一：静态网页设计制作 博星卓越电子商务网站开发平台初步认识 登录 学生进入登录页面，用教师分配的帐号登录进入操作页面。选择登陆身份为学生并输入学生登陆用户名及密码后单击【】【】【】 实验步骤 管理学院学生以dzswXX0001~JdzXX0055、京江学院学生以JdzswXX0001~JdzXX0055（XX为年级，如08、09、10等），为用户名，123123为初始密码，学生身份登录。 修改基本信息。重新登录。 新建一个站点。 进入前台编辑器，在前台编辑器中，用表格实现如下页面(直接复制后进行适当修改)，预览效果。 Logo Banner 欢迎字幕 导航条 用户登录 信息公告 友情链接 版权 保存为index.jsp文件。进入“程序版本控制”，同步工作区内容至测试区。测试程序前台。 细化“版权” 部分，设置字体及大小、颜色，居中。同步工作区内容至测试区。测试程序前台。 “版权”添加超级链接至江苏大学网站。 第二行改为插入动态字幕“欢迎访问本站！”。 制作Logo和banner，保存为Logo.jpg和banner.jpg。在页面中相应位置插入这两个图片（先上传至服务器，再插入服务器端图片）。同步工作区内容至测试区。进入“资源版本控制”，同步图片。测试程序前台。 将index.jsp另存为网页aboutus.htm，删除部分内容，添加内容为本网店基本介绍，预览、同步并测试。在index.jsp中给Logo图片和版权文本添加超链接至aboutus.htm，预览、同步并测试。 思考题： （1）为什么要做“程序版本控制”及“资源版本控制”？ 实验二 登陆注册模块 实验前的准备 （1）知识点学习 登陆框是用户用于会员注册和登陆的。吸引更多会员是电子商务网站运营的主要目标之一，网站的访问量和点击率很大程度上是和会员数量相关的，故登陆框应放在较显眼的位置，并且应具备操作便捷、简单明了的特点，可根据网站界面整体风格变换其具体形式。所以根据用户网页浏览注意力“F现象”(用户对网页的浏览视线呈 “F” 型，他们更倾向于在网页顶部阅读长句，随着网页越往下，他们越不会阅读长句，这就使得每个句子的开头两个词汇尤其重要，所以在网页设计应该强调重要的信息放在网页左上方)会员登陆框一般放在整个网页的右上方和中上方较显眼的位置。 （2）实现原理：用户填写用户名及密码，提交到后台在数据库中进行比较，如果信息正确，保存用户信息，用户成功登陆；否则登陆失败，返回错误提示信息。 实验内容 （1）进入编辑器页面 学生通过点击“定制站点”新建一个站点，在站点设计中点击前台编辑器进入编辑器页面，在编辑器中的工具栏中找到“电子商务组件”按钮，通过按钮学生可以添加相应的web模块组件。 （2） 添加组件 在组件列表中选择“登陆样式一”或者“登陆样式二”来添加登陆功能模块，模块添加完成后就可以在编辑器的编辑模式下看到添加组件的页面效果了。 （3） 程序版本控制 学生添加完成登陆页面保存后，在导航中通过“程序版本控制”按钮来把新添加的页面从测试区同步到工作区去。在完成页面的同步后就可以进行前台页面测试了。 （4） 生成程序后台 在对登陆前台页面添加完成后，就可以利用系统提供的“生成程序后台”按钮自动生成