表单网页与框架网页的制作

1、.表单网页与框架网页的制作一：制作如下图所示的表单网页（提示：先插入表单，然后在表单内插入一个9行2列的表格，在表格的单元格中插入表格元素）二：框架网页制作1  框架的创建下创建如图10.2所示的框架页，这是比较简单而且最为常用的网页布局结构。图10.2  框架页展示在Dreamweaver 8中创建框架有4种方法：   选择菜单命令【文件】【新建】，弹出【新建文档】对话框，在对话框中选择【常规】【框架集】【垂直拆分】，单击【创建】按钮，可创建框页，如图10.3所示。   选择菜单命令【查看】【可视化助理】【可视框架边框助理】，在网页

2、中按Alt键后，用鼠标拖动框架边框，也可创建框架。   选择菜单命令【插入】【HTML】【框架】【次级菜单中框架类别】，在文档中创建框架。   切换工具栏类别为【布局】，单击【框架】按钮右侧的三角形，在下拉列表框中选择相应的框架类别，创建框架。在弹出的【框架标签辅助功能属性】对话框中设置每个框架的标题，如图10.4所示。          图10.3  创建框架        

3、                           图10.4  设置框架标题单击【确定】按钮，在文档中创建左右形式的框架。2  设置框架集属性框架和框架集的属性都可以在属性面板中设置，此处需要介绍框架面板来协助完成。（1）用快捷键Shift+F2或选择菜单命令【窗口】【框架】，调出【框架】面板，如图10.5所示。（

4、2）在框架面板中，单击最外一层边框，在【属性】面板中可以设置框架集的属性，如图10.6所示。           图10.5  【框架】面板                         图10.6  框架集【属性】面板在属性面板中各项参

5、数详细设置如下：   边框：设置框架集是否显示边框，即是、否、默认值，默认显示边框。   边框宽度：如果选择显示边框，在此可以设置边框的宽度。   边框颜色：如果选择显示边框，在此可以设置边框的颜色。   列：单击属性面板右侧中框架集的缩图，可以设置框架集的比例，一般设置一列框架的值为固定的像素或百分比，另一列的值为“1”，单位选择“相对”，这样可以保证让框架集未固定设置宽度的一列随浏览器而自动适应宽度。3  设置框架属性（1）在【框架】面板中单击框架的名称，可以在相应的【属性】面板中设置框架的相关属性，

6、如图10.7、图10.8、图10.9和图10.10所示。         图10.7  选择左侧框架                      图10.8  选择左侧框架页的【属性】面板         图10

7、.9  选择右侧框架                      图10.10  选择右侧框架页的【属性】面板在属性面板中可以进行下面的设置：   框架名称：在框架名称下方的文本框中可设置框架的名称，方便区别不同的框架。   源文件：在文本框中设置当前框架页内的文档名称，也可通过单击按钮查找本地文件路径。  

8、边框：设置当前框架是否有边框，默认有。   边框颜色：如果设置有边框，可在此设置边框颜色。   滚动：设置当前框架是否显示滚动条，有是、否、自动、默认4个选项，当选择自动时，网页内容超出框架的范围会自动显示滚动条。   不能调整大小：选中该复选框，框架将不能调整大小。   边界宽度：框架距离距框集的左右距离。   边界高度：框架距离距框集的上下距离。4  框架的基本操作对于框架可以进行如下的操作：选择框架、拆分框架、删除框架和打开框架中的一个网页。下面结合图例来讲述这几种基本操作。1选

9、择框架（1）要选择框架，只要单击一个框架内的任意地方，该框架就成为当前活动的框架。该框架中的网页就成为当前活动的网页。（2）要选择所有的框架，把光标移到框架与框架之间的分隔线上，等光标变成形状后单击。（3）要改变框架的尺寸，把光标移到框架的边框上，等光标变成形状后拖动边框，如图10.11所示。图10.11  选择框架2拆分框架（1）要把框架一分为二，按住Ctrl键不放然后拖动框架的边框。（2）也可以选择菜单命令【修改】【框架页】的下级菜单选项来拆分框架命令。例如，选择【拆分右框架】选项，则右侧的框架被拆分成了左右两个框架，如图10.12所示。图10.12  拆分框架【修改】

10、【框架页】菜单命令的次级菜单的各项功能如下：   编辑无框架内容：编辑代码<noframes></noframes>之间的内容，当浏览器不支持框架时网页所显示的内容。   拆分左框架：拆分后原框架在新生成的框架左侧。   拆分右框架：拆分后原框架在新生成的框架右侧。   拆分上框架：拆分后原框架在新生成的框架上面。   拆分下框架：拆分后原框架在新生成的框架下面。3删除一个框架框架创建后可删除，具本操作步骤如下：（1）选择菜单命令【查看】【可视化助理】【框架边框】，将框架

11、边框设为显示。（2）将框架边框拖离页面或拖到父框架的边框上。（3）经过步骤（1）（2）的操作，框架成功删除，余下的框架将自动撑满文档窗口。框架删除前后分别如图10.13和图10.14所示。    图10.13  框架被删除前                            

12、   图10.14  框架被删除后技巧：如果框架的边框设为隐藏，是无法进行拖动进行删除的。在删除时，按住鼠标不放一直将要删除的框架边框拖离页面或拖到父框架的边框上。查看框架面板可以确认框架是否删除成功。4在框架中打开网页要在框架中打开一个网页，操作步骤如下：（1）打开框架面板，单击框架。（2）在相应的【属性】面板设置框架中的页面。（3）在属性面板的【源文件】中直接输入框架中的页面的路径和名称，或单击按钮，查找文件的本地路径。5  框架的保存在预览或关闭当前文档中的框架时，必须对框架集和其中的每个框架页文件进行保存，在创建一个新的框架时，系统自动为框架集命

13、名为“UntitleFrame-1”、“UntitleFrame-2”。这样的文件名一来不好记，二来也没有意义，在设计时也容易将这些文件混淆，所以在保存时要对其进行相应的重命名，文件的名称一般用其所在框架集中的位置相关的名称进行命名，例如admin_left.htm、admin_right.htm、admin_top.htm、admin_bottom.htm，这样让人一看就知道哪个文件在哪个框架中。与保存框架集有关的命令有保存框架页、框架集另存、保存全部3个；与保存框架有关的命令有保存框架、框架另存、保存全部3个，第3个命令是将框架集和框架集中所有的框架页文件同时进行保存，如果要保存单个框架页

14、中的文件，只需选择菜单命令【文件】【保存框架】即可，【框架】另存是将框架在保存时重新命名为一个新的文件。6  为框架页设置链接在网页制作中之所以使用框架，最主要的还是因为框架页独特的链接方式，应用框架可以在不同的框架中显示不同的页面。在设置框架页中某处文字或图像等元素进行链接时，会发现在属性面板中，【目标】下拉列表框中多了几个选项，如图10.16所示。图10.16  设置链接的目标多出来的几项名称是当前框架集所组成的框架名称，进行正确的链接目标设置，才能保证整个页面的导航无误，让页面显示正确的链接。创建框架链接步骤如下：（1）打开配书光盘中的案例/frame/admin_manager.htm，在左侧框架页中选择要链接的对象，在此选择文本【添加新闻内容】。（2）设置文件的链接路径。（3）在【目标】下拉列表框中选择【main】选项（main为右侧框架的名称，让链接的内容在文档