框架与交互式表单

《框架与交互式表单》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第五章框架与交互式表单5.1框架的基本操作5.2表单的创建与应用5.3应用实例DREAMWEAVER5.1框架的基本操作5.1.1关于框架框架技术用于在一个浏览器窗口显示多个页面，类似于Windows的资源浏览器窗口。其主要用途是在同一个窗口中，实现网页之间的导航，它是一种常用的网页设计方式。它又是一种非常实用有效的网页布局技术，能帮助用户实现复杂的网页，乃至整个网站的页面布局。DREAMWEAVER5.1.2认识框架和框架集框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。DREAMWEAVER框架集是HTML文件，

2、它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL。框架集文件本身不包含要在浏览器中显示的HTML内容，但noframes部分除外；框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些文档的有关信息。框架和框架集是紧密联系在一起的，用到框架就要用到框架集。DREAMWEAVER一个典型的利用框架制作的页面DREAMWEAVER5.1.3框架的创建、调整与删除创建一个框架。在Dreamweaver中有两种创建框架集的方法：您既可以从若干预定义的框架集中选择，也可以自己设计框架集。从“插入”>“框架”

3、子菜单中选择预定义的框架集。在“插入”栏的“框架”类别中，选择预定义的框架集。拆分框架单击要拆分的框架内部。选择“修改”〉“框架集”命令，然后选择拆分左框架、拆分右框架、拆分上框架、拆分下框架，来完成框架的拆分。DREAMWEAVER拖曳鼠标调整框架将鼠标指针放在两个框架的边框上，鼠标指针变成双向箭头。用鼠标拖曳边框到合适的位置，然后释放鼠标，可以调整框架的大小。按住Alt不放，再用鼠标拖曳边框，可以拆分框架。删除框架。将鼠标指向要删除的框架边框，当鼠标变成双向箭头时，拖动鼠标到上一级框架的上下或左右边框线处，松开鼠标即可删除框架。当框架面板中的信息显示为Con

4、tainsnoframes，表明当前无框架。DREAMWEAVER实例：建立一个如下图的框架DREAMWEAVER5.1.4框架和框架集的选择与属性设置选择框架和框架集选择“窗口”>“其它”>“框架”命令，或按快捷键Shift+F2，打开框架面板。然后在框架面板中单击框架边框线，可选择框架集。单击某个框架区域可选择该框架。或者在网页编辑窗口中按住Alt键，然后单击要选中的框架的任意设置，便可选中该框架。如果选中一个框架，按住Alt键，然后按键盘上的左右箭头键，可以选中同一级别的框架。按住Alt键，然后按键盘上的向上箭头键，可以选中当前框架的上一级框架，连续重复操

5、作，可以选中整个框架集。DREAMWEAVER打开框架集属性面板框架和框架集有各自的属性面板。框架集的属性面板可用来设置框架的大小、框架边框线的颜色和宽度。DW中默认的框架及属性是：无边界、无滚动条、禁止改变框架的大小。打开框架集属性面板：选择“窗口”>“属性”命令，或者用快捷键Ctrl+F3。打开框架属性面板选择“窗口”>“属性”命令，或者用快捷键Ctrl+F3。或者，按住Alt键并单击一个框架，或单击框架面板中的相应框架。DREAMWEAVER5.1.5框架里的内容主要是HTML文档，在一个网页中创建了框架结构后，可在属性面板中设置框架页面的超链接。框架结构

6、的网页制作完成后，可以分别保存每个框架文档；也可单独保存框架集文档；还可以将整个框架集与它的各个框架文档一起保存。保存框架文的步骤在网页编辑区窗口中，单击要保存的框架。选择“文件”>“保存框架”命令，就可以保存该框架文件。DREAMWEAVER保存框架集文档的步骤在网页编辑区窗口中，选中框架集。选择“文件”>“保存框架集”命令，可保存框架集文档。如果希望将框架集文档用另外的路径或文件名保存，应选择“文件”>“框架页另存为”命令。保存框架集中所有文档的步骤选择“文件”>“保存全部”命令。先保存框架集文档，然后保存框架集中其它框架文档。DREAMWEAVER5.1.

7、6关于框架的实例建立一个简单的框架，如下图示：DREAMWEAVER向框架中添加网页内容。我们先制作好四个网页，分别为top.htm，用于显示在上部框架中；left.htm用于显示在下部左框架中；001.htm、002.htm用于显示在下部右侧框架中。DREAMWEAVERtop.htmleft.htm001.htm002.htm单击Frame视窗中的topFrame，将上面的框架选定，此时可以看到编辑页面中此框架边界以虚线包围。调出属性面板，可以看到此框架的缺省名字为topFrame，如果框架很复杂，这个名字就不适用了。我们可以将其改名，只要在下面的输入框中输

8、入新名字就行了，这里我们