Dreamweaver-CS5-网页制作

《Dreamweaver-CS5-网页制作》由会员分享，可在线阅读，更多相关《Dreamweaver-CS5-网页制作（110页珍藏版）》请在金锄头文库上搜索。

1、Dreamweaver CS5 网页制作WWW服务的基本概念WWW是World Wide Web的缩写，简称为Web（万维网）。 WWW起源于1989年3月，是由欧洲粒子物理实验室CERN (the European Laboratory for Particle Physics)开发的主从结构分布式（“客户机/服务器”模式）超文本系统。是以超文本标记语言（HTML,HyperText Markup Language）与超文本传输协议（HTTP，Hyper Text Transfer Protocol)为基础，提供面向Internet服务、具有一致的用户界面的信息浏览系统。1992年1月, W

2、eb的第一个版本在瑞士日内瓦问世 。 WWWWWW是一个全球性的信息系是一个全球性的信息系统，使，使计算机能算机能够在在InternetInternet上相互上相互传送基于超媒体的数据信息。送基于超媒体的数据信息。 WWWWWW也可以用来建立也可以用来建立IntranetIntranet（企企业内部网）的信息系内部网）的信息系统。 WWWWWW具有三个具有三个统一：一：1.1.统一的一的资源命名方式：源命名方式：URLURL（统一一资源定位符，即网址）。源定位符，即网址）。 2.2.统一的一的资源源访问方式：方式：HTTPHTTP（超文本超文本传输协议）。）。3.3.统一的信息一的信息组织方式

3、：方式：HTMLHTML（超文本超文本标记语言）。言）。WWW服务的特点Web系统的结构 Web浏览器软件安装在用户的计算机上，用户必须通过浏览器来查看服务器上的内容。 当客户通过浏览器向服务器发送一个查询请求时，服务器负责对来自客户机的请求做出回答，找到信息和传递文件给用户；当客户机接收到文件，浏览器软件解释该文件在客户机上，用户才能在屏幕上看到。WebWeb系统的结构采用系统的结构采用客户机客户机/ /服务器服务器模式。模式。Web系统的结构网页存放在被称为网页存放在被称为WebWeb服务器服务器(Web Server)(Web Server)的计算机上，的计算机上，等待用户访问。等待用户

4、访问。 Web服务器1.1.1.1.什么是什么是什么是什么是Web Web Web Web 服服服服务务器器器器？WebWeb服服务器也称器也称为 HTTPHTTP服服务器，它是响器，它是响应来自来自浏览器的器的请求，并且求，并且发送出送出 网网页的的软件。件。当当访问者在者在浏览器的地址文本框中器的地址文本框中输入一个入一个 URLURL，或者或者单击在在浏览器中打开的器中打开的 网网页上的某个上的某个链接接时，便生成一个网便生成一个网页请求。求。 常常见的的 Web Web 服服务器有：器有：Microsoft Internet Information ServerMicrosoft In

5、ternet Information Server（IISIIS）Microsoft Personal Web Server(PWS)Microsoft Personal Web Server(PWS)Apache HTTP ServerApache HTTP ServerNetscape Enterprise ServerNetscape Enterprise ServerSun ONE Web ServerSun ONE Web Server。 Web服务器2.2.2.2.五种常五种常五种常五种常见见的的的的WebWebWebWeb应应用程序用程序用程序用程序服服服服务务器器器器Dream

6、weaverDreamweaver可以使用以下五种服可以使用以下五种服务器技器技术的任何一的任何一种种 设计WebWeb应用程序：用程序：ColdFusionColdFusion（可用于可用于WindowsWindows和和SolarisSolaris操作系操作系统平平台的台的动态服服务器网器网页技技术） ASPASP（ActiveServerPageActiveServerPage：动态服服务器网器网页技技术） ASP.NETASP.NET（.NET.NET平台的平台的动态服服务器网器网页技技术） JSPJSP（JavaServerPageJavaServerPage：JavaJava服服务

7、器网器网页技技术） PHPPHP（PersonalHomePagePersonalHomePage：个人主个人主页技技术）每种技每种技术都与都与 DreamweaverDreamweaver中的一种文档中的一种文档类型型相相对应。 Web的特点和结构3.3.3.3.WebWebWebWeb技术经历了技术经历了技术经历了技术经历了3 3 3 3个发展阶段个发展阶段个发展阶段个发展阶段第一代，提供对静态网页的管理和访问。第一代，提供对静态网页的管理和访问。第二代，提供对动态网页的访问和显示。第二代，提供对动态网页的访问和显示。第三代，除动态网页生成和访问之外，还提供基第三代，除动态网页生成和访问之

8、外，还提供基于于WebWeb的联机事务处理能力。的联机事务处理能力。静态网页静态网页是从放置到服务器以后，直到发送给浏是从放置到服务器以后，直到发送给浏览器不会发生更改的网页，通常用览器不会发生更改的网页，通常用HTMLHTML语言编写语言编写其代码，保存为其代码，保存为. .htmhtm文件。文件。动态网页动态网页是在发送到浏览器之前由应用程序服务是在发送到浏览器之前由应用程序服务器修改的网页。动态网页的源文件可用器修改的网页。动态网页的源文件可用HTMLHTML语言语言和和VBScriptVBScript或或JavaScriptJavaScript等脚本语言编写，保存等脚本语言编写，保存为

9、为.asp.asp文件，也称为文件，也称为WebWeb应用程序。应用程序。 WWW服务的常用术语1. URL（统一资源定位符）统一资源定位符）Internet中使用URL(Uniform Resource Locators)来定位信息资源所在位置。URL格式由三部分组成，描述了浏览器检索资源所用的协议、资源所在计算机的主机地址及资源的路径与文件名。标准的URL如下：http:/ 表示用户要连接到名为的主机上，采用http方式读取名为index.html的超文本文件。 URL通过访问类型来表示访问方式或使用协议。常用的类型有：Web pages http: / Ftp Servers ftp:

10、/ Telnet telnet:/ File file:/2. 2. 网页网页WWW服务器上的基本信息单位就是网页。网页是单个的HTML文件，是作者公布信息的最小单位。3. 3. 网站网站网站是一个存放在WWW服务器上的完整信息的集合体，由一组相关联的网络文件组成，包含一个或多个网页。4. 4. 主页（首页）主页（首页）主页是一个特殊的网页，是整个网络文件的起始点和汇总点，读者开始浏览网络文件的开始点。WWW服务的常用术语网站界面的基本要素 文字 图像 声音 视频与动画 超级链接 表格 表单 导航栏超级链接 超级链接超级链接是从一个网页指向另一个目的端的链接，例如指向另一个网页或者相同网页上的

