网页制作教程第9章.ppt

第9章Dreamweaver的表单和页面布局，2020/6/10，本章的知识和技能要点：表单在网页创建和编辑中的作用表单页面布局使用表单页面布局使用布局尝试布局页面Dreamweaver超链接框架中框架的创建方法针对框架和框架页面的基本操作9.1网页中的表单，表单是现代网页制作的重要组成部分。表单之所以重要，是因为它不仅可以用在传统意义上，还可以用来实现网页的精确布局和定位。如图所示，表格被称为水平行和垂直列。行和列的交集称为单元格。根据“插入”工具栏的“常用”类别中“表格”按钮的“插入”菜单下的“表格”命令，9.1.1将表格插入网页，1。添加行/列当插入点位于表格的最后一个单元格时，按tab将自动向表格的最后一个单元格添加另一行。“修改”菜单“表格”“插入行”命令“修改”“表格”“插入行或列”命令，9.1.4.4添加或删除行或列，3。删除行或列单击要删除的行或列中的任何单元格，然后选择“修改”菜单“表格”“删除行”或“删除列”命令。选择完整的行或列，然后按删除键或选择编辑-清除命令。1。合并单元格选择一个连续的矩形单元格区域，然后选择“修改”菜单表格合并单元格命令，或者单击“属性”检查器中的“合并单元格”按钮，将选定的多个单元格合并为一个单元格。2.拆分单元格点击要拆分的单元格，选择“修改”菜单-表格-拆分单元格命令，弹出“拆分单元格”对话框，如图9-11所示。在“拆分单元格”选项组中指定是将单元格拆分为行还是列，然后在“行数”(当选择拆分为行时)或“列数”(当选择拆分为列时)值框中输入所需的值。9.1网页中的表格，9.1网页中的表格，以及9.2.1布局模式的“插入”列的“布局”类中的“布局模式”按钮进入布局模式。“布局表格”按钮“绘制布局单元格”按钮。9.2带表格的布局网页，9.2带表格的布局网页，9.2.4更改布局表格和布局单元格的属性以设置布局表格的属性使用布局表格的属性检查器。如图：和图9.2所示，使用表格来布局网页，并设置布局单元的属性。使用布局单元格的属性检查器。如图：所示，该框架将浏览器窗口分成几个独立的子窗口，每个子窗口可以加载不同的网页文件。本文介绍了如何使用Dreamweaver8实现框架页面。9.3框架网页制作，9.3.1新建框架集选择文件新建，在新建文档对话框中，选择框架集类别，从框架集列表中选择合适的框架集，如图所示。单击“创建”弹出“框架标签可访问性属性”对话框。9.3框架网页制作，或点击插入工具栏的布局类别中的框架按钮，并从弹出的下拉菜单中选择所需的框架类型以在网页上插入相应的框架。9.3.2创建嵌套框架首先在页面中创建框架，将插入点放在要创建嵌套的框架区域中，然后再次执行创建框架的操作。9.3.3选择“窗口”菜单“框架”为每个框架区域命名，将弹出“框架”面板，如图所示。从框架面板，系统为三个框架生成命名。左框架名为左框架，上框架名为顶框架，右框架名为大型机。当然，可以通过框架属性面板来重命名框架，这对于理解非常重要。创建超链接时，您必须控制它正确指向的页面。9.3.4编辑框架页面编辑框架页面与编辑普通页面相同，包括输入文本、插入图像、添加表格和表单。此外，还有一种相对简单的方法来编辑框架，即首先创建整个框架集所有部分的框架页面，然后将它们直接拖到框架集的相应部分。9.3制作框架网页、9.3制作框架网页、9.3.5保存框架选择“文件”菜单并单击“全部保存”。将弹出“另存为”对话框。此时，文档的三个区域被一圈阴影线框包围。请注意，会保存一个框架结构文件。根据惯例，它可以被命名为index.htm。点击“确定”后，弹出新的“另存为”对话框。此时，文档窗口的左下区域被阴影线框包围。请注意，左下角的网页文档已保存。点击“确定”后，弹出新的“另存为”对话框。此时，文档窗口上方的区域被阴影线框包围。请注意，上部区域的网页文档已保存。9.3框架网页制作，9.3.6设置框架和框架集属性设置框架集属性：单击框架面板中的框架边框，选择框架集，然后在属性检查器中设置框架集属性。要在网页中显示框架边框，请确保在属性面板的边框列表中选择“是”值。然后您可以设置边框的颜色和厚度。数字。9.3框架网页制作，设置框架的属性：单击框架面板中的框架区域以选择页面中的框架，然后在属性检查器中设置其属性。在这里您可以：重命名框架在“框架名称”；在“源文件”中为选定的框架区域指定显示的网页文档：设置在“滚动”浏览时是否显示滚动条：如果选中“不能调整大小”，则浏览时每个区域的大小将不可调整，“边框宽度”和“边框高度”是指框架中的内容与其边框之间的间隙大小。9.3框架网页制作，9.3.7超链接框架目标指定如果希望网页上的超链接显示在指定的框架区域，则必须指定超链接的目标框架。方法是选择此超链接对象(例如，图形文本“学习体验”)，在属性面板的“链接”列中指定要链接的文档，并在“目标”列中展开的下拉列表中选择链接文档打开的框架区域。如图所示。“目标”列中展开的下拉列表中的下三项是当前框架集文档中包含的三个框架区域的名称。9.3框架网页制作，9.3框架网页制作，Iframe标记，Iframe指的是在网页文档中间以框架的形式显示其他网页文档、主页、记事本和公告板的功能。也就是说，在无框架状态下，显示框架函数。iframe标签，使用Iframe显示框架效果，9.4练习题，1。创建网页和表格，如图所示。2。将具有图(b)所示效果的表格插入页面，表格的边框为0，图(a)显示设计时状态。(a)、(b)和(3)在网页文档中制作如图所示的页面布局模式。9.4练习，4。使用表格布局方法创建具有如图所示效果的网页。9.4练习