电子商务网站建设实训指导书

上传人：1*** IP属地：四川上传时间：2023-04-22 格式：DOC 页数：33 大小：540.50KB 积分：30 举报 版权申诉

已阅读5页，还剩28页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

山西药科职业学院《电子商务网站建设与维护》实训指导书执笔人：贾文静王一日期：2011年2月29日实训一建立Web应用开发及运行环境一、实训目的1．驾驭Web运行环境的建立方法2．驾驭JSP应用环境的建立二、实训环境WindowsXP/2000/2003操作系统、JDK6、Tomcat6.0、MyEclipse6.5三、实训内容1．安装JDK62．安装服务器软件Tomcat6.03．安装、配置SQLServer20054．安装网络购书系统5．安装、配置MyEclipse6四、实训步骤（一）安装JDK61．安装JDK6默认安装。2．配置系统环境变量（1）右击桌面上“我的电脑”，选择【属性】，在弹出的“系统属性”窗口中选择【高级】标签。（2）单击【环境变量】按钮，在“系统变量”列表框中选择“Path”参数，并单击【编辑】按钮。在变量值前面加入JAVA的路径“C：\ProgramFiles\Java\jdk1．6．0_11\bin;”，【确定】。（3）单击【新建】按钮，设置环境变量CLASSPATH，其变量值为“．”。3．测试安装结果（1）打开记事本，编辑一简洁的JAVA程序，保存至C：\，如图1-1所示。图1-1JAVA小程序（2）在DOS吩咐提示符下执行：C：\>JavacHW．java。在当前书目下生成HW．class文件。（3）在DOS吩咐提示符下运行C：\>JavaHW，显示“HelloWorld!”，如图1-2所示。图1-2JAVA程序运行结果（二）安装服务器软件Tomcat61．Tomcat安装ChooseinstallLocation建议为“C：\Tomcat6．0”，如图1-3所示。JavaVirtualMachine为“C：\ProgramFiles\Java\jdk1．6．0_11”，如图1-4所示。其余默认安装。图1-3tomcat6．0安装路径图1-4J2SE路径2．测试Tomcat确认Tomcat处于运行状态。在阅读器地址输入：//127．0．0．1：8080或：//localhost：8080，如看到Tomcat主页表示安装胜利。3．编写第1个JSP程序（1）在Tomcat6．0的webapps\ex_D02书目文件下新建ex2-01．jsp文件，打开记事本，编写如图1-5所示的程序。图1-5JSP小程序（2）在阅读器地址栏输入：//127．0．0．1：8080/ex_D02/ex2-01．jsp，运行此程序，可以看到运行结果。（三）安装及配置SQLServer20051．安装SQLServer2005。2．【起先】|【运行】——输入“services．msc”吩咐，如图1-6所示，打开【服务】窗口。图1-6JSP小程序3．鼠标右键启动3个服务：SQLServer（*）、SQLServerAgent（*）、SQLServerBrowser4．【起先】|【程序】|【MicrosoftSQLServer2005】|【配置工具】|【SQLServer外围应用配置器】——服务和连接的外围应用应用配置器——远程连接——选择“本地连接和远程连接”——选择“同时运用TCP/IP和namedpipes”——【确定】。5．启动SQLServer2005：【起先】|【程序】|【MicrosoftSQLServer2005】|【SQLServerManagementStudio】——打开【对象资源管理器】——鼠标右击服务器名称——【属性】——平安性——服务器身份验证——SQLServer和Windows身份验证模式。6．【对象资源管理器】——平安性—登录名——sa———右键——【属性】——状态——启用登录。7．【对象资源管理器】——平安性—登录名——sa———右键——【属性】——常规——取消“强制实施密码策略”，密码重设（空）。8．【对象资源管理器】——鼠标右击服务器名称——【重新启动】（四）安装网络购书系统1．首先将bookshop整个文件夹拷贝到tomcat发布书目webapps下。2．导入数据库（1）打开SQLServer2005的【对象资源管理器】窗口——鼠标右击【数据库】——【还原数据库】，显示“还原为数据库”窗口。（2）在“目标数据库”文本框中输入数据库名称“bookshop”；选择【源设备】单选按钮，单击右侧的【选择文件】按钮，弹出“指定备份”窗口。（3）单击【添加】按钮，进入“定位备份文件”窗口，【文件类型】选择“全部文件（*）”，选择文件Tomcat6．0\webapps\bookshop\bookshop0804文件——【确定】，如图1-7所示。图1-7选择数据库文件（4）勾选“选择用于还原的备份集”，如图1-8所示。图1-8勾选“选择用于还原的备份集”（5）选择左侧的“项”，留意数据库的还原位置。图1-9数据库的还原位置3．创建数据源（1）打开“限制面板”——“管理工具”——“数据源”（ODBC），选择“系统DSN”选项卡。（2）单击【添加】按钮，弹出“创建新数据源”对话框。（3）选择【SQLServer】，单击【完成】按钮。（4）弹出“创建到SQLServer的新数据源”窗口，在“名称”文本框输入数据源名称。在网上书店中，为数据源起名bookshoplk。在服务器文本框输入SQL2005的服务器名称，如“LZM-34B2062D547”。单击【下一步】按钮，如图1-10所示。图1-10创建数据库窗口（5）在弹出的窗口中选择【运用用户输入登录ID和密码的SQLServer验证】单选按钮，在【登录ID】和【密码】文本框中输入对bookshop数据库有存取权限的SQLServer账号（sa）和密码（无）。单击【下一步】按钮。（6）在弹出的窗口中，选择【更改默认的数据库为】复选框，并选择bookshop数据库，单击【下一步】按钮。（7）在弹出的窗口中单击【完成】按钮。（8）在弹出的“ODBCMicrosoftSQLServer安装”窗口中单击【测试数据源】按钮。（9）弹出“SQLServerODBC数据源测试”窗口，假如对话框提示测试胜利，表示DSN设置正确，单击【确定】按钮，完成系统DSN的建立。4．网站的发布重启tomcat，在阅读器地址栏中输入：：//127．0．0．1：8080/bookshop（初始账号和密码：pds/pass）：//127．0．0．1：8080/bookshop/admin初始账号和密码：admin/pass）（五）安装及配置MyEclipse1．安装MyEclipse运行“MyEclipse_6．5．0GA_E3．3．exe”文件安装Eclipse。2．输入序列号启动Eclipse6．5，弹出“SubscriptionKeyInformation”窗口——单击【EnterSubscription】按钮——Name：flowbyte．cn；Serial：sLR8ZC-855575-66525457680638618。图1-11输入序列号3．汉化将eclipse文件夹拷贝到MyEclipse6.5的根书目下，将eclipse文件夹内的文件覆盖。在拷贝的过程中会出现文件覆盖的弹出窗口，单击“确定”。重新启动MyEclipse6.5。4．运用MyEclipse6.5，制作第一个JSP程序（１）启动MyEclipse6.5，配置环境。【窗口】｜【首选项】——找到左边树型菜单中的【MyEclipseEnterpriceWorkbench】｜【server】【Tomcat】｜【Tomcat6.x】，如图1-12所示，directory为tomcat6.0的安装根书目路径。图1-12在【首选项】中配置tomcat安装路径（２）选择左边树型菜单中的【tomcat6.x】｜【JDK】—单击右边的【Add】按钮——弹出“Tomcat>AddJVM”窗口——单击JRE主书目右侧的【阅读】的按钮，找到“jdk_11”文件夹所在位置，如图1-13所示。图1-13“jdk_11”文件夹所在位置（3）创建webproject。【文件】|【新建】|【webproject（OptionalMavenSupport）】——在projectname中输入一个工程名字，如图1-14所示。点击【完成】后在左侧的“包资源管理器”中出现。图1-14创建webproject（4）右击【MyProiect】|【WebRoot】——新建——JSP——弹击“CreateanewJSPpage”窗口，如图1-15所示。在“FileName”文本框中输入JSP文件的名字，如login.jsp。图1-15新建JSP文件菜单（5）打开JSP文件进行编辑。（6）部署JSP项目。点击工具栏中的按钮，打开“ProjectDeployments”窗口——单击【Add】按钮——选中容器tomcat6.x——单击【完成】按钮，如图1-16所示。部署完成，在Tomcat6．0\webapps下生成votew文件夹及MyEclipse工作区vote\WebRoot文件夹下的全部文件。图1-16部属JSP项目（7）部署完毕，接下来启动tomcat服务。点击工具栏中的按钮旁边的三角形，选中【tomcat】|【start】。（8）最终到IE阅读器中打开运行。：//localhost：8080/MyProject/login．jsp。实训2HTML的表格和表单一、实训目的要求1．驾驭HTML表格的概念；2．驾驭HTML表单的概念；3．娴熟驾驭HTML表格的制作方法的技巧；4．学会HTML表单的制作方法。二、实训内容及操作步骤【操作一】1．打开记事本软件。2．输入以下内容：<HTML><HEAD><META-equiv="Content-Type"content="text/html;charset=gb3212"><TITLE>简洁表格制作方法</TITLE></HEAD><BODY><palign="center"><fontcolor="#FF0000"size="6">学生基本状况表<tableborder=5><tr><th>姓名</th><th>性别</th><th>年龄</th><th>籍贯</th><th>总分</th><th>专业</th><th>特长</th><tr><td>王小林</td><td>男</td><td>25</td><td>宁波</td><td>567</td><td>电子商务</td><td>软件开发</td><tr><td>朱风烽</td><td>男</td><td>23</td><td>上海</td><td>542</td><td>现代物流</td><td>网络嬉戏</td><tr><td>孙伟萍</td><td>女</td><td>22</td><td>南京</td><td>587</td><td>计算机</td><td>ASP语言</td><tr><td>张生笑</td><td>女</td><td>24</td><td>苏州</td><td>512</td><td>电子商务</td><td>数据库开发</td><tr><td>周卫文</td><td>男</td><td>25</td><td>上海</td><td>541</td><td>现代物流</td><td>网络嬉戏</td></table></BODY></HTML>3．将文件保存在D:\student\141.txt。4．将文件保存在D:\student\141.html。5．运行141.html文件后得到的结果。