11、不同位置。这个目的端通常是另一个网页，但也可以是一幅图片，一个电子邮件地址，一个文件，一个程序或者是本网页中的其他位置。其热点通常是文本，图片或图片中的区域图片中的区域，也可以是一些不可见的程序脚本。当浏览者单击超级链接热点时，其目的端将显示在Web浏览器上，并根据目的端的类型以不同方式打开。例如，当指向一个AVI文件的超级链接被单击后，该文件将在媒体播放软件中打开；如果单击的是指向一个网页的超级链接，则该网页将显示在Web浏览器上。加下划线的文字，就是已经建立了超链接的文本。 表格 在网页中表格用来控制网页中信息的布局方式。这包括两方面：一是使用行和列的形式把许多相互关联的信息集中起来，便于

12、用户分析、比较；二是可以利用表格来控制各种网页元素在网页中布局定位，对网页进行排版。表单 网页中的表单通常用来接受用户在浏览器端的输入，然后将这些信息发送到用户设置的目标端。这个目标可以是文本文件，Web页，电子邮件，也可以是服务器端的应用程序。 表单一般用来收集联系信息、接受用户要求、获得反馈意见、设置来宾签名簿、让浏览者注册为会员并以会员的身份登陆站点等。表单由不同功能的表单域组成，最简单的表单也要包含一个输入区域和一个提交按钮。站点浏览者填写表单的方式通常是输入文本，选中单选按钮或复选框，以及从下拉列表框中选择选项等。框架页面 一般情况下都是一个浏览器窗口显示一个的Web页面，这一类页面

13、简单、直观制作方便。但是当要求在一个窗口内容纳大量信息时，比如一个大型网站的首页，这种页面就很难胜任了。这时，我们就必须运用框架技术来解决问题。框架的作用就是把浏览器窗口划分为若干个区域，每个区域显示不同的网页。可视化网页编辑工具 Dreamweaver是由Macromedia公司推出的一款网页制作软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页。Dreamweaver的网页动态效果与网页排版功能都比一般的软件好用，所以它是网页设计者的首选工具。它可以满足多层次需求，是功能强大的可视化、专业级网页设计及制作工具。动态网页技术 在Internet早期，

14、Web站点大都是由静态web页组成，静态页面只能固定地显示事先设计好的页面内容。随着Web业务处理越来越多，业务需求层次越来越高，特别是一些特殊的业务需求，比如商业网站中客户资料的获得、产品信息的查询、信息的反馈等，HTML的局限性日益明显，因此能够与用户进行动态交互的技术，就应运而生了。 动态网页页面内容经过了服务端处理，完成了动态网页页面内容经过了服务端处理，完成了动态的个性化设置。动态的个性化设置。 但是客户端用户所接收到的页但是客户端用户所接收到的页面与传统页面并没有任何区别。面与传统页面并没有任何区别。 (1) CGI技术 CGI -Common Gateway Interface，

15、公用网关接口。用来实现CGI应用程序的编程语言有许多种，如Visual Basic、C/C+、Perl等。当用户在浏览器端填好表单要求输入的资料，提出HTTP请求后，Web服务器端执行该表单所设定的CGI应用程序，处理访问者输入的信息并据此做出响应，将其运行结果传输到客户端的浏览器上。 由于CGI程序不是整合在HTML文档中，因此须使用与HTML不同的设计过程来设计一个应用程序，每一次修改程序都必须重新将CGI程序编译成可执行文件。使用CGI方式的缺点是效率低下。动态网页技术 ( 2) ASP技术 ASP （Active Server Pages）是微软公司推出的Web应用程序开发技术。使用A

16、SP可以建立动态的、交互的、高效的Web服务器应用程序。 ASP允许用服务器端脚本来扩展HTML，使HTML编写人员可以利用VBScript、JavaScript或其他第三方脚本语言编程，实现动态网页。如果去掉这些包含实现动态功能的脚本语句，它和标准的HTML文件没有任何区别。 ASP核心技术是对组件和对象技术的充分支持。利用ASP内建对象可以进一步扩展HTML，使脚本更加强大。ASP还包含标准的ActiveX组件， ASP本身封装了一些基本组件和常用组件，同时也可以使用第三方组件，通过访问组件可以简化编程，快速、简易地完善HTML。动态网页技术 (3) JSP技术 JSP（Java Serv

17、er Pages）是由Sun公司推出的，基于Java Servlet以及整个Java体系的Web开发技术。利用这一技术可以建立先进、安全和跨平台的动态网站。 JSP和 微软的ASP在技术方面有许多相似之处。两者都是为基于Web应用实现动态交互网页制作提供的技术环境支持。两者都能够为程序开发人员提供实现应用程序的编制与自带组件设计，而且都能够替代CGI使网站建设与发展变得较为简单与快捷，不过两者是来源于不同的技术规范组织。 动态网页技术站点目录结构设计 网站的目录是指建立网站时创建的文件目录。目录结构的好坏，对浏览者来说并没有什么感觉，但对于站点本身的维护、内容未来的扩充和移植有着重要的影响。步

18、骤步骤1. 1. 在驱动器根目录下创建网站文件夹；在驱动器根目录下创建网站文件夹；步骤步骤2. 2. 在网站文件夹目录下建立子目录；在网站文件夹目录下建立子目录；按文件的类型建立子目录按文件的类型建立子目录按栏目内容建立子目录按栏目内容建立子目录网站的链接结构 网站的链接结构有网站的链接结构有网站的链接结构有网站的链接结构有树状链接结构，星状链接结构树状链接结构，星状链接结构树状链接结构，星状链接结构树状链接结构，星状链接结构。树状链接结构树状链接结构 星状链接结构星状链接结构网页文件命名设计1. 文件名称统一用小写的英文字母、数字和下划线的组合 2. 主页文件名用 index.htm（ind

19、ex.html) 或 index.asp3. 文件命名原则 方便理解每一个文件的意义。尽量用英文，不要用拼音、中文。方便理解每一个文件的意义。尽量用英文，不要用拼音、中文。 当我们在文件夹中使用当我们在文件夹中使用“按名称排列按名称排列”的命令时，同一种大类的文件能的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换等操作够排列在一起，以便我们查找、修改、替换等操作 。 例，例，“新闻新闻”栏目栏目htmlhtml文件的命名原则文件的命名原则 ：“国内新闻国内新闻”的网页文件依次取名为：的网页文件依次取名为：china_1.htm, china_2.htm, china_1.ht

