《电子商务网站建设设计与维护》实验指导书.doc

电子商务网站建设与维护实验指导书编写人： 系 别： 郑州目 录实训1 HTML标注语言入门及基本操作1实训2 HTML语言超链接3实训3 HTML的表格和表单6实训4 多媒体操作12实训5 CSS样式14实训6 ASP的运行环境及相关配置15实训7 JavaScript综合实训17实训8 Request和Response对象应用实训20实训9 Server对象应用实训24实训10 Session和Application对象应用实训26实训11 Access 2000数据库、表的创建与管理29实训12 ASP开发基于Access数据库的留言本31实训13 图书管理系统实训35电子商务网站建设与维护实验指导书实训1 HTML标注语言入门及基本操作【实训前的准备】1检查是否连接了Internet。2检查操作系统是否Windows 98/2000或Windows XP。3在除C：盘上（可以在D：盘、E盘、或其他逻辑盘）创建一个新文件夹，名字为student。4检查系统是否有：Word 2000、Dreamweaver、FrontPage、记事本等软件。【实训目的要求】1了解HTML标注语言的运行环境。2熟悉HTML标注语言的编辑工具。3掌握HTML的基本结构。4学会HTML基本标签的使用方法。【实训内容及操作步骤】【操作一】1打开记事本软件。2输入以下内容：HTML入门实训这是最为基础的实训,此正文是无格式显示的正文，可以从运行结果看出来。3将文件保存在D:student111.txt。（编辑修改用）4将文件保存在D:student111.html。（运行用）【操作二】1打开记事本软件。2输入以下内容：标题格式示例一级标题H1，最大(网站建设)二级标题H2，粗体(网站建设)三级标题H3，左对齐(网站建设)四级标题H4，居中对齐(网站建设)五级标题H5，右对齐(网站建设)六级标题H6，最小(网站建设) 3将文件保存在D:student112.txt。4将文件保存在D:student112.html。【思考题】1实训中为什么要使用记事本来作为HTML语言编辑的工具？2使用Word软件能否创建.html文件类型？如何操作？【实训报告】实训报告的格式如下：1实训过程 目的要求：实训内容：实训步骤：输入：输出：2实训结果（1）程序运行结果数据： 结果数据登记表 题目程序运行结果运行情况 （2）实训出错结果分析： 设计出错情况登记表 题目编译出错处改正 3总结 通过实训，总结自己掌握程度，分析出错原因，提出改进措施。39实训2 HTML语言超链接【实训目的要求】1掌握超链接概念；2掌握定位点的概念；3掌握超链接指针的概念；4学会超链接的使用方法；5学会创建书签的使用方法。 【实训内容及操作步骤】【操作一】1打开记事本软件。2输入以下内容：超链接实训检查以前的实训结果 a href=d:student111.htmlHTML入门实训 标题格式实训 无序清单实训 改变无序清单条目标记实训3将文件保存在D:student131.txt。4将文件保存在D:student131.html。【操作二】1打开记事本软件。2输入以下内容：超链接网站实训进入门户网站主页 a href=网易网站主页 搜狐网站主页 新浪网站主页 Google搜索引擎网站3将文件保存在D:student132.txt。4将文件保存在D:student132.html。【操作三】1打开记事本软件。2输入以下内容：定位点(书签)实训定位点(书签)操作 a href=d:student134.html#web1第一章 第二章 第三章 第四章3将文件保存在D:student133.txt。4将文件保存在D:student133.html。5等“操作四”输入完成后再运行。【操作四】1打开记事本软件。2输入以下内容：定位点(文件)实训定位点(文件)操作 a name=#web1第一章 HTML基础知识 HTML语言的特点 HTML语言的功能 HTML语言的结构 第二章 文字控制 标题格式 文字颜色 文字对齐 第三章 超链接 什么是超链接 什么是定位点 如何实现链接 第四章 表格与图形 表格形式 表格插入 图形链接返回3将文件保存在D:student134.txt。4将文件保存在D:student134.html。6用鼠标器点击该页面上的任何书签项目，就可定位到该项目中去。要注意的是，由于内容比较少，在运行该文件时将窗口缩小到图1.11所示的位置。【思考题】1什么是超链接？2什么是定位点？3什么是超链接指针？4什么是资源定位器？【实训报告】实训报告的格式同上 实训3 HTML的表格和表单【实训目的要求】1掌握HTML表格的概念；2掌握HTML表单的概念；3熟练掌握HTML表格的制作方法的技巧；4学会HTML表单的制作方法。 【实训内容及操作步骤】【操作一】1打开记事本软件。2输入以下内容：简单表格制作方法学生基本情况表 姓名性别年龄籍贯总分专业特长王小林男25宁波567电子商务软件开发朱风烽男23上海542现代物流网络游戏孙伟萍女22南京587计算机ASP语言张生笑女24苏州512电子商务数据库开发周卫文男25上海541现代物流网络游戏3将文件保存在D:student141.txt。4将文件保存在D:student141.html。5运行141.html文件后查看结果。【操作二】1打开记事本软件。2输入以下内容：复杂表格制作方法教学业绩定量表 大项系项完成课时自评分自评分考评分 教 学 业 绩 50 分 教 学 工 作 量 （40分）满教学工作量180课时得40分，每超50课时加1分。（双肩挑人员工作量减半） 第一学期课程名称授课班级完成课时48分45分VB程序设计 电子商务概论 VFP数据库管理 计算机200401 电子商务200506 现代物流200304 80课时 48课时 76课时 第二学期电子商务网站建设 网络营销与策划 商业信息技术电子商务200302 电子商务200201 电子商务20020480课时 76课时 48课时论文指导24人 教学效果10分 考核优秀为10分，良好为8分，一般为5分，较差不计分，（本项按已通过的教学评估的结果打分，尚未进行教学评估的，由系、教研室组织考核，进行打分。学院评估结果有效期为二年）3将文件保存在D:student142.txt。4将文件保存在D:student142.html。5运行142.html文件后查看结果。【操作三】1打开记事本软件。2输入以下内容：简单表单制作方法学生学习情况调查表 姓名： 学号： 男： 女 所在城市 上海 南京 宁波 北京 西安 您喜欢的课程： 电子商务 VB程序设计 C程序设计 西方经济学 网络营销 网站建设 ASP程序设计 电子商务与物流 3将文件保存在D:student143.txt。4将文件保存在D:student143.html。5运行143.html文件后查看运行结果。【操作四】1打开记事本软件。2输入以下内容：复杂表单制作方法商品信息反馈表 客户名称： 账号： 密码： 单位性质： 国营集体 个体 合资 独资 所在城市 上海 南京 宁波 北京 西安 您喜欢的商品： 笔记本电脑 数码照相机 数字电视机彩信手机 滚筒洗衣机 数字电冰箱 欧式燃气灶中央空调 建议和意见：您有什么好的建议和意思请写在这里： 3将文件保存在D:student144.txt。4将文件保存在D:student144.html。5运行144.html文件后查看运行结果。【小结】通过以上的实训可以使学生掌握表格和表单的概念，学会表格的制作方法和技巧，掌握表单的一般制作方法。表格各单元格中的颜色可以根据以下的几个命令得到：表格的背景色彩 行的背景色彩表元的背景色彩或 #=rrggbb 16进制 RGB数码, 或者是下列预定义色彩名称：Black（黑色） Olive(橄榄色)Teal(深青色) Red（红色）Blue（蓝色） Maroon(茶色)Navy(深蓝色) Gray(灰色)Lime（浅绿色） Fuchsia(紫红色)White(白色) Green(绿色)Purple(紫色) Silver(银色)Yellow（黄色） Aqua (水绿色) 【思考题】1表格标题的位置由什么属性决定，请说出其格式。2表格的边框尺寸由什么属性决定，请说出其格式。3说出表格单元格内的文字对齐方式，请说出其格式。4如何实现跨多行、多列的表元，请说出其格式。【实训报告】实训报告的格式同上实训4 多媒体操作【实训目的要求】1熟悉多媒体运行环境。2熟悉音乐文件类型和视频文件类型。3掌握音乐播放的方法和技巧。4学会视频播放的方法和技巧。【实训前的准备】1下载若干个音乐文件。2下载若干个视频文件。【实训内容及操作步骤】【操作一】1打开记事本软件。2输入以下内容：播放音乐Mid音乐播放作为背景音乐来播放。3将文件保存在D:student161.txt。4将文件保存在D:student161.html。5运行161.html文件后，即可听到mid音乐，并可作为背景音乐来播放了。【操作二】1打开记事本软件。2输入以下内容：播放音乐Mid音乐播放出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。3将文件保存在D:student162.txt。4将文件保存在D:student162.html。5运行162.html文件后，即可听到mid音乐，并可调节音量。【操作三】1打开记事本软件。2输入以下内容：播放视频播放电影3将文件保存在D:student163.txt。4将文件保存在D:student163.html。5运行163.html文件后即可得到结果。【小结】通过以上的实训可以使学生掌握音乐和视频的概念，学会视频播放的方法,掌握音乐播放和用音乐作为背景的方法和技巧。在作音乐或视频播放时，必须在本目录或其他指定的目录上存在音乐文件或视频文件，音乐文件可以是：MAV、MIDI、MP3等。视频文件可以是：AVI、MOV、RMVB等。 【思考题】1请说出常用的音乐文件类型有哪几种？2请说出常用的视频文件类型有哪几种？3请说出你使用什么软件来听音乐文件的？4请说出你使用什么软件来看视频文件的？【实训报告】实训报告的格式同上：实训5 CSS样式【实训前的准备】1检查是否连接了Internet。2检查操作系统是否Windows 98/2000或Windows XP。3在除C：盘上（可以在D：盘、E盘、或其他逻辑盘）创建一个新文件夹，名字为student。4检查系统是否有：Word 2000、Dreamweaver、FrontPage、记事本等软件。【实训目的要求】1掌握CSS的概念，其作用。2掌握CSS用于定位、修饰页面等常用样式属性的设置方法。3掌握CSS用于页面进行排版的各样式属性的设置方法。【实训内容及操作步骤】【操作】1 打开Dreamweaver软件，创建站点；2 利用Dreamweaver的“CSS样式”面板创建样式；3 制作网站首页后，并利用样式进行美化：重点练习使用文字的排版、边框、区块、背景等相关的设置；4 打开样式表文件对其中的样式代码进行修改，练习使用滚动条的CSS样式、鼠标的CSS样式等；5 利用样式表的“链接”，设置其他子页面的CSS样式；6 详细操作内容及结果参加课堂教学实例。【小结】通过以上的实训可以使学生了解CSS的格式化属性，如何通过对这些属性的设置来对网页进行修饰。【思考题】1通过练习掌握CSS的定位属性：position、top、left、width、和height。2通过练习掌握CSS的分级属性：display。3通过练习掌握CSS的字体设置属性：font-family、font-style、font-variant、font-weight、font-size等。4通过练习掌握CSS的文本控制属性：text-align、text-indent、letter-spacing、line-height、text-decoration等。5通过练习掌握CSS的颜色和背景控制属性：color、background-color、background-image、background-reapeat、 background-attachment、 background-position等。6通过练习掌握CSS的容器属性：margin、border、padding。7通过练习掌握CSS的常用滤镜的用法：（语法XML元素名filter: 滤镜名称（滤镜的参数和参数值）；Alpha滤镜、Blur滤镜、Chroma滤镜、DropShadow滤镜、Glow滤镜、Shadow滤镜等。【实训报告】实训报告的格式同上实训6 ASP的运行环境及相关配置【实训前的准备】1检查是否连接了Internet。2检查操作系统是否为Windows 98/2000或Windows XP。3检查是否装有IIS或PWS【实训目的要求】1了解ASP的运行环境。2熟悉IIS中的相关配置。3掌握如何运行ASP文件。【实训内容及操作步骤】【操作一】IIS5.0的安装1如果系统中IIS5.0没有安装，可以在控制面板的添加/删除程序中选择添加删除 Windows 组件中选择添加 IIS组件，（本操作介绍采用的是win2000的环境）。2将“Windows 2000”安装盘放入光驱中，然后点击“下一步”。这个步骤可能会花几分钟。点击“完成”按钮，完成IIS的安装。3安装完成后，在浏览器的地址栏中输入：http:/localhost或即可进行测试。4如果出现“欢迎使用windows 2000 internet 服务”的网页画面，即IIS配置成功。【操作二】IIS的WEB站点基本配置1选择“开始”“程序”“管理工具”“Internet服务管理器”，打开Internet信息服务管理单元。2.设置主目录所在的位置，主目录用来存放站点文件的位置，默认是 %system%Inetpubwwwroot。点击“浏览”可以选择其他目录作为存放站点文件的位置，同时，根据用户的使用，还可以赋予访问者一些权限，例如目录浏览、写入等。3配置 IP 和 主机头。这里可以指定 WEB 站点的 IP，如没有特别需要，则选择全部未分配。IP 地址这一下拉菜单中可以选择你的 WEB 服务器 IP，缺省情况下应该选择 (全部未分配)。TCP 默认端口是 80，如修改了端口，则需要用 http:/ip:端口 这种格式进行浏览设置。4设定默认文档。每个网站都会有默认文档，默认文档就是访问者访问站点时首先要访问的那个文件。（1）主文档：定该站点的首页文件名,访问者会按照默认文档的顺序访问该站点。要在浏览器请求指定文档名的任何时候提供一默认文档，请选择该复选框。默认文档可以是目录的主页或包含站点文档目录列表的索引页。（2）当需要添加一个新的默认文档，单击“添加”。可以使用该特性指定多个默认文档。按出现在列表中的名称顺序提供默认文档。服务器将返回所找到的第一个文档。（3）当需要更改搜索顺序，选择一个文档并单击箭头按钮。（4）当需要从列表中删除默认文档，单击“删除”。5设定访问权限。一般赋予访问者有匿名访问的权限，也可以自己设置访问权限。配置 Web 服务器的验证和匿名访问功能，请单击“编辑”。使用该功能配置 Web 服务器在授权访问受限制内容之前确认用户的身份。但是，首先必须创建有效的 Windows 用户帐户，然后配置这些帐户的 Windows 文件系统 (NTFS) 目录和文件访问权限，服务器才能验证用户的身份。【操作三】IIS站点的目录管理1在Internet信息服务管理单元中，选中要添加虚拟目录的Web站点。点击鼠标右键，从快捷菜单中选择“新建”“虚拟目录”命令，启动新建虚拟目录向导。2单击“下一步”按钮，在出现的“虚拟目录别名”对话框中输入要创建的虚拟目录的别名。（如输入“student”）3单击“下一步”按钮，在出现的“Web站点内容目录”对话框中输入要创建的虚拟目录对应的物理目录路径。4单击“下一步”按钮，在出现的“访问权限”对话框中，设置所创建的虚拟目录的访问权限。5单击“下一步”按钮，完成虚拟目录的创建。【操作四】ASP简单程序运行实训1打开记事本或者Dreamweaver软件（或者如：Visual interDev）2输入以下内容：ASP运行程序现在是：3将文件保存在D:studenttest.txt。（编辑修改用）4将文件保存在D:studenttest.asp。（运行用）5.将该文件拷到C:Inetpubwwwroot文件夹下，然后在地址栏中输入：/test.asp运行test.asp文件后即可得到结果。6如果建立了虚拟路径后，也可以把文件放在虚拟路径的文件夹下，然后在地址栏中输入：http:/localhost/student/test.asp运行后得到结果。【小结】 IIS提供了一套完整的、易于使用的WEB站点架设方案。它与Windows NT/2000 Server紧密的结合，除了用于架设WEB站点的HTTP服务器，还集成了用于文件传输的FTP服务器，用于邮件发送的SMTP服务器和用于提供新闻组服务的NNTP服务器。通过以上的实验可以使学生了解IIS的基本运行环境，熟悉IIS中的web站点的基本设置以及IIS中虚拟目录的创建和管理。为以后的实验运行打好基础。如果要深入去了解IIS的WEB站点架设方案，还必须掌握IIS的配置的其他知识，这里不再深入去介绍。 【思考题】1IIS中如何创建新的站点？2IIS中如何配置FTP服务器？具体如何操作的？3IIS中如何实现网站的安全控制？4IIS中如何配置SMTP服务器？具体如何操作的？5IIS中如何创建虚拟目录？具体如何操作的？【实训报告】报告格式同上。实训7 JavaScript综合实训【实训前的准备】1检查是否连接了Internet。2检查操作系统是否Windows 98/2000或Windows XP。3在除C：盘上（可以在D：盘、E盘、或其他逻辑盘）创建一个新文件夹，名字为student。4检查系统是否有：Word 2000、Dreamweaver、FrontPage、记事本等软件。【实训目的要求】1了解JavaScript的运行环境。2熟悉JavaScript的编辑工具。3了解JavaScript的事件处理功能。4熟悉JavaScript在HTML中的应用。【实训内容及操作步骤】【操作一】JavaScript中显示具体日期和时间实训1打开记事本或者Dreamweaver软件。2输入以下内容：时间和日期显示today=new Date();function initArray() this.length=initArray.arguments.length for(var i=0;ithis.length;i+) thisi+1=initArray.argumentsi var d=new initArray( 星期日, 星期一, 星期二, 星期三, 星期四, 星期五, 星期六);document.write( , today.getYear(),年, today.getMonth()+1,月, today.getDate(),日, dtoday.getDay()+1, ); /显示当前的日期和时间3将文件保存在D:studentJavaScript.txt。（编辑修改用）4将文件保存在D:studentJavaScript html。（运行用）5运行JavaScript.html文件后即可得到结果。【操作二】JavaScript中按时间显示问候语实训1打开记事本软件。2输入以下内容：按时间显示欢迎词now = new Date(),hour = now.getHours()/获取当前系统的时间if(hour 8)document.write(您早!)else if (hour 12)document.write(早上好!)else if (hour 14)document.write(午安!)else if (hour 17)document.write(下午好!)else if (hour 22)document.write(晚上好!)else if (hour 24)document.write(晚安!)/通过系统的时间判断，显示不同的问候语3将文件保存在D:studentJavaScript1.txt。4将文件保存在D:studentJavaScript1.html。5运行JavaSc