【操作二】1．打开记事本软件。2．输入以下内容：<HTML><HEAD><META-equiv="Content-Type"content="text/html;charset=gb3212"><TITLE>困难表格制作方法</TITLE></HEAD><BODY><palign="center"><fontcolor="#FF0000"size="6">教学业绩定量表<tableborder=5height="49"width="700"><tr><thheight="16"width="46">大项</th><thheight="16"width="269"colspan="2">系项</th><thheight="16"width="36"></th><thheight="16"width="241">完成课时</th><thheight="16"width="318"colspan="2">自评分</th><thheight="16"width="25">自评分</th><thheight="16"width="33">考评分</th><tr><tdheight="67"width="46"rowspan="5">

<palign="center">教

<palign="center">学

<palign="center">业

<palign="center">绩

<palign="center">50

<palign="center">分

</td><tdheight="1"width="112"rowspan="4">

<palign="center">教

<palign="center">学

<palign="center">工

<palign="center">作

<palign="center">量

<palign="center">（40分）</td><tdheight="1"width="157"rowspan="4">满教学工作量180课时得40分，每超50课时加1分。（双肩挑人员工作量减半）</td><tdheight="1"width="36"rowspan="2">

<palign="center">

<palign="center">第一学期</td><tdheight="1"width="241">课程名称</td><tdheight="1"width="178">授课班级</td><tdheight="1"width="140">完成课时</td><tdheight="67"width="25"rowspan="5">48分</td><tdheight="67"width="33"rowspan="5">45分</td><tr><tdheight="16"width="241">VB程序设计

