T-《电子商务》-HTML.doc

1 HTML一、网页用超文本标识语言HTML构成网页文件的结构： 注释行: 用作备注，程序运行不显示出来。网页文件可以用“记事本”编写，文件扩展名htm。例一、最简单的网页功能：显示两行文字。西安石油大学经济管理学院你好！知识就是财富。只要努力就会有收获！二、字体大小、颜色，背景颜色字体大小： 8号字体大小字体颜色：红色字体背景颜色： 字体加粗： 字体加粗字体居中： 字体居中例子：最简单的网页 你好！知识就是财富。只要努力就会有收获！例二、字体修饰功能：在绿底色的网页中，显示红、蓝两行字。字体修饰字体修饰的网页蓝色的字，绿色的背景，字体居中三、超链接的实现超连接格式： 链接网址： 链接文件： 例三、超链接功能：网页中显示两个超链接。 超链接的网页 HVFHUIGHIHGIIUG 这是超链接网页 dell 链接123二 四、显示图片 格式： 显示: 宽度: width=80例四、显示图片功能：显示一幅图片。 显示图片 显示图片 五、显示表格格式： 行: 表头: 列: 边框: border=1宽度: width=100%背景: bgcolor=pink例五、显示表格功能：显示一个三行两列的表格。显示表格显示表格第一列第二列第一行第一行第二行第二行例六、表格与图片功能：在一个三行两列的表格中显示12幅图片，表格起定位作用。表格与图片表格与图片例七、表格与链接功能：在一个九行三列的表格中，显示八个例子所对应的超链接。表格与链接表格与链接例子内容文件名例一简单网页text1.htm例二字体修饰text2.htm例三超链接text3.htm例四显示图片text4.htm例五显示表格text5.htm例六表格与图片text6.htm例七表格与链接text7.htm例八列表与链接text8.htm六、页面布局在body,table,div等中设置：未链接的颜色: link=blue指向链接的颜色: alink=red已访问链接的颜色: vlink=pink背景图片： background=fskw3.jpg左对齐： align=left居中对齐： align=center右对齐： align=right段落符： 换行符： 分区符： 水平标尺： 七、无序列表：格式： 例八、无序列表功能：在一个八行的列表中，显示八个例子的超链接。无序列表列表与链接 简单网页 字体修饰 超链接 显示图片 显示表格 表格与图片 表格与链接 列表与链接2 ASPASP（Active Server Page，动态服务器端软件）是微软公司推出的新一代开发动态网页的技术与语言，具有简单易用、功能强大等优点，是初学动态网页开发者的理想选择。它能让网页开发爱好者利用ActiveX组件，在HTML语言中加入Script脚本，开发出交互性强的动态Web服务器应用程序。ASP是一个Web服务器端的开发环境，利用它可以产生和运行动态的、交互的、高性能的Web服务器应用程序。ASP支持环境服务器端JavaScript、VBScript和Java、Active X Server Component（ActiveX服务器组件）。而常见的在Client（客户）端实现动态主页的技术有Java Applet、Active X CONTROL、VBScript和JavaScript等，Script的命令是由浏览器来解释执行的。而ASP中的命令和Script语句都是由服务器来解释执行的，执行结果动态生成Web页面，回送到客户浏览器。ASP文件的扩展名为asp。ASP的特点：使用JavaScript、VBScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。目前JavaScript比VBScript使用得更广泛。无须comple编译，容易编写，可在服务器端直接执行。使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。与浏览器无关，客户端只要使用可执行HTML代码的浏览器，即可浏览ASP所设计的网页内容。ASP所使用的脚本语言（JavaScript、VBScript）均在Web服务器端执行，客户端的浏览器是不需要执行这些脚本语言。ASP的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被剽窃，影响程序的安全性能。 可使用服务器端的脚本产生客户端的脚本。 ActiveX Server Component（ActiveX服务器组件）具有无限可扩充性。可以使用Visual Basic、Java、Visual c+、Cobol等编程语言编写所需要的 ActiveX Server Component。一、关于ASP1、 ASP是服务器端脚本执行环境。ASP脚本语言是在服务器端IIS或PWS中解释和运行，并可动态生成普通的HTML网页，然后再传送到客户端供浏览。2、 ASP可以简单地生成动态的网页，并实现了源代码的隐藏，增加了系统的安全性。3、 ASP网页就是在普通的HTML网页文件中插入一些特殊的脚本语言而成。ASP网页文件扩展名是.asp。4、 ASP脚本语句以结束。默认用VBScript作为ASP脚本语句。5、 在调试ASP页面时，必须使用虚拟目录，而不是绝对路径。二、例一、最简单的ASP应用1、 功能：显示服务器端的日期。文件名：test11.asp 今天是： 这个含ASP语句的页面在服务器端运行，生成如下相应的HTML页面，再传到客户端浏览器显示： 今天是：03-11-11 三、例二、ASP应用举例功能：用1号字到7号字显示七行文字。文件名：test12.asp font size= 这行文字的字体大小为： 这个含ASP语句的页面在服务器端运行，生成如下相应的HTML页面，再传到客户端浏览器显示： 这行文字的字体大小为：1 这行文字的字体大小为：2 这行文字的字体大小为：3 这行文字的字体大小为：4 这行文字的字体大小为：5 这行文字的字体大小为：6 这行文字的字体大小为：7 四、从客户端浏览器接收用户输入的信息 通过ASP内部对象Request，服务器端可以从客户端浏览器接收用户输入的信息。格式：Request.form(name)五、向客户端浏览器输出信息 通过ASP内部对象Response，服务器端可以向客户端浏览器输出信息。格式：Response.write 字符串或：六、例三、接收信息和输出信息功能：接收用户在浏览器文本框中输入的姓名，并将结果返回给用户看。文件名：test13.asp。设：用户发送窗体语句是：action=test3.asp。输入姓名的文本框是xm。 你输入的姓名是： 3 Java和JavaScriptJava是SUN公司开发的新一代通用的编程语言。具有简单、面向对象、与平台无关、解释型、多线程和动态的特点，而且具有可移植性、安全性性能，其中最主要的特点和语言优势是跨平台，它的源程序经编译后，可在任何一个操作系统平台被解释执行。Java的目标是为满足在一个充满各式各样不同种机器、不同类型的操作的网络环境中开发软件的需求。(1)Java是专门为在网络上创建分布式可执行内容而设计的一种新型高级编程语言，在网络上能够传送HTML文本或其它多媒体文件，而且不受CPU和环境的限制传输Java Applet，用户既能浏览信息、选择信息，也能进行WWW交互式应用。(2)Java提供了丰富的类库，使程序设计者可方便地建立应用系统。Java程序分为两类：Java小程序（Applet）和Java应用程序（Application）。Java与其他语言最大的区别之处在于它与WWW的结合方式，不像CGI或Java Applet，它们都是单独的文件，而JavaScript代码则是标准的HTML文档的组成部分，就像其他的HTML标记和元素一样，是Web主页制作者所熟悉的HTML语言的扩展。一、JavaScript脚本语言的特性JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性：1、在客户端执行。完全在用户的计算机上运行，无须经过服务器。2、面向对象。具有内置对象，也可以直接操作浏览器对象。3、动态变化。可以对用户的输入作出反应，也可以直接对用户输出。4、简单易用。JavaScript脚本语言虽然简单，但初学者也能快速掌握。5、只能与HTML语言一起使用。要通过浏览器解释执行。二、如何在HTML中加入JavaScript脚本JavaScript采用的格式如下： JavaScript 语句 把上述语句放在HTML的与之间，也可放在与之间。例子：在网页上显示“你好！”。 alert(你好！) 三、在浏览器地址栏直接执行JavaScript脚本 也可以在浏览器的地址栏中输入JavaScript语句，由浏览器直接执行。 如输入：javascript:alert(200*75)四、调用JavaScript文件 可以将纯JavaScript的语句另外保存在一个*.js的文件中，需要时再调用。例子：调用test31.js文件，显示提示。 调用test31.js文件 test31.js的文件内容如下： alert(这是被调用的语句。) 五、注释语句 用表示注解部分，用作说明解释，浏览器不显示出来。不要也可以。 另外，双斜线 / ，是JavaScript 的注释语句，它后面的语句不被执行。六、变量的使用变量的声明：Var usename变量的赋值：usename=李国强例子：在网页上显示“李国强你好！”。 Var usename usename=李国强 alert(usename + 你好！) 七、数组数组的定义：var name=new Array(5) 用 new 来生成数组。数组的赋值：name1=Marry数组的初始化：var name=new Array(Marry,Petty,Mike,Jphn)数组的引用：name1注：数组的第一个素由1开始。八、运算符与表达式1、代数运算符：加（+）、减（-）、乘（*）、除（/）、取余（%）。2、比较运算符：等于（=）、不等于（!=）、大于（）、小于（=）、小于等于（=）。3、逻辑运算符：逻辑与（&）、逻辑或（|）、逻辑非（!）。表达式：由变量和运算符组成的式子。如：usename + 你好！HTML大部分功能都可以在单机的环境下进行测试，但少数设计ASP的功能却必须在web服务器环境下运行，所以在脱机应用和开发系统之前，必须将计算机虚拟为web服务器。ASP实际上是一套微软开发的服务器端脚本环境，它内含于IIS5.0和IIS4.0之中，通过ASP可以结合HTML网页、ASP指令和ActiveX组件建立动态、交互且高效的WEB服务器应用程序。有了ASP就可不必担心客户的浏览器是否能运行所编写的程序，因为所有的程序都将在服务器端进行，包括所有嵌入在普通HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样就减轻了客户端浏览器的负担，大大提高了交互的速度。4 Dreamweaver 4.0现在制作网页的工具软件最常见的是“网络三剑客”：Dreamweaver、Flash、Fireworks。其它的辅助工具软件有：Homesite、Photoshop、Cool 3D等。下面只介绍Dreamweaver。Dreamweaver是集网页制作和管理网站于一身的网页编辑器，是一套针对专业网页设计师发展的可视化网页开发工具，利用它可以轻易地制作出跨越平台限制的网页。常用的工作区组成部分有：文文件窗口、启动面板、对象面板、属性面板。Dreamweaver可以用最快速的方式将Fireworks，或Photoshop里的文件移到网页上，同时Dreamweaver能与其它设计工具，如Playback Flash，Shockwave(冲击波)和外挂模块等搭配，不需要退出Dreamweaver便可完成。此外，只要单击便能自动开启Fireworks或Photoshop来编辑网页所需图片。一般应用Dreamweaver来实现网页的布局、结构等功能。5数据库网页设计基础一、关于数据库网页设计步骤1、先建好一个数据库放在服务器中。2、创建数据库的ODBC。3、设计一个查询网页，接收用户选择。4、设计一个处理网页（ASP），根据用户的请求，从服务器中选择部分或全部记录。5、设计一个显示查询结果网页。二、建立一个数据库 在Access97中建立一个数据库，Book.mdbIDNamepwd1汪立志11112李红光22223王建军33334刘明易4444三、创建Access数据库的ODBC1、在服务器中打开“ODBC管理器”。2、选择“系统DSN”“添加”。3、指定Access驱动程序“完成”。 4、指定“资料源名”为“accessdb”（可随便起）。5、选取一个数据库D:Book.mdb“确定”。四、运行ASP程序1、启动PWS（在调试阶段）。2、将所有文件保存在“D:网页设计”中。3、将“D:网页设计”在PWS中虚拟为“WWW”目录。4、启动IE，在地址栏输入：http:/localhost/www/disp.asp（要用虚拟目录，不用绝对路径）五、例一、显示全部记录功能：显示Book.dbf中的全部记录，文件名disp.asp。%set rs=server.createobject(adodb.recordset)rs.open select * from info,dsn=accessdb,3,3rs.movefirstdo while not rs.eofresponse.write rs(0) & - & rs(1) & - & rs(2) & rs.movenextlooprs.closeset rs=nothing%六、与数据库有关的属性rs.movefirst最前记录rs.movelast最后记录rs.movenext下一记录rs.moveprevious上一记录rs.move(n)向前、向后移动N个记录rs.bofrs.eofrs.recordcount记录总数rs.fields(name)字段名rs(2)第三个字段七、例二、在表格中显示全部记录功能：在表格中显示Book.dbf中的全部记录，文件名disp1.asp。编号姓名密码%do while not rs.eofresponse.write response.write &rs(0)&response.write &rs(1)&response.write &rs(2)&response.write rs.movenextlooprs.closeset rs=