《网页设计与制作_07使用框架模板等工具制作asp动态网页剖析》由会员分享，可在线阅读，更多相关《网页设计与制作_07使用框架模板等工具制作asp动态网页剖析（32页珍藏版）》请在金锄头文库上搜索。
1、第七讲,课 题：使用框架、模板、表单 目的及要求：使用框架、模板、表单 教学重点：框架、模板 教学难点：表单 教学课时：2课时 教学方法：提问与比较教学方式，激发学生兴趣；,使用模板和库,在进行批量网页制作的过程中，很多页面都会使用到相同的图片、文字或布局。为了避免不必要的重复操作，减少用户的工作量，可以使用Dreamweaver 8提供的模板和库功能，将具有相同布局结构的页面制作成模板，将相同的元素制作为库项目，以便随时调用。本章将主要介绍在Dreamweaver 8中创建与编辑模板和库的方法。,教学重点与难点,设置文字样式 使用模板 定义模板的区域 使用模板创建文档 创建和编辑库项目,使用
2、模板,在Dreamweaver 8中有多种创建模板的方法，可以创建空白模板，也可以创建基于现存文档的模板，除此之外，还可以将现有的HTML文档另存为模板，然后根据需要加以修改。 创建模板 编辑模板 定义模板区域和设置模板参数,创建模板,模板也是一个HTML文档，只不过在HTML文档中增加了模板标记。在Dreamweaver 8中，模板的扩展名为.dwt，并存放在本地站点的Templates文件夹中。模板文件夹只有在创建模板的时候才会由系统自动生成。,编辑模板,编辑模板，主要包括删除、修改、重命名模板等操作。选择“窗口”|“资源”命令，打开“资源”面板，单击“模板”按钮，在模板列表中会显示现有的
3、模板。,定义模板区域和设置模板参数,模板定义了文档的布局结构和大致框架，模板中创建的元素在基于模板的页面中通常是锁定区域，或称为非编辑区域，要编辑模板，必须在模板中定义可编辑区域。在使用模板创建文档时只能够改变可编辑区域中的内容，而锁定区域在文档编辑过程中始终保持不变。,使用模板创建文档,在Dreamweaver 8中，可以以模板为基础创建新的文档，或将一个模板应用于已有的文档。 创建基于模板的文档 在现有文档上应用模板 更新基于模板的页面,创建基于模板的文档,要创建基于模板的新文档，选择“文件”|“新建”命令，打开“新建文档”对话框，单击“模板中的页”选项，打开该选项对话框，如图所示。在“站
4、点”列表框中选择模板所在的站点，在“站点的模板”列表框中选择所需创建文档的模板，单击“创建”按钮，即可在文档窗口中打开一个基于模板的新页面，在该页面中可以创建新的文档，如图所示。,“模板中的页”选项对话框 打开基于模板的新页面,在现有文档上应用模板,在Dreamweaver 中，可以在现有文档上应用已创建好的模板。要在现有文档上应用模板，首先在文档窗口中打开需要应用模板的文档，然后选择“窗口”|“资源”命令，打开“资源”面板，在模板列表中选中需要应用的模板，单击面板下方的“应用”按钮，此时会出现以下两种情况。 如果现有文档是从某个模板中派生出来的，则Dreamweaver 会对两个模板的可编辑
5、区域进行比较，然后在应用新模板之后，将原先文档中的内容放入到匹配的可编辑区域中。 如果现有文档是一个尚未应用过模板的文档，将没有可编辑区域同模板进行比较，于是会出现不匹配情况，此时将打开“不一致的区域名称”对话框。这时可以选择删除或保留不匹配的内容，决定是否将文档应用于新模板。可以选择未解析的内容，然后在“将内容移到新区域”下拉列表框中选择要应用到的区域内容。,更新基于模板的页面,当改变文档模板时，系统会提示是否更新基于该模板的文档，同时也可以使用更新命令来更新当前页面或整个站点。,创建、管理和编辑库项目,库用来存放文档中的页面元素，如图像、文本、Flash动画等。这些页面元素通常被广泛使用于
6、整个站点，并且能被重复使用或经常更新，因此它们被称为库项目。 创建库项目 管理和编辑库项目,创建库项目,在Dreamweaver 文档中，可以将任何元素创建为库项目，这些元素包括文本、图像、表格、表单、插件、ActiveX控件以及Java程序等。库项目文件的扩展名为.lbi，所有的库项目都被保存在一个文件中，且库文件的默认设置文件夹为“站点文件夹Library”。,使用表单,表单是Internet用户与服务器进行信息交流的重要工具，在网页中有着广泛的应用，如留言板、搜索引擎、注册程序等。通常，一个表单中会包含多个对象，也称为控件。一个完整的表单包括表单对象和应用程序两个基本组件。其中，表单对象
7、在网页中起描述作用，应用程序则是服务器端或客户端的脚本，通过它实现对用户信息的处理。本章将主要介绍在Dreamweaver 8中制作和编辑表单的方法。,教学重点与难点,创建表单 插入表单对象,创建表单,表单在网页中时提供给访问者填写信息的区域，从而可以收集客户端信息，使网页更加具有交互的功能。一般将表单设置在一个HTML文档中，访问者填写相关信息后提交表单，表单内容会自动从客户端的浏览器传送到服务器上，经过服务器上的ASP或CGI等程序处理后，再将访问者所需的信息传送到客户端的浏览器上。使用Dreamweaver 8可以创建带有文本域、密码域、单选按钮、复选框、弹出菜单、可单击按钮以及其他表单
8、对象的表单。 表单的概念 认识表单对象 插入表单,表单的概念,表单是由窗体和控件组成的，一个表单一般包含用户填写信息的输入框和提交按钮等，这些输入框和按钮叫做控件。 表单用标记来创建的，再标记之间的部分都属于表单的内容。标记具有action、method和target属性。,认识表单对象,在Dreamweaver CS3中，表单输入类型称为表单对象。可以在网页中插入表单并创建各种表单对象。 要在网页文档中插入表单对象，选择“插入记录”|“表单”命令，或单击“插入”工具栏中的“表单”选项卡，打开“表单”插入栏，如图所示。单击要插入的对象类型按钮，或将拖入文档窗口中即可。,插入表单,表单对象是在表
9、单的基础上存在的，所以要添加表单对象，首先应该创建表单。这时可以选择“插入记录”|“表单”|“表单”命令，或单击“插入”工具栏中的“表单”选项卡，打开“表单”插入栏，单击“表单”按钮，在文档中插入一个表单，如图所示。,插入表单对象,表单是表单对象的载体，网页在提交数据时就是通过检测表单内表单对象的信息来完成的。本节重点讲述在文档中使用“表单域”来创建文本域、多行文本域、文件上传和隐藏域的方法。 插入文本域和隐藏域 插入复选框和单选按钮 插入列表和表单 插入表单按钮,插入文本域和隐藏域,文本域是一个重要的表单对象，可以输入相关信息，例如用户名、密码等。“隐藏域”在浏览器中是不被显示出来的文本域，
10、主要用于实现浏览器同服务器在后台隐藏地交换信息。在提交表单时，该域中存储的信息将一起被发送到服务器。,插入复选框和单选按钮,复选框和单选按钮是预定义选择对象的表单对象。用户可以在一组复选框中选择多个选项；单选按钮也可以组成一个组使用，提供互相排斥的选项值，在单选按钮组内只能选择一个选项。,插入列表和表单,列表和菜单也是预定义选择对象的表单对象，使用它们可以在有限的空间内提供多个选项。列表也称为“滚动列表”，提供一个滚动条，允许访问者浏览多个选项，并进行多重选择。菜单也称为“下拉列表框”，仅显示一个选项，该项也是活动选项，访问者只能从菜单中选择一项。,插入表单按钮,表单按钮用于控制对表单的操作。
11、当输入完表单数据后，可以单击表单按钮，提交服务器处理；如果对输入的数据不满意，需要重新设置时，可以单击表单按钮，重新输入；还可以通过表单按钮来完成其他任务。,制作ASP动态网页,ASP简介,ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格是.asp，现在常用于各种动态网站中。,IIS简介,Internet Information Services（IIS， Internet信息服务），是由微软公司提 供的基于运行Microsoft W
12、indows的互联网基本服务。最初是Windows NT版本的可选包，随后内置在Windows 2000、Windows XP Professional和Windows Server 2003一起发行，但在普遍使用的Windows XP Home版本上并没有IIS。,IIS简介,IIS主要提供FTP、HTTP 、和SMTP等服务。IIS使Internet成为了一个正规的应用程序开发环境，因此在制作动态网页时，都需要在计算机中安装和配置IIS。 IIS支持ASP、ASP.net语言开发的动态网站，如果要支持其他语言，需要进行更复杂的配置，可参考相关资料。,安装与配置IIS,如果仅仅需要在本地编辑
13、静态的HTML网页，那么可以不安装和配置服务器，因为HTML页面的运行无需服务器的支持。但如果需要在本地测试ASP或者ASP.NET等动态网页，那么服务器的支持是必不可少的，我们将学习如何安装服务器。 操作步骤： 1）、运行系统光盘 2）、“控制面板”-“添加/删除程序”-“添加/删除windows组件” 3）、在出来的面板中的“IIS”前打上“” 4）、“确定”即可安装。 配置： 只需要设置服务器根目录为本地站点路径,创建Access数据库,创建数据库 设置字段及其属性 输入记录,创建和配置动态站点,创建动态站点 创建连接字符 虚拟路径 “Driver=Microsoft Access Driver (*.mdb);DBQ=“DBQ=g:messdb1.mdb“,显示数据库的记录 编辑留言页面,