电子商务概论

VFP数据库管理

</td><tdheight="16"width="178">计算机200401

电子商务200506

现代物流200304

</td><tdheight="16"width="140">80课时

48课时

76课时</td><tr><tdheight="32"width="36"rowspan="2">

<palign="center">

<palign="center">其次学期</td><tdheight="16"width="241">电子商务网站建设

网络营销与策划

商业信息技术</td><tdheight="16"width="178">电子商务200302

电子商务200201

电子商务200204</td><tdheight="16"width="140">80课时

76课时

48课时</td><tr><tdheight="16"width="241">论文指导</td><tdheight="16"width="318"colspan="2">24人</td><tr><tdheight="69"width="112">

<palign="center">教学效果10分

</td><tdheight="69"width="752"colspan="5">考核优秀为10分，良好为8分，一般为5分，较差不计分，（本项按已通过的教学评估的结果打分，尚未进行教学评估的，由系、教研室组织考核，进行打分。学院评估结果有效期为二年）</td></table></BODY></HTML>3．将文件保存在D:\student\142.txt。4．将文件保存在D:\student\142.html。5．运行142.html文件后得到的结果。【操作三】1．打开记事本软件。2．输入以下内容：<HTML><HEAD><META-equiv="Content-Type"content="text/html;charset=gb3212"><TITLE>简洁表单制作方法</TITLE></HEAD><BODY><palign="center"><fontcolor="#FF0000"size="6">学生学习状况调查表

姓名：<inputtype="text"name="T1"size="9">

学号：<inputtype="text"name="T2"size="9">男：<inputtype="radio"value="V1"checkedname="R1">

女<inputtype="radio"name="R1"value="V2">所在城市<selectsize="1"name="D1">

</select>

您喜爱的课程：

<inputtype="checkbox"name="C1"value="ON">电子商务

<inputtype="checkbox"name="C2"value="ON">VB程序设计<inputtype="checkbox"name="C3"value="ON">

C程序设计<inputtype="checkbox"name="C4"value="ON">西方经济学

<inputtype="checkbox"name="C5"value="ON">网络营销

<inputtype="checkbox"name="C6"value="ON">网站建设

<inputtype="checkbox"name="C7"value="ON">ASP程序设计

<inputtype="checkbox"name="C8"value="ON">电子商务与物流

<inputtype="submit"value="提交"name="B1">

<inputtype="reset"value="全部重写"name="B2"></form></BODY></HTML>3．将文件保存在D:\student\143.txt。4．将文件保存在D:\student\143.html。5．运行143.html文件后得到的结果。【操作四】1．打开记事本软件。2．输入以下内容：<HTML><HEAD><META-equiv="Content-Type"content="text/html;charset=gb3212"><TITLE>困难表单制作方法</TITLE></HEAD><BODY><palign="center"><fontcolor="#FF0000"size="6">商品信息反馈表<form>

客户名称：<inputtype="text"name="T1"size="21">

账号：<inputtype="text"name="T3"size="17">密码：<inputtype="text"name="T2"size="10">

单位性质：国营<inputtype="radio"value="V1"checkedname="R1">集体

<inputtype="radio"name="R1"value="V2">个体<inputtype="radio"name="R1"value="V3">合资

<inputtype="radio"name="R1"value="V4">独资<inputtype="radio"name="R1"value="V5">

所在城市<selectsize="1"name="D1">

</select>

您喜爱的商品：

<inputtype="checkbox"name="C1"value="ON">笔记本电脑<inputtype="checkbox"name="C2"value="ON">数码照相机<inputtype="checkbox"name="C3"value="ON">数字电视机<inputtype="checkbox"name="C4"value="ON">彩信手机

<inputtype="checkbox"name="C5"value="ON">滚筒洗衣机<inputtype="checkbox"name="C6"value="ON">数字电冰箱<inputtype="checkbox"name="C7"value="ON">欧式燃气灶<inputtype="checkbox"name="C8"value="ON">中心空调

建议和看法：<textarearows="3"name="S1"cols="48">您有什么好的建议和意思请写在这里：</textarea>

<inputtype="submit"value="提交"name="B1">

<inputtype="reset"value="全部重写"name="B2"></form></BODY></HTML>3．将文件保存在D:\student\144.txt。4．将文件保存在D:\student\144.html。5．运行144.html文件后得到的结果。【小结】通过以上的实训可以使学生驾驭表格和表单的概念，学会表格的制作方法和技巧，驾驭表单的一般制作方法。表格各单元格中的颜色可以依据以下的几个吩咐得到：表格的背景色调<tablebgcolor=#>行的背景色调<trbgcolor=#>表元的背景色调<thbgcolor=#>或<tdbgcolor=#>#=rrggbb16进制RGB数码,或者是下列预定义色调名称：Black（黑色）

,Olive(橄榄色)Teal(深青色)

,Red（红色）Blue（蓝色）

,Maroon(茶色)Navy(深蓝色)

,Gray(灰色)Lime（浅绿色）,Fuchsia(紫红色)White(白色)

,Green(绿色)Purple(紫色)

，Silver(银色)Yellow（黄色）,Aqua(水绿色)

【思索题】1．表格标题的位置由什么属性确定，请说出其格式。2．表格的边框尺寸由什么属性确定，请说出其格式。3．说出表格单元格内的文字对齐方式，请说出其格式。4．如何实现跨多行、多列的表元，请说出其格式。