20、m, china_2.htm, ；“国际新闻国际新闻”的网页文件依次取名为：的网页文件依次取名为：internation_1.htm, internation_1.htm, internationinternation _2.htm, _2.htm, 应用场景p企业网站企业网站 p电子商务网站电子商务网站 p个人网站个人网站 p门户网站门户网站 p机构网站机构网站p教育网站教育网站p娱乐网站娱乐网站p社区网站社区网站企业网站电子商务网站个人网站门户网站机构网站教育网站娱乐网站社区网站Web服务器配置服务器配置架设网站的基本条件架设网站的基本条件 1. 1. 要有主机或主机空间要有主机或主机空间

21、 所谓主机在这里是指所谓主机在这里是指WebWeb服务器。我们知道用户能浏服务器。我们知道用户能浏览网站上的网页实际上是从远程的览网站上的网页实际上是从远程的WebWeb服务器上读取了一服务器上读取了一些内容，然后显示在本地计算机上的过程。因此如果要使些内容，然后显示在本地计算机上的过程。因此如果要使网站能被访问就必须把网站的所有文件放到网站能被访问就必须把网站的所有文件放到WebWeb服务器上服务器上 使用本机作为使用本机作为WebWeb服务器服务器 将网站上传到专门的将网站上传到专门的WebWeb服务器上服务器上 架设ASP网站服务器服服务务器运行器运行 ASPASP 网站必网站必须须具具

22、备备一定得一定得软软件件环环境和硬件境和硬件环环境境在在 Windows Windows xpxp上，需安装上，需安装 IISIISIISIIS 5.1 5.1 5.1 5.1；必须有数据库软件，如必须有数据库软件，如Access;Access; 三个必选项：三个必选项：Internet Internet 信息服务管理单元信息服务管理单元公用文件公用文件万维网服务万维网服务安装IIS 安装完成之后，可以打开安装完成之后，可以打开浏览器，在地址栏输入浏览器，在地址栏输入“localhostlocalhost”，如果出现，如果出现如图如图2.22.2所示，就说明所示，就说明InternetInte

23、rnet信息服务已经安信息服务已经安装成功，安装成功的计算装成功，安装成功的计算机就是一台功能强大的机就是一台功能强大的Web Web 服务器了。服务器了。Internet信息服务界面Web站点配置选择【开始】|【控制面板】|【管理工具】|【Internet信息服务】命令，可以打开【Internet信息服务】窗口，如图所示。Internet信息服务窗口默认网站属性 默认网站属性指定站点主目录、默认文档主目录用来存放站点文件的位置，默认是 %system%Inetpubwwwroot。单击“主目录”标签，切换到如图2.6所示的主目录设置页面，该页面可实现对主目录的更改或设置。可以选择其他目录作为

24、存放站点文件的位置。实现方法：点击“浏览”按钮，选择存放站点文件的实际物理路经适当赋予访问者一些权限，例如读取、目录浏览等。设定访问权限一般赋予访问者有匿名访问的权限，其实IIS 默认已经在系统中建立了 IUSR_机器名 这种匿名用户了。匿名身份验证使用户无需输入用户名或密码即可访问网站上的公共部分。 实现方法：单击“目录安全性”标签，点选匿名访问和身份验证控制组里的“编辑”按钮在“身份验证方法”对话框中点选“匿名访问”和“允许IIS控制密码”复选框。设置情况如图所示。Dreamweaver CS5Dreamweaver CS5的工作界面的工作界面DreamweaverDreamweaver

25、CS5 CS5工作区的构成工作区的构成DW CS5 站点管理DW CS5 站点管理DW CS5 站点管理这里一定要里一定要选择 站点根目站点根目录。 HTML这里是网页标题这里是网页标题/TITLEBODY text=#000000 h3 这是我的第一个网页这是我的第一个网页/h3这是用这是用HTMLHTML语言编写的，以后还要学习网语言编写的，以后还要学习网页编著工具。页编著工具。/font以下是一个网页的源代码：动手做第一个网页Html基础基础HTML基础 一、一、 HTMLHTML的概念的概念1.1.1.1.什么是什么是什么是什么是HTML HTML HTML HTML ？超文本标记语言

26、超文本标记语言( (HTMLHTMLHyperTextHyperText Markup Language Markup Language) )是用于设计网页源文件（网页文档）的语言。每一个页是用于设计网页源文件（网页文档）的语言。每一个页面的代码保存为一个网页源文件面的代码保存为一个网页源文件(.(.htmhtm文件文件) ) 。八十年代初，八十年代初，HTMLHTML由万维网联盟（由万维网联盟（W3CW3C：World Wide Web World Wide Web ConsortiumConsortium）制订。制订。 HTMLHTML包括一些定义页面内容和格式的符号，称为标记。包括一些定

27、义页面内容和格式的符号，称为标记。它能够将文本、图像、声音和动画结合在一个网页文档它能够将文本、图像、声音和动画结合在一个网页文档中。这些文档可以通过中。这些文档可以通过WebWeb浏览器显示，还可以通过超链浏览器显示，还可以通过超链接以访问其它的信息资源。接以访问其它的信息资源。后来，进一步推出了后来，进一步推出了XMLXML（扩展标记语言），该语言可以扩展标记语言），该语言可以由程序员自己定义标记。由程序员自己定义标记。 HTMLHTMLHTMLHTML文档的基本结构文档的基本结构文档的基本结构文档的基本结构HTMLHTML语言的主要作用有：语言的主要作用有：（1 1 1 1）格式化文本。

28、）格式化文本。）格式化文本。）格式化文本。如设置标题、字体、字号、颜色；设置文本的段落、对齐方式等。如设置标题、字体、字号、颜色；设置文本的段落、对齐方式等。（2 2 2 2）建立超链接。）建立超链接。）建立超链接。）建立超链接。通过超链接，只需用鼠标单击，就可以实现网页间的跳转。通过超链接，只需用鼠标单击，就可以实现网页间的跳转。（3 3 3 3）创建列表。）创建列表。）创建列表。）创建列表。把信息用一种易读的方式表现出来。把信息用一种易读的方式表现出来。（4 4 4 4）插入图像。）插入图像。）插入图像。）插入图像。使网页图文并茂，还可以设置图像的各种属性，如大小、边框、布局等。使网页图文