实训三网页设计基础HTML语言【实训前的打算】1．检查是否连接了Internet。2．检查操作系统是否Windows98/2000或WindowsXP。3．在除C：盘上（可以在D：盘、E盘、或其他逻辑盘）创建一个新文件夹，名字为student。4．检查系统是否有：Word2000、Dreamweaver、FrontPage、记事本等软件。一、实训目的1．了解HTML文档结构；2．初步驾驭基本标记的运用；3．能够运用MyEclipse6.5制作简洁网页。二、实训环境WindowsXP/2000/2003操作系统、MyEclipse6.5三、实训内容1．运用MyEclipse6.5制作只有一行文字的网页，了解HTML文档结构。2．在IE阅读器中打开编写的网页文件，查看运行效果；3．在网页中添加文本内容，并对页面格式进行设置排版，制作一个简洁文字内容的网页；4．在网页中添加图片，并对页面格式进行设置排版，制作一个简洁图文内容的网页；5．制作一个索引网页，建立与前面网页之间的超连接；6．制作一个简洁的个人主页。四、实训步骤1．运用MyEclipse编辑HTML文件（1）【起先】|【程序】|【MyEclipse6.5】|【MyEclipse6.5】（2）【文件】|【新建】|【项目】——【常规】|【项目】，单击【下一步】按钮——（3）【文件】|【新建】|【HTML（AdvancedTemplates）】——（4）视察网页的基本结构，了解基本结构所用标记的作用，保存文件，在IE阅读器中查看网页运行效果。（5）在空白网页的标记之间输入文字“上海商学院”，存盘并查看运行效果。2．制作一个简洁文字内容的网页（1）新建一个空白网页；（2）添加适量文字；（3）利用HTML文字标记进行版面编排，要求：

运用标题；

分段、分行、段落对齐方式；

设置字体（字体、大小、颜色、风格）；

插入水平线等。（4）保存文件（文件名为1．htm）；（5）在IE阅读器中查看网页运行效果；（6）重复③的过程，更改标记属性，视察运行效果。3．制作一个简洁图文内容的网页（1）新建一个空白网页，在网页中添加适量文字，利用HTML文字标记进行版面编排；（2）运用HTML标记插入图片，设置图片的属性，进行图文混排；（3）保存文件（文件名为2．htm），查看网页运行效果。4．建立超链接（1）新建一个空白网页，在网页中添加三个超链接，分别链接到前面制作的网页（1．htm和2．htm）上，保存文件，查看网页运行效果，进行链接测试。（2）在网页中建立其它网站的超链接，分别链接到“上海商学守”主页（：//www．sbs．edu．cn），“新浪网”主页（：//www．sina．com．cn），查看网页运行效果，进行链接测试。5．制作一个简洁的个人主页。依据前面的练习，制作个人主页，要求：有个人简介，图片，超链接等内容，作到页面美观，内容充溢。五、实训要求1．独立完成实训内容；2．保存制作的网页；3．记录实训过程存在的问题，书写实训报告。六、思索题1．网页的基本结构包括哪些部分，各部分的功能是什么？2．网页设计中有哪些常用的图片类型，如何设置属性？3．网页设计中如何设置超链接？实训四网页设计基础CSS基本语法【实训前的打算】1．检查是否连接了Internet。2．检查操作系统是否WindowsXP。3．在除C：盘上（可以在D：盘、E盘、或其他逻辑盘）创建一个新文件夹，名字为student。4．检查系统是否有：Word2003、Dreamweaver、FrontPage、记事本等软件。一、实训目的1．了解XHTML；2．驾驭在网页中引用CSS的方法；3．驾驭CSS的基本语法规则；4．驾驭CSS的常用选择器；5．驾驭运用Dreamweaver定义CSS的方法。二、实训环境WindowsXP/2000/2003操作系统、MyEclipse6.5三、实训内容1．CSS的引入和基本选择器应用；2．利用CSS对网页进行限制；3．利用W3school网站进行CSS的练习。四、实训步骤1．CSS的引入和基本选择器应用；（1）内嵌样式表将定义的样式以”text/css”>样式定义形式插入到文档的Head区，此种方法样式将影响当前整个页面。建立网页Css1.htm，代码如下：H1{color:red;Font-family:”华文行揩”,”宋体”;}Body{color:black;Font-size:9pt;}.fnt{color：blue;Font-family:”隶书”;Font-size:14pt;}这是标题一这是正文…．．这是运用Fnt类后的效果（2）行内样式将定义的样式以标记的属性形式插入，如：，此种方法样式只影响当前标记所影响的区域。建立网页Css2．htm，代码如下：H1{color:red;Font-family：”华文行揩”，”宋体”;}Body{color:black;Font-size:9pt;}.fnt{color:blue;Font-family:”隶书”;Font-size:14pt;}这是标题一这是正文…．．这是运用Fnt类后的效果30”>这是中效果只运用于此段…．（3）外部样式表将全部样式的信息存放在一个单独的文件中（扩展名为Css），然后用把它链接到每个HTML页面中。假如你希望样式能够影响你站点上的全部文件，这是很好的方法。链接格式：2．利用CSS对网页进行限制；（1）创建如图4-1所示页面（css3.htm）。图4-1未运用CSS样式前的网页（2）建立样式文件style.css，格式化上面页面如图4-2所示。实训五、六VBScript综合实训【实训前的打算】1．检查是否连接了Internet。2．检查操作系统是否Windows98/2000或WindowsXP。3．在除C：盘上（可以在D：盘、E盘、或其他逻辑盘）创建一个新文件夹，名字为student。4．检查系统是否有：Word2000、Dreamweaver、FrontPage、记事本等软件。一、实训目的1．了解VBScript的运行环境。2．熟识VBScript的编辑工具。3．熟识VBScript在HTML中的应用。4.了解VBScript的数据类型，和常用函数的基本应用。5．熟识VBScript的过程、条件语句、循环语句的基本应用。二、实训内容及操作步骤】【操作一】VBScript中if……then……else语句应用实训1．打开记事本或者Dreamweaver软件。2．输入以下内容：<html><head><title>If..Then..Else的应用</title></head><body><ScriptLanguage=VBScript>SubGreetingMessage()

IfHour(Now)<8Then

MsgBox"您早!"

ElseIfHour(Now)<12Then

MsgBox"早上好!"

ElseIfHour(Now)<14Then

MsgBox"午安!"

ElseIfHour(Now)<17Then

MsgBox"下午好!"

ElseIfHour(Now)<22Then

MsgBox"晚上好!"

Else

MsgBox"晚安!"

EndIfendsubGreetingMessage()</Script></body></html>3．将文件保存在D:\student\if.txt。（编辑修改用）4．将文件保存在D:\student\if.asp。（运行用）5．运行if.asp文件后即可得到结果。【操作二】VBScript中Select…Case应用实训1．打开记事本或者Dreamweaver软件。2．输入以下内容：<html><head><title>Select..Case的应用</title></head><body><ScriptLanguage=VBScript>dimop,x,y,zop="*"x=21y=32SelectCase(op)

'调用SelectCase过程subSelectCase(Name)SelectCaseName

Case"+"

z=x+y

msgbox"值为:"&Z&""Case"-"

z=x-y

msgbox"值为:"&Z&""

Case"*"

z=x*y

msgbox"值为:"&Z&""

CaseElse

msgbox"值无效"EndSelectendsub</Script></body></html>3．将文件保存在D:\student\selectcase.txt。（编辑修改用）4．将文件保存在D:\student\selectcasehtml。（运行用）5．运行selectcase.html文件后即可得到结果。【操作三】VBScript中Dowhile……loop循环应用实训1．打开记事本软件。2．输入以下内容：<html><head><title>Dowhile……loop循环应用</title></head><body><%dimtotal,numtotal=0num=1dowhilenum<=100total=total+numnum=num+1loop%>Dowhile……loop循环运行结果是： <%response.write"1+2+3+……＋100＝"&cstr(total)%></body></html>3．将文件保存在D:\student\Dowhile.txt。4．将文件保存在D:\student\Dowhile.asp。5．运行Dowhile.asp文件后即可得到结果。【操作四】VBScript中Dountil……loop循环应用实训1．打开记事本软件。2．输入以下内容：<html><head><title>Dountil……loop循环应用</title></head><body><%dimtotal,numtotal=0num=1dountilnum=101total=total+numnum=num+1loop%>Dountil……loop循环运行结果是： <%response.write"1+2+3+……＋100＝"&cstr(total)%></body></html>3．将文件保存在D:\student\until.txt。4．将文件保存在D:\student\until.asp。5．运行until.asp文件后即可得到结果。【操作五】VBScript中Function函数的应用实训1．打开记事本或者Dreamweaver软件。2．输入以下内容：<html><head><title>Function函数的应用</title></head><body><%FunctionFC(n)FC=1fori=1tonFC=FC*inextendFunctionresponse.write"1*2*3*……*10＝"&FC(10)%></body></html>3．将文件保存在D:\student\function.txt。（编辑修改用）4．将文件保存在D:\student\function.asp。（运行用）5．运行function.asp文件后即可得到结果。【操作六】VBScript中数据验证明训1．打开记事本或者Dreamweaver软件。2．输入以下内容：<html><head><title>数据验证</title><SCRIPTLANGUAGE="VBScript"><!--SubSubcheckform_OnClick

DimThisForm,name,pwd

SetThisForm=Document.regform

IfThisForm.Text1.Value=""Then

MsgBox"请输入用户名"

ElseifThisForm.Text2.Value=""Then

MsgBox"请输入密码"

Else

msgbox"用户名为："&name&";密码为："&pwd&""

EndIf

EndSub--></SCRIPT></head><formname="regform">

请填写注册信息：

呢称:<inputname="text1"type="text"size="12">

密码:<inputname="text2"type="password"size="12">

<inputtype="button"name="Subcheckform"value="提交">

<inputtype="reset"name="Submit"value="重置"></form></html>3．将文件保存在D:\student\vb2.txt。（编辑修改用）4．将文件保存在D:\student\vb2.html。（运行用）5．运行vb2.html文件后即可得到结果。四、小结VBScript是ASP的默认语言，是VB家族的最新成员，可以说VBScript是VB的子集。当然，VBScript不是ASP唯一的脚本语言。它可以作为客户端编程语言，也可以作为服务器端编程语言。前者是可以由阅读器说明执行的语言，阅读器可以完成全部的工作，减轻了服务器的负担；而VBScript作为服务器端编程语言不受阅读器的限制。通过以上的实训可以使学生了解VBScript的基本运行环境，熟识VBScript语言的基本语法和VBScript的基本用法。同时，让学生驾驭在HTML文件中干脆嵌入VBScript脚本的方法，为以后ASP编程打好基础。思索题1．VB与VBScript的关系？2．VBScript中变量的声明与C中的变量声明相同吗？VBScript中变量的声明规则是什么？3．VBScript中如何调用VBScript的过程？4．利用VBScript编程，在网页中输出1－100间的全部奇数。5.利用VBScritpt编程，自动输出一个8行，3列，宽度为80％，页面居中的表格。要求：表格奇数行的背景颜色为红色（red），偶数行的背景颜色为黄色（yellow）