29、并茂，还可以设置图像的各种属性，如大小、边框、布局等。（5 5 5 5）建立表格。）建立表格。）建立表格。）建立表格。表格为浏览者提供了快速找到需要信息的显示方式，还可以用表格来设定表格为浏览者提供了快速找到需要信息的显示方式，还可以用表格来设定整个网页的布局。整个网页的布局。（6 6 6 6）加入多媒体。）加入多媒体。）加入多媒体。）加入多媒体。可以在网页中加入音频、视频、动画，还能设定播放的时间和次数。可以在网页中加入音频、视频、动画，还能设定播放的时间和次数。（7 7 7 7）交互式表单等。）交互式表单等。）交互式表单等。）交互式表单等。为获取远程服务而设计表单，可用于检索信息、定购产品

30、等。为获取远程服务而设计表单，可用于检索信息、定购产品等。 HTML基础HTML基础2.2.2.2.什么是标记什么是标记什么是标记什么是标记？标记是网页文档中的一些有特定意义的符号。这些符号指标记是网页文档中的一些有特定意义的符号。这些符号指明如何显示文档中的内容。明如何显示文档中的内容。标记总是放在三角括号中，大多数标记都成对出现（有开标记总是放在三角括号中，大多数标记都成对出现（有开始标记和结束标记）。结束标记和开始标记所用的字符相始标记和结束标记）。结束标记和开始标记所用的字符相同，只是前面加一个斜杠。例如：同，只是前面加一个斜杠。例如： 用于标记用于标记一个自然段一个自然段。 标记可以

31、具有相应属性即各种参数，如标记可以具有相应属性即各种参数，如sizesize、colorcolor、 texttext、 widthwidth和和noshadenoshade等等 。 例如：例如： HTML基础 标记通常可以分成两种：通常可以分成两种：第一种用来指定网页上的元素或元素的样式。第一种用来指定网页上的元素或元素的样式。例如，例如， 指定一个自然段及其字体和指定一个自然段及其字体和颜色：色：(自然段内容自然段内容) )第二种用来指向其它的资源。第二种用来指向其它的资源。例如，指定一个例如，指定一个链接地址：接地址：a”武武汉大学大学指定一个指定一个图片文件：片文件： HTML基础 三

32、三、HTMLHTML的常用标记的常用标记 1. HTML1. HTML1. HTML1. HTML文档的结构标记文档的结构标记文档的结构标记文档的结构标记 用来指明一个用来指明一个用来指明一个用来指明一个HTMLHTMLHTMLHTML文档的基本文档的基本文档的基本文档的基本结结构。构。构。构。 （1 1 1 1）文件标记：）文件标记：）文件标记：）文件标记：整个整个HTMLHTML文档内容均在文档内容均在标记之中。之中。（2 2 2 2）头部标记：）头部标记：）头部标记：）头部标记： 整个整个HTMLHTML文档分文档分头部和主体部分。部和主体部分。头部使用部使用标记标识，凡是在此，凡是在此

33、标记之内的内之内的内容，例如容，例如标题等，均属于等，均属于头部信息。部信息。头部信息不部信息不显示在示在WebWeb页中。中。 HTML基础（3 3 3 3）头部标题标记：）头部标题标记：）头部标题标记：）头部标题标记： 在此标记之间的内容将作为标题显在此标记之间的内容将作为标题显在此标记之间的内容将作为标题显在此标记之间的内容将作为标题显示在浏览器的标题栏。注意：示在浏览器的标题栏。注意：示在浏览器的标题栏。注意：示在浏览器的标题栏。注意： 标标标标记只能放在记只能放在记只能放在记只能放在标记之间。标记之间。标记之间。标记之间。 （4 4 4 4）主体标记：）主体标记：）主体标记：）主体标

34、记： 主体是主体是主体是主体是WebWebWebWeb页的主要部分，页的主要部分，页的主要部分，页的主要部分， 用用用用标记定义的信息将显示在标记定义的信息将显示在标记定义的信息将显示在标记定义的信息将显示在WebWebWebWeb页中。页中。页中。页中。例如例如： （见下下页）HTML基础结构结构标记示例标记示例斜体字文本斜体字文本 HTML文档的基本结构文档的基本结构 HTMLHTML文档通常由文档通常由版本信息版本信息版本信息版本信息、文档头文档头文档头文档头(head)(head)(head)(head)和和文档主体文档主体文档主体文档主体(body)(body)(body)(body

35、)三部分组成。三部分组成。网页制作111111111111111111.版本信息说明：版本信息说明：用户在定义HTML文档内容时，可以省略版本信息说明部分。2.HTML文件标记：文件标记：通过这一对特殊标记，明确地表示了当前文档是超文本文档，它不带任何属性。3.头部信息标记：头部信息标记：标明当前文档的有关信息。4.文档标题标记：文档标题标记：title标记之间是HTML文档的标题，这个标题会显示在浏览器窗口的标题栏中，同时，它必须放在标记之间。5.文档主体标记：文档主体标记：在其中可以规定整个文档的一些基本属性，并且其中的内容会显示在浏览器中。HTML基础 2.2.2.2.格式标记格式标记格

36、式标记格式标记 （1 1）（段落标记）段落标记） 标记用用来来创建建一一个个段段落落，在在此此标记之之间的文本将按照段落的格式的文本将按照段落的格式显示。示。 （2 2） （换行标记）换行标记） 是是一一个个很很简单的的标记，它它没没有有结束束标记，用来用来创建一个建一个换行。行。 （3 3） （两两边边缩缩进进标记）标记） 在在 标记之之间的文本将按照两的文本将按照两边缩进的方式的方式显示。示。 下面一一介绍在标记之间常用的各种标记。HTML基础 （4 4） （列表标记）列表标记） 用来创建一个列表用来创建一个列表; ; 用来创建列表中的上层项目用来创建列表中的上层项目; ; 用来创建列表中

37、最下层项目用来创建列表中最下层项目; ; 和和 都都 必必 须须 放放 在在标记之间。标记之间。 例例2-2 2-2 创建一个普通列表：创建一个普通列表：HTML基础 一个普通列表一个普通列表 中国城市中国城市/ 北京北京 / 上海上海 / 广州广州 / 美国城市美国城市/ 华盛盛顿 / 芝加哥芝加哥 / 纽约 / HTML基础 （5 5） （标有有数数字字或或圆点点的的列表列表标记） 标记用用来来创建建一一个个标有有数数字字的的列列表；表； 标记用用来来创建建一一个个标有有圆点点的的列列表；表； 标 记 只只 能能 在在 或或 标记之之间使用，此使用，此标记对用来用来创建一个列表建一个列表项