图4-2应用样式后的效果要求：（1）标题：字体为"华文彩云"，"华文琥珀"，"华文行楷"；字号40pt；字色红色；背景色：#FFFFCC。导航条：背景色为#33CCFF。（2）导航栏：标题背景色为#FFFFCC，上边框为：实线，2pt宽，色值：#FFCC00；内容背景色：#FFCCFF；导航栏右边框为：点划线，1pt宽，色值：#0033FF。底框：背景色：#99CCFF；上边框：双线，2pt宽。（3）文本框：背景色：#FFFFCC；边框：宽度1pt，实线。（4）正文字号：9pt。（除标题）（5）超级链接：正常色：黑色，无修饰；鼠标悬停时：红色，加下划线；激活时：红色，加下划线；访问过的链接：黑色，无修饰。五、实训要求1．依据指导书实例和操作步骤，独立完成实训内容。2．记录实训中出现的问题，以用解决方法。六、思索题1．HTML与XHTML的区分，在网页设计中各有什么用处？2．CSS的基本思想。3．CSS选择器有哪些，在网页设计中如何选择运用。实训七ASP的内置对象及其应用【实训前的打算】1．检查是否连接了Internet。2．检查操作系统是否为Windows98/2000或WindowsXP。3．检查是否装有IIS或PWS一、实训目的要求1．了解ASP的运行环境。2．熟识IIS中的相关配置。3．驾驭如何运行ASP文件。二、实训内容及操作步骤【操作一】IIS5.0的安装1．假如系统中IIS5.0没有安装，可以在限制面板的添加/删除程序中选择添加删除Windows组件中选择添加IIS组件，（本操作介绍采纳的是win2000的环境）。2．将“Windows2000”安装盘放入光驱中，然后点击“下一步”。这个步骤可能会花几分钟。点击“完成”按钮，完成IIS的安装。3．安装完成后，在阅读器的地址栏中输入：://即可进行测试。4．假如出现“欢迎运用windows2000internet服务”的网页画面，如图3.2所示，即IIS配置胜利。【操作二】IIS的WEB站点基本配置1．选择“起先”＞“程序”＞“管理工具”＞“Internet服务管理器”，打开Internet信息服务管理单元。2.设置主书目所在的位置，主书目用来存放站点文件的位置，默认是%system%\Inetpub\wwwroot。点击“阅读”可以选择其他书目作为存放站点文件的位置，同时，依据用户的运用，还可以给予访问者一些权限，例如书目阅读、写入等。3．配置IP和主机头。这里可以指定WEB站点的IP，如没有特殊须要，则选择全部未安排。IP地址这一下拉菜单中可以选择你的WEB服务器IP，缺省状况下应当选择(全部未安排)。TCP默认端口是80，如修改了端口，则须要用://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软件（或者如：VisualinterDev）2．输入以下内容：<html><head><title>ASP运行程序</title></head><body>现在是：<%=now()%><%Response.write"IIS5.0配置胜利，欢迎您运用！"%></body></html>3．将文件保存在D:\student\test.txt。（编辑修改用）4．将文件保存在D:\student\test.asp。（运行用）5.将该文件拷到C:\Inetpub\wwwroot文件夹下，然后在地址栏中输入：运行test.asp文件后即可得到结果。6．假如建立了虚拟路径后，也可以把文件放在虚拟路径的文件夹下，然后在地址栏中输入：://localhost/student/test.asp运行后得到结果。【小结】IIS供应了一套完整的、易于运用的WEB站点架设方案。它与WindowsNT/2000Server紧密的结合，除了用于架设WEB站点的服务器，还集成了用于文件传输的FTP服务器，用于邮件发送的SMTP服务器和用于供应新闻组服务的NNTP服务器。通过以上的实训可以使学生了解IIS的基本运行环境，熟识IIS中的web站点的基本设置以及IIS中虚拟书目的创建和管理。为以后的实训运行打好基础。假如要深化去了解IIS的WEB站点架设方案，还必需驾驭IIS的配置的其他学问，这里不再深化去介绍。【思索题】1．IIS中如何创建新的站点？2．IIS中如何配置FTP服务器？详细如何操作的？3．IIS中如何实现网站的平安限制？4.IIS中如何配置SMTP服务器？详细如何操作的？5．IIS中如何创建虚拟书目？详细如何操作的？

实训八数据库的创建与存取【实训前的打算】1．检查机器是否安装了Access2003。2．在D盘创建一个新文件夹，名字为student。一、实训目的要求1．驾驭Access2003数据库的建立方法。2．熟识数据库的修改与删除操作。3．驾驭数据库表的建立方法。4．驾驭表数据的操作方法。二、实训内容及操作步骤【操作一】创建Access2003数据库和表1．启动Access2003时系统将自动弹出“MicrosoftAccess”对话框。2．选择“空Access数据库”，点击“确定”按钮，输入文件名“顾客”后点击“创建”按钮，则“顾客”数据库创建完毕。。3．选择“运用设计器创建表”，单击“设计”按钮，打开“表的设计视图”。4．在设计视图中输入表的字段名、数据类型。输入完后将光标置于“顾客编号”字段，右击鼠标，在出现的快捷菜单中选择“主键”，此时“顾客编号”字段前出现钥匙图标，表示“顾客编号”字段已被设成主键。5．点击“保存”按钮，输入表的文件名“customer”保存此表。【操作二】表字段属性的设置1．选择“customer”表，单击“设计”按钮，进入表设计视图。2．将光标置于第一个字段，选择“常规”标签，在“字段大小”栏中输入“8”，然后单击“输入掩码”后的标记，弹出“输入掩码向导”对话框。

3．选择“身份证号码”，单击“下一步”。在“输入掩码”栏中输入8个零“00000000”，在“占位符”中选择“#”号，这样保证在输入“顾客编号”字段时只能输入8个数字（0-9）。

4．单击“下一步”。选择“象这样不运用掩码中的符号”单选项。单击“下一步”，单击“完成”按钮完成掩码格式的设置。5．在“必填字段”中选择“是”，其它采纳默认值，至此完成了“顾客编号”字段属性的设置。6．依次完成其它字段的属性设置。其中“性别”字段的默认值设为“True”。【小结】Microsoft

Access作为新一代关系型数据库管理系统，运行于Windows系列平台之上，其功能及适用性都特别强，实现了计算机“易于运用”的特点，用户只需在“向导(wizard)”的提示下进行简洁操作，就可以设计出—个基本的数据库系统。目前，运用Access数据库软件的用户越来越多，使得Access逐步替代了其他数据库软件，成为市场上的主导产品。假如要建立一个中小型的电子商务网站，建议你选用Microsoft

Access2000或者Microsoft

Access2003来做为后台数据库。本次实训我们学习了Access2000数据库的基本操作，应当驾驭数据库及表的建立方法，熟识数据库的修改与删除操作及字段属性的设置方法，驾驭用数据表视图编辑表记录的操作方法。【思索题】1．数据库与表的关系是什么？2．什么是数据库表？什么是是自由表？两者能否相互转换？3．什么是主键？如何确定一个表的主键？4．表的字段类型有哪些？各有什么特点？5．如何运用掩码来输入字段？请自己练习。6．什么是视图？如何运用视图编辑表？7．什么是空值？空值在数据库中有什么重要作用？8．假设要你设计一个图书购物网站，你应当如何设计网站的数据库？详细要有几个表？请课后思索并练习。实训九ASP数据库编程技术【实训前的打算】1．检查是否安装PWS或者IIS。2．检查操作系统是否Windows98/2000或WindowsXP。3．检查PWS和IIS是否进行配置4．在除C：盘上（可以在D：盘、E盘、或其他逻辑盘）创建一个新文件夹，名字为student。5．检查系统是否有：Dreamweaver、FrontPage、记事本等软件。一、实训目的要求1．了解ASP中的常用内置组件。2．熟识ASP的中内置组件对象的创建。3．驾驭ASP技术中常用内置组件的基本应用。二、实训内容及操作步骤【操作一】AdRotator组件应用实训1．打开记事本或者Dreamweaver软件。2．输入以下内容：redirect/adrotator.aspwidth150height70border1*advertisement/joyo.gif卓越网30advertisement/dangdang.gif当当网40advertisement/ebay.gif易趣网303．将文件保存在C:\Inetpub\wwwroot\advertisement\adrot.txt。4．将图片（joyo.gif、dangdang.gif、ebay.gif）保存在advertisement文件夹中。5．输入以下内容：<html><head><title>AdRotator组件应用</title></head><bodybgcolor="#FFFFFF"text="#000000"><palign=center>轮显广告条演示<%setad=server.createobject("mswc.adrotator")%><palign=center><%=ad.getadvertisement("advertisement/adrot.txt")%></body></html>6．将文件保存在C:\Inetpub\wwwroot\adrotator.asp。7．在地址栏中输入：://localhost/adrotator.asp即可运行。

【操作二】BrowserCapbilities组件应用实训1．打开记事本或者Dreamweaver软件。2．输入以下内容：<html><head><TITLE>BrowserCapbilities组件应用</TITLE></head><body><%'创建BrowserCapbilities组件SetBrowserCap=Server.CreateObject("MSWC.BrowserType")%>阅读器名称:<%=BrowserCap.browser%> 阅读器版本:<%=BrowserCap.version%> <%ifBrowserCap.vbscript=TRUE

thenresponse.write"该阅读器支持VBscript"elseresponse.write"该阅读器不支持VBscript"endif%> <%ifBrowserCap.cookies=TRUE

thenresponse.write"该阅读器支持cookies"elseresponse.write"该阅读器不支持cookies"endif%></body></html>3．将文件保存在D:\student\BrowserCap.txt。4．将文件保存在D:\student\BrowserCap.asp。5．在地址栏中输入：://localhost/student/BrowserCap.asp即可运行。【操作三】Counter组件应用实训1．打开记事本或者Dreamweaver软件。2．输入以下内容：<html><head><title>Counter计数器应用</title></head><%'创建计数器实例setmycounter=server.createobject("MSWC.Counters")

vote=Request("pay")

mycounter.Increment(vote)%>你认为“网上支付”平安吗?<FORMNAME="Vote"METHOD="post"ACTION="counter.asp"><inputtype="RADIO"NAME="pay"VALUE="vote1">平安<inputtype="RADIO"NAME="pay"VALUE="vote2">担心全<inputtype="RADIO"NAME="pay"VALUE="vote3">不好说 <INPUTTYPE="SUBMIT"VALUE="投票"></FORM><hr>当前网上调查结果显示： 安全:<%=mycounter.Get("vote1")%> 担心全:<%=mycounter.Get("vote2")%> 不好说:<%=mycounter.Get("vote3")%> </html>3．将文件保存在D:\student\counter.txt。4．将文件保存在D:\student\counter.asp。5．在地址栏中输入：://localhost/student/counter.asp即可运行。【操作四】ContentLinking组件应用实训1．打开记事本。2．输入以下内容：page0.asp

前

言page1.asp

第1章page2.asp

第2章page3.asp

第3章page4.asp

第4章page5.asp

第5章page6.asp