38、。 若若 放放在在 之之间, ,则每每个个列列表表项加加上上一一个数字，若在个数字，若在 之之间, ,则每个列表每个列表项加上一个加上一个圆点。点。 HTML基础 例例2-3 2-3 标有数字的列表与标有圆点的列表：标有数字的列表与标有圆点的列表： 标有数字与圆点的列表标有数字与圆点的列表 中国城市中国城市 北京北京 / 上海上海 / 广州广州 / / 美国城市美国城市 华盛顿华盛顿 / 芝加哥芝加哥 / 纽约纽约 / /HTML基础（6 6）（分段分段标记） 标记对用用来来排排版版大大块HTMLHTML段段落落，也也用用于于格格式式化化表表，此此标记的的用用法法与与标记非非常常相相似似，同同

39、样有有alignalign对齐方方式式属性属性 。 alignalign属属性性，它它用用来来说明明对齐方方式式，语法是：法是：。 alignalign可可以以是是Left(Left(左左对齐) )、Center(Center(居居中中) )和和Right(Right(右右对齐) )三个三个值中的任何一个。中的任何一个。 例例如如：p align=“Center”表表示示标记中的文本居中中的文本居中显示。示。HTML基础3. 3. 3. 3. 文本文本文本文本标记标记 （1 1）(预处理理标记) )表示表示标记之之间的文本原有格的文本原有格式如式如wordword格式仍有效格式仍有效 。（2

40、2）（六六级标题标记）是最大的是最大的标题，则是是最小的最小的标题。如果要在。如果要在HTMLHTML文档中文档中输出出标题，那麽可以使用六那麽可以使用六对标题标记的任何一的任何一对。HTML基础 （3 3）（字体字体标记） 之之间的文本以黑体字的形式的文本以黑体字的形式输出；出； 之之间的文本以斜体字的形式的文本以斜体字的形式输出；出； 之之间的文本以下加一划的文本以下加一划线的形式的形式输出。出。 （4 4）（强调加重加重标记） 用来用来输出需要出需要强调的文本的文本( (通常是斜体加黑体通常是斜体加黑体) )； 则用用来来输出出加加重重文文本本( (通通常常也也是是斜斜体体加加黑黑体体)

41、 )。 HTML基础 （5 5） （字体的大小字体的大小颜色色标记） 可可以以指指定定输出出文文本本的的字字体体大大小、小、颜色，它主要两个属性色，它主要两个属性sizesize和和colorcolor。 sizesize属性用来指定字体的大小，可以取属性用来指定字体的大小，可以取值： -1-1、1 1和和+1+1等等； colorcolor属属性性用用来来指指定定文文本本的的颜色色，颜色色的的取取值是是十十六六进制制RGBRGB颜色色码或或HTMLHTML语言言给定定的的颜色色名名称称。例例如如，#ff0000#ff0000，引引号号内内的的rrggbbrrggbb是是用用六六位位十十六六进

42、制制数数字字表表示示的的RGB(RGB(即即红、绿、蓝三三色色的的组合合) )颜色，色，#ff0000#ff0000对应的是的是红色。色。HTML基础 HtmlHtml语言所给定的颜色名称有：语言所给定的颜色名称有： BlackBlack、WhiteWhite、GreenGreen、MaroonMaroon、OliveOlive、NavyNavy、PurplePurple、GrayGray、YellowYellow、LimeLime、AguaAgua、FuchsiaFuchsia、SilverSilver、RedRed、BlueBlue和和TealTeal。 例如：例如： sizesize取值

43、取值“+1”+1”、colorcolor取值取值“red”red”时的文本时的文本 表示表示标记之间的文本按大小为标记之间的文本按大小为+1+1，颜色为红色显示。，颜色为红色显示。HTML基础 例例 文本标记的综合示例文本标记的综合示例文本标记的综合示例文本标记的综合示例最大的标题最大的标题使用使用h3h3的标题的标题最大的标题最大的标题黑体字文本黑体字文本 斜体字文本斜体字文本 下加一划线文本下加一划线文本 强调的文本强调的文本加重的文本加重的文本sizesize取值取值“+1”+1”、colorcolor取值取值“red”red”时的文本时的文本HTML基础4. 4. 4. 4. 链接标记

44、链接标记链接标记链接标记 （1 1）a href=“（超链接标记超链接标记） 在在标标记记对对之之间间可可指指定定作作为为超超链链接接的的文文本本或或图图像像，使使用用 标记指定图像。标记指定图像。 例如，指定超链接及其文本例如，指定超链接及其文本“武汉大学网站武汉大学网站” ” ：a href= 武汉大学网站武汉大学网站 或者，指定超链接及其图像或者，指定超链接及其图像“d:pic1.gif”d:pic1.gif”：a src=d:pic1.gif 在上例中，在上例中，hrefhref的值是武汉大学的网址。的值是武汉大学的网址。 （hrefhref缩写：缩写：h http ttp refre