第6章3．将文件保存在D:\student\link.txt。4．打开记事本或者Dreamweaver软件。5．输入以下内容：<html><head><TITLE>contentlinking组件的简洁应用</TITLE></head><body>电子图书导航<%SetCLink=Server.CreateObject("MSWC.NextLink")fori=1tocint(CLink.GetListCount("link.txt"))%><ahref="<%=CLink.GetNthURL("link.txt",i)%>"> <%=CLink.GetNthDescription("link.txt",i)%></a><%next%></body></html>6．将文件保存在D:\student\clinking.asp。7．在地址栏中输入：://localhost/student/clinking.asp即可运行。【操作五】FileSystem组件应用实训1．打开记事本2．输入以下内容：张三老师XX高校李四老师XX职业技术学院3．将文件保存在C:\Inetpub\wwwroot\user.txt。4．输入以下内容：<html><head><TITLE>FileSystem组件的简洁应用</TITLE></head><%'创建一个FileSystmObject对象的实例filepath=server.mappath("user.txt")Setfso=CreateObject("Scripting.FileSystemObject")'打开文件Setfile=fso.OpenTextFile(filepath,1,False)dountilfile.AtEndOfStream

Response.write"姓名:"&file.ReadLine&""

Response.write"职业:"&file.ReadLine&""

Response.write"工作单位:"&file.ReadLine&""loopfile.Closesetfile=nothingsetfso=nothing%></body></html>6．将文件保存在C:\Inetpub\wwwroot\FSO.asp。7．在地址栏中输入：://localhost/FSO.asp即可运行。【操作六】FileSystem组件的简洁应用实训1．打开记事本或者Dreamweaver软件。2．输入以下内容：<html><head><TITLE>FileSystem组件的简洁应用</TITLE></head><body><formaction="index2.asp"method="post">姓名：<inputtype="text"size="10"name="name"> 职业：<inputtype="text"size="10"name="occupation"> 工作单位:<inputtype="text"size="10"name="place"> <inputtype="submit"value="提交"> <inputtype="reset"value="清除"></form></body></html>3．将文件保存在C:\Inetpub\wwwroot\fso.html。4．输入以下内容：<html><head><TITLE>FileSystem组件的简洁应用</TITLE></head><body><%

Name=Request.Form("name")

occupation=Request.Form("occupation")

place=Request.Form("place")'创建一个FileSystmObject对象的实例filepath=server.mappath("user.txt")Setfso=CreateObject("Scripting.FileSystemObject")'打开文件Setfile=fso.OpenTextFile(filepath,8,true)

file.writeline(Name)

file.writeline(occupation)

file.writeline(place)file.Closesetfile=nothingsetfso=nothing%></body></html>6．将文件保存在C:\Inetpub\wwwroot\fso.asp。7．在地址栏中输入：://localhost/fso.htm运行后。8．然后输入如图内容，点击“提交”按钮，则查看user.txt文件。【小结】本节主要讲解并描述了ASP的一些比较好用的组件如：AdRotator组件、FileSystem组件、ContentLinking组件、Counter组件、BrowserCapbilities组件、Jmail组件的基本应用。在运用组件之前，首先须要创建一个它的实例，通常我们采纳ASP供应的Server.CreateObject（）方法。然后可以在ASP文件中随意的应用内置对象的属性、方法、集合。通过以上的实训可以使学生了解ASP的内置组件的基本应用。让学生能够对ASP的内置组件有一个深化的了解，能够有针对性的编写一些程序。【思索题】1．采纳AdRotator组件制作和管理广告，编写一个轮显广告条？2.采纳FileSystem组件，编写一个ASP页面，获得计算机的全部驱动器和驱动器的信息。3．采纳BrowserCapbilities组件，编写一个ASP页面，获得阅读器是否支持cookies和jScript、javaApplets的信息。4．采纳Jmail组件，编写一个ASP程序，实现邮件群发的功能？

总结

通过实训，总结自己驾驭程度，分析出错缘由，提出改进措施。实训十电子商务网站建设实例图书管理系统实训本实训主要介绍如何实现简洁的查询管理系统的基本功能。【实训前的打算】1.检查操作系统是否Windows98/2000或WindowsXP。2.检查在Windows98系统上是否安装PWS，在Windows2000系统上是否安装IIS5.03．打开阅读器在地址栏里面输入测试服务器主页面是否正常运行。4．检查系统是否有：Access2000、Dreamweaver、FrontPage、记事本等软件。一、实训目的要求1．熟识ASP的编程和运行环境。2．了解一般管理系统所支持的功能。3．驾驭查询功能的实现方法。4．驾驭添加、删除、修改功能的实现方法。二、系统功能与要求作为一个功能特别简洁的图书管理系统，主要能够实现对已有书目的查询以及添加、删除、修改等功能，在查询功能当中最好能够同时供应多种查询方式，满意各类用户查询的须要。同时为了考虑到系统的平安性问题，设置特地的访问权限，在登录时还要验证用户身份的合法性。这个系统的设计思路同样可以应用于学生学籍管理系统、成果查询系统和通讯录等，为了帮助大家驾驭简洁的管理系统的实现方法，能够举一反三处理类似相关的问题。1．本实训所要实现的功能（1）系统用户注册。（2）系统用户进入系统时验证用户身份。（3）未经注册的用户进入系统时显示登录失败提示。（4）系统供应依据不同方式查询功能。（5）系统用户可以添加、删除、修改数据。

2．数据库的逻辑设计本实训用的是Access数据库，要求在书目D:\Inetpub\wwwroot\

人人文库> 全部分类> 专业文献 > 建筑水利

温馨提示

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

电子商务网站建设实训指导书

文档简介

温馨提示

最新文档

评论

电子商务网站建设实训指导书

文档简介

温馨提示

最新文档

评论

相关文档