45、ferenceerence含义为含义为httphttp引用。）引用。）HTML基础 hrefhref的值也可以是的值也可以是mailto:mailto:形式，即发送形式，即发送E-MailE-Mail形式。语法为：形式。语法为： 这就就创建建了了一一个个自自动发送送电子子邮件件的的链接接，mailto:mailto:后后边紧跟跟想想要要自自动发送送的的电子子邮件件的的地地址址( (即即E-MailE-Mail地址地址) )。例如，例如，链接到我的接到我的电子信箱子信箱： a href=mailto:这这是是我我的的电电子子信信箱箱(E-(E-MailMail信箱信箱)HTML基础 还具有还具有

46、targettarget属性，此属性用来属性，此属性用来指明显示的目标窗口。指明显示的目标窗口。 如如果果不不使使用用targettarget属属性性，当当浏浏览览者者点点击击了了链链接接之之后后将将在在原原来来的的浏浏览览器器窗窗口口中中显显示示HTMLHTML文文档档，若若targettarget的的值值等等于于“_blank”_blank”，点点击击链链接接后后将将会会打打开开一一个个新新的的浏览器窗口显示浏览器窗口显示HTMLHTML文档。文档。 例例如如，进进入入，并并且且在在新新窗窗口口中中显显示示网页：网页： a target=_blank在新窗口中显示在新窗口中显示 HTML基

47、础 例例 链接标记的综合示例链接标记的综合示例链接标记的综合示例链接标记的综合示例p align=center style=font-size:9pt; 欢迎想要学习网页制作的同学访问网站欢迎想要学习网页制作的同学访问网站 a href=http:/武汉大学网站武汉大学网站 HTML基础a 本网站的主要内容本网站的主要内容 / target=_blank在新窗口中显示在新窗口中显示 欢迎给我来信，我的欢迎给我来信，我的E-MailE-Mail是：是： 可以建立HTML源文件和作为超链的图像文件d:Inetpubwwwrootweb.gif，在浏览器中显示执行结果。 5.5.5.5.图图像像

48、像像标记标记和多媒体和多媒体和多媒体和多媒体标记标记 （1 1）图像像标记 ： 将将图形文件嵌入到网形文件嵌入到网页文档中的当前位置。文档中的当前位置。例如，网例如，网页文档与文档与图形文件形文件logo.giflogo.gif在同一个在同一个目目录下，下，则可以将代可以将代码写成写成: :。假如假如图形文件放在网形文件放在网页文档所在目文档所在目录的一个子的一个子目目录(images)(images)下，下，则代代码应为： =images/logo.gif。此外，此外， 标记还有有altalt（文字代替）、文字代替）、alignalign（对齐）、）、borderborder（边框）、框）、

49、widthwidth（宽度）度）和和heightheight（高度）属性。高度）属性。 HTML基础 假如图形文件放在网页文档所在目录的上层目录假如图形文件放在网页文档所在目录的上层目录假如图形文件放在网页文档所在目录的上层目录假如图形文件放在网页文档所在目录的上层目录( ( ( (如如如如home)home)home)home)下，则相对路径就必须是准网址，即用下，则相对路径就必须是准网址，即用下，则相对路径就必须是准网址，即用下，则相对路径就必须是准网址，即用“././././”表示网站，后边紧跟文件在网站中的路径。表示网站，后边紧跟文件在网站中的路径。表示网站，后边紧跟文件在网站中的路径

50、。表示网站，后边紧跟文件在网站中的路径。例如，例如，homehome是网站下的一个目是网站下的一个目录，则代代码应为： =./home/logo.gif。例如，例如，homehome是网站下的目是网站下的目录kingking下下边的一个子目的一个子目录，则代代码应为： =./king/home/logo.gif。 HTML基础 例例例例 图像标记举例图像标记举例图像标记举例图像标记举例图像标记示例图像标记示例p width=468 height=60 HTML基础若事先在网站根目录中存放一幅图像logo468_60.gif ，则可以在网页中显示它。alt=网页制作属性表示在网页中可以用文字网页

51、制作代替该图像先行显示出来。 6.6.6.6.多媒体多媒体多媒体多媒体标记标记 A.A.设置音置音乐播放的播放的链接接 在在WindowsWindows中中，可可播播放放的的音音乐文文件件格格式式常常有有auau、midmid及及wavwav三三种种。若若要要提提供供音音乐文文件件让浏览者者播播放放，则可建立指向音可建立指向音乐文件的超文件的超链接。例如：接。例如：甜美音乐甜美音乐 B.B.设置影像播放的置影像播放的链接接 常常见的的影影像像文文件件有有movmov、mpgmpg和和aviavi。可可建建立立超超链接接到到影影像像文文件件。当当浏览者者单击超超链接接时，将将会会调用用Windo

52、wsWindowsMediaMediaPlayerPlayer，进行行影影像像文文件件播播放放。例如：例如：A HREF=本市交通本市交通 HTML基础 C.C.直接将音直接将音乐或影像嵌入网或影像嵌入网页 可以用可以用标记，即，即: : EMBED 若若“播播放放次次数数”设为TRUETRUE，则无无限限次次播播放放，直直到到单击关关闭或或停停止止。若若设为NONO（默默认值），则只只播放一次。播放一次。D.D.播放网播放网页背景音背景音乐 可运用可运用标记，即：，即： BGSOUND SRC= 若若“次次数数”设为InfiniteInfinite，音音乐将将循循环播播放放，直到网直到网页关

53、关闭为止。止。 HTML基础 7. 7. 7. 7. 表格表格表格表格标记标记 （用于制作表格或网（用于制作表格或网（用于制作表格或网（用于制作表格或网页结页结构）构）构）构） （1 1）（创建一个表格）建一个表格） （2 2） 和和（创建建表表格中的每一行和每一格）格中的每一行和每一格）（3 3） （创建表格建表格头） 。 例例2-72-7用表格用表格标记创建下列表格。建下列表格。 HTML基础表格标记示例表格标记示例table border=1 width=80% bgcolor=#E8E8E8“ bordercolorlight=#7D7DFF bordercolordark=#0000

54、A0 =bottom意大利意大利/ =bottom英格兰英格兰/ =bottom西班牙西班牙/ / HTML基础cellpadding设置格子边框与其内容之间的大小；valign是垂直对齐方式 ；colspan设置一个格子跨占的列数；rowspan设置一个格子跨占的行数。 ACAC米兰米兰佛罗伦萨佛罗伦萨曼联曼联纽卡斯尔纽卡斯尔巴塞罗那巴塞罗那皇家社会皇家社会/ HTML基础 尤文图斯尤文图斯桑普多利亚桑普多利亚利物浦利物浦阿申纳阿申纳皇家马德里皇家马德里/ HTML基础 拉齐奥拉齐奥国际米兰国际米兰切尔西切尔西米德尔斯堡米德尔斯堡马德里竞技马德里竞技/ HTML基础 8. 8. 8. 8.

55、表表表表单标记单标记（用于制作（用于制作（用于制作（用于制作对话对话框）框）框）框） （1 1）（表表单开始和开始和结束束标记） （2 2）（输入区入区标记） （3 3）（列表框列表框标记）（4 4） （多行文本框多行文本框标记）分分别介介绍如下：如下： （1 1）标记用来用来创建一个表建一个表单，也即定也即定义表表单的开始和的开始和结束位置，在束位置，在标记对之之间的一切都属于表的一切都属于表单的内容。的内容。 HTML基础 标记具有具有actionaction、methodmethod和和targettarget属性。属性。 actionaction的的值是是处理程序的程序名理程序的程序名

56、。例。例如：如：form”， 当当 用用 户 提提 交交 表表 单 时 ， 服服 务 器器 将将 执 行行 网网 站站http:/http:/ /上的上的counter.cgicounter.cgi程序。程序。 methodmethod用用来来定定义处理理程程序序从从表表单中中获得得信信息息的方式，可取的方式，可取值为 GETGET或或 POSTPOST。GETGET：将将表表单数数据据附附加加在在请求求页面面的的URLURL地地址址后后面面。GETGET方方法法用用来来传送送少少量量数数据据，字字符符数数不不能能超超过81928192个个字符。字符。 POSTPOST：将将在在HTTPHTT

57、P请求求中中嵌嵌入入表表单数数据据。POSTPOST方方法用来法用来传送大量数据。送大量数据。targettarget用来指定用来指定显示表示表单的目的目标窗口。窗口。 HTML基础 （2 2）inputtype=“”标记用用来来定定义一一个个用用户输入入区区，用用户可可在在其其中中输入入信信息息。此此标记必必须 放放 在在 标 记 对 之之 间 。 inputtype=“”标记中中共共提提供供文文本本框框、按按钮、复复选框框、单选钮等八种等八种类型的型的输入区域入区域 。例如：。例如： HTML基础 （3 3）标记用来创建一个下拉列表框或可以复选的列表标记用来创建一个下拉列表框或可以复选的列

58、表框。此标记对用于框。此标记对用于标记之间。标记之间。具有具有multiplemultiple、namename和和sizesize属性。例如：属性。例如： form action= method=post 请选择最喜最喜欢的男歌星的男歌星: : option value=“ ”刘德刘德华 option value=“” selected张学友学友 option value=“”郭富城郭富城 黎明黎明 HTML基础标记指定列表框中的一个选项，此标记具有selected和value属性。value指定选项值，这个值要传送到服务器上。服务器正是通过调用区域的名字的value属性来获得该区域选中的数

59、据项的。 （4 4） 标记创建可以输入多行的文本框，标记创建可以输入多行的文本框，此标记对用于此标记对用于标记对之间。标记对之间。 有有namename、colscols和和rowsrows属属性性。 namename 、colscols和和rowsrows属属性性分分别用用来来设置置文文本本框框的的名名称称、列列数数和和行行数数。列列与与行行以字符数以字符数为单位。例如：位。例如： HTML基础 例例 建立一个输入密码，以及具有确认和重输按钮的表单。建立一个输入密码，以及具有确认和重输按钮的表单。 请输入密入密码： input type=password size=20 name= inpu

60、t type=submit name=B1 value= input type=reset name=B2 value= HTML基础 9.9.9.9.其他常用标记其他常用标记其他常用标记其他常用标记 （1 1 1 1）空格空格空格空格标记标记& & &  nbspnbspnbsp建立建立HTMLHTML源文件源文件时，若用空格，若用空格键输入多个空格，入多个空格，都将被都将被视为一个。因此，如果想要一个。因此，如果想要输入多个空格入多个空格时，必必须用多个用多个标记&  nbsp。（2 2 2 2）原始排版有效原始排版有效原始排版有效原始排版有效标记标记和和和和若要使若要使H

61、TMLHTML源文件保留原始的文件排版方式（如：源文件保留原始的文件排版方式（如：EnterEnter表示表示换行等），只需在行等），只需在该文本前加入文本前加入标记以及在文本以及在文本结束后加上束后加上标记，即可使，即可使浏览器器显示文件原始排版方式。示文件原始排版方式。HTML基础 例如：在例如：在HTMLHTML源文件中使用空格标记源文件中使用空格标记&  nbsp 。 标记使用使用实例例信信物物&      nbsp;     ;席席慕慕容容有有谁会将会将诗集放在行囊里离去集放在行囊里离去等

62、等待待在在独独居居的的旅旅舍舍枕枕边&  nbsp; ;一一页一一页地地翻翻开开灯灯熄熄之之后后&     nbsp;    ;窗窗里里窗窗外外HTML基础 （3 3）自动切换标记自动切换标记 标记能能使使网网页显示示几几秒秒种种后后，自自动切切换到另一网到另一网页。语法如下：法如下： meta http-equiv=”refresh” 说明：明：A.A.标记应当置于当置于标记之后之后; ; B.B.设置置http-equivhttp-equiv属属性性等等于于”refresh”refresh”表表示示自自动更新；更新

63、； C.C.“秒秒数数；URL=URL=文文件件名名称称或或网网址址”用用于于指指定定几几秒秒后后将将执行行自自动更更新新，以以及及更更新新后后所所连接接的的网网页地址与名称。地址与名称。 HTML基础 （4 4）水平线标记水平线标记 标记是是在在HTMLHTML文文档档中中加加入入一一条条水水平平线，它它可可以以直直接接使使用用，具具有有sizesize、colorcolor、widthwidth和和noshadenoshade属属性性。sizesize是是设置置水水平平线的的厚厚度度，而而widthwidth是是设定定水水平平线的的宽度度，默默认单位位是是像像素。素。noshadenosh

64、ade属性用来加入一条没有阴影的水平属性用来加入一条没有阴影的水平线。例如：例如： 。 （5 5）居中）居中标记 在屏幕上居中在屏幕上居中显示其示其间的内容。的内容。 例如，使网例如，使网页在不同分辨率在不同分辨率时，总是居中是居中显示，可用：示，可用： HTML基础HTML基础（5 5）滚动的文本标签）滚动的文本标签 一般格式：一般格式： marquee direction= marquee direction= marquee direction= () () () 文本文本文本文本 例如：例如：例如：例如： marquee behavior=scroll loop=3 scrollamo

65、unt=100 marquee behavior=scroll loop=3 scrollamount=100 marquee behavior=scroll loop=3 scrollamount=100 文本文本文本文本 ASP+AccessASP+Access制作动态网页制作动态网页一、建立Access数据库 采用采用Access 2003Access 2003创建了一个名为创建了一个名为db1.mdbdb1.mdb的数据库。系统的数据库。系统对数据的读取，存储都是对该数据库进行操作。对数据的读取，存储都是对该数据库进行操作。 在在Access 2003Access 2003数据库中，所

66、有的数据存储都是围绕表进数据库中，所有的数据存储都是围绕表进行的，数据不会存储在数据库的其他位置。虽然可以有许行的，数据不会存储在数据库的其他位置。虽然可以有许多方法访问数据，但是它们全部来自表。可以说，表示一多方法访问数据，但是它们全部来自表。可以说，表示一个数据库的灵魂。个数据库的灵魂。创建表选择“使用设计器创建表”，填写相应的字段，具体如下表所示 二、Dreamweaver与数据库的连接(使用DSN连接数据库) 如果打算在网络应用程序中使用数据库，就需要创建至少一个数如果打算在网络应用程序中使用数据库，就需要创建至少一个数据库连接。没有数据库连接的话，应用程序将不知道在什么地方据库连接。

67、没有数据库连接的话，应用程序将不知道在什么地方找到数据库或者如何与数据库连接。在找到数据库或者如何与数据库连接。在DreamweaverDreamweaver中创建数据库中创建数据库连接时，为应用程序提供了与数据库建立联系的信息或参数。连接时，为应用程序提供了与数据库建立联系的信息或参数。二、Dreamweaver与数据库的连接(使用DSN连接数据库) (1) (1) 在控制面板中，双击管理工具，双击在控制面板中，双击管理工具，双击ODBCODBC数据库源图标，出数据库源图标，出现现ODBCODBC数据源管理器窗口，选择系统数据源管理器窗口，选择系统DSNDSN标记。标记。 (2) (2) 单

68、击单击“添加添加“，接着选择数据库驱动程序，本系统使用，接着选择数据库驱动程序，本系统使用AccessAccess数据库，所以数据库，所以Microsoft Access Driver(*.Microsoft Access Driver(*.mdbmdb) )，单击，单击“完成完成“按钮。按钮。 (3) (3) 出现出现ODBC Microsoft AccessODBC Microsoft Access安装窗口，在数据源名一栏给连安装窗口，在数据源名一栏给连接取个名字接取个名字connconn，说明一栏不是必填项。，说明一栏不是必填项。 (4) (4) 单击窗口中单击窗口中“选择选择“按钮，找

69、到数据库的所在路径按钮，找到数据库的所在路径(“E(“E： 我我的网站的网站”) )并选中相应数据库文件，选中并选中相应数据库文件，选中db1.mdbdb1.mdb，此时，此时ODBC ODBC AccessAccess安装窗口中数据库一栏就会出现刚才选定的数据库文件，安装窗口中数据库一栏就会出现刚才选定的数据库文件，如图所示。如图所示。1. DSN1. DSN定义定义二、Dreamweaver与数据库的连接(使用DSN连接数据库)二、Dreamweaver与数据库的连接(使用DSN连接数据库)二、Dreamweaver与数据库的连接(使用DSN连接数据库) 建立了数据库名建立了数据库名(DS

70、N)(DSN)之后，就可以创建网络应用程序和数据库之间之后，就可以创建网络应用程序和数据库之间的的ODBCODBC连接，连接，DSNDSN被定义后，就能用它来调用各种参数了。被定义后，就能用它来调用各种参数了。 (1) (1) 启动启动Dreamweaver Dreamweaver ，打开已经定义好的站点，打开已经定义好的站点“我的网站我的网站”，在站，在站点点- -我的网站窗口中点击鼠标右键，点新击建文件，文件名改为我的网站窗口中点击鼠标右键，点新击建文件，文件名改为index.aspindex.asp, ,双击文件双击文件index.aspindex.asp使其处于编辑状态。使其处于编辑状

71、态。 (2) (2) 单击单击“窗口窗口”中的中的“数据库数据库”，从，从“数据库数据库”菜单中。在窗口中菜单中。在窗口中点击点击“+”+”，选择数据源名称，从弹出窗口，选择数据源名称，从弹出窗口“连接名称连接名称”一栏键入连一栏键入连接的名字接的名字connconn; ;在数据源名称在数据源名称(DSN)(DSN)一栏从下拉菜单中挑选数据库源名一栏从下拉菜单中挑选数据库源名conn;Dreamweaverconn;Dreamweaver连接一栏选择使用本地连接一栏选择使用本地DSNDSN即可。即可。 2. DSN2. DSN连接连接三、制作显示数据库记录页 (1)(1)、双击、双击index

72、.aspindex.asp文件，使其处于编辑状态，选择应用程序的文件，使其处于编辑状态，选择应用程序的“绑定绑定”，点击，点击“+”+”， 记录集记录集( (查询查询););在弹出的记录集窗口在弹出的记录集窗口“名名称称”填写填写RsRs，连接选择，连接选择connconn，表格选择，表格选择“表表1”1”，“列列”选择全部，选择全部，单击确定完成记录集的绑定。如下图单击确定完成记录集的绑定。如下图; ; (2)(2)、在、在index.aspindex.asp编辑状态下，插入编辑状态下，插入2 2行行7 7列的表格，并使其居中，列的表格，并使其居中，在上一行的在上一行的7 7个空格中加入数据

73、表中的内容标签，然后将记录集的个空格中加入数据表中的内容标签，然后将记录集的各字段拖入下一行对应的空格中，在表格上方输入数据库总记录各字段拖入下一行对应的空格中，在表格上方输入数据库总记录数数X X条、目前为第条、目前为第X X条数据，并将记录集中的总记录数，第一条记条数据，并将记录集中的总记录数，第一条记录拖入对应的字中，并使其居中。录拖入对应的字中，并使其居中。 (3)(3)、选中第二行的全部表格，点击服务器行为，点击、选中第二行的全部表格，点击服务器行为，点击“+”+”选择选择重复区域，保持默认状态，点击确定完成重复显示区的设计。重复区域，保持默认状态，点击确定完成重复显示区的设计。 (

74、4)(4)、点击菜单、点击菜单“插入插入”，选择，选择“数据对象数据对象”-记录集分页记录集分页-记录记录集导航条集导航条, ,在弹出窗口在弹出窗口( (保持默认值保持默认值) )点击确定。如图所示：点击确定。如图所示：四、制作添加数据记录页 新建一网页，命名为新建一网页，命名为add.aspadd.asp，并使其处于编辑状态，点击菜单，并使其处于编辑状态，点击菜单“插入插入”，选择，选择“应用程序对象应用程序对象”-插入记录插入记录-插入记录表单向导插入记录表单向导, ,在弹出窗口在弹出窗口“连接连接”项选择项选择connconn，“插入到表插入到表”选择选择“表表1”1”，“插入后转到插入

75、后转到”填写填写index.aspindex.asp( (回到记录显示页回到记录显示页),),删除不需要的字删除不需要的字段段(ID),(ID),然后点击确定按钮完成页面的制作。然后点击确定按钮完成页面的制作。五、制作删除数据记录页 用上述学过的方法在用上述学过的方法在Index.aspIndex.asp上创建上创建“删除删除”连接。新建网页命名连接。新建网页命名为为delete.aspdelete.asp，并打开它，在其上创建一个七行二列的表格，并在，并打开它，在其上创建一个七行二列的表格，并在左边的表格上填写相应的字段名，然后给网页绑定一个记录集，并左边的表格上填写相应的字段名，然后给网页绑定一个记录集，并对其字段拖到对应的右这表格中。创建一表单，并把上述所建的表对其字段拖到对应的右这表格中。创建一表单，并把上述所建的表格拖入表单内，同时为表单建立一个删除确定按钮，如下图所示：格拖入表单内，同时为表单建立一个删除确定按钮，如下图所示： 五、制作删除数据记录页 点击服务器行为点击服务器行为-记录集分页记录集分页-移至特定记录移至特定记录, ,按确定按钮按确定按钮( (保持保持默认值默认值) )。 点击服务器行为点击服务器行为-删除记录，在弹出菜单中填上相关内容。如图删除记录，在弹出菜单中填上相关内容。如图所示：所示：谢谢 谢谢! !