大学计算机基础第7章 网页制作Dreamweaver MX 2004.ppt

③ 删除行和列：将光标放置在单元格内，选择【修改】|【表格】|【删除行（列）】命令。 ④ 单元格的合并：选定要合并的单元格，选择【修改】|【表格】|【合并单元格】命令，或者单击鼠标右键，在弹出的快捷菜单上选择【表格】|【合并单元格】命令。 ⑤ 单元格的拆分：选定要拆分的单元格，选择【修改】|【表格】|【拆分单元格】命令，或者单击鼠标右键，在弹出的快捷菜单上选择【表格】|【拆分单元格】命令，弹出对话框，在对话框中选择拆分“行”或“列”，然后输入行数或列数。 （3）表格属性的设置。 选定表格后，可以用【属性】面板来为表格设置属性。表格的【属性】面板 。 ① 表格Id：用来设置表格的名称。 ② 行和列：用于指定表格的行数和列数，更改此值可以在表格中添加或删除行或列。 ③ 宽和高：用于指定表格的宽度和高度，通常不需要设置表格的高度。 ④ 填充：用于指定单元格内容和单元格边框之间的像素数。 ⑤ 间距：用于指定相邻单元格之间的像素数。 ⑥ 对齐：用于选择表格相对于同一段落中其他元素的显示位置。 7.3.2 页面布局 为了简化使用表格进行页面布局的过程，Dreamweaver提供了布局视图进行网页布局。设计一个网页时首先要规划好版式。 1．绘制布局表格和单元格 在页面布局视图中可以绘制布局表格和布局单元格。 首先单击【插入】工具栏中的【布局】项换成【布局】工具栏，单击布局工具栏中的【布局】按钮，切换到布局视图，单击【布局】工具栏上的【布局表格】按钮，鼠标变成十字形状，在文档窗口中按下鼠标左键并拖曳，松开鼠标即绘制出布局表格。 单击【布局】工具栏上的【布局单元格】按钮，鼠标变成十字形状，在文档窗口中按下鼠标左键并拖曳，松开鼠标即绘制出布局单元格，此时页面上布局表格外框为绿色，布局单元格外框为蓝色。 2．绘制嵌套布局表格 页面布局表格不能相互重叠，却可以将一个布局表格绘制在另一个布局表格中生成嵌套表格，对外部表格所进行的更改不会影响嵌套表格中的单元格。 绘制的布局表格和布局单元格可以移动，首先选择需要移动的单元格和表格，使用键盘上的方向键来控制移动，每次移动一个像素，如果按【Shift】键同时使用方向键，每次移动10个像素。 绘制的布局表格和布局单元格都可以通过属性面板来进行调整。 7.4 表单应用 7.4.1 表单的创建 7.4.2 表单对象的创建 7.4.1 表单的创建 表单技术可以实现浏览者与服务器之间信息的交互传送，它是网络信息收集处理的一种重要的方式。通过表单可以从网络的客户端收集信息，然后将收集来的信息经过服务器处理后再反馈给用户。 1．创建表单 将光标置于欲插入表单的位置，单击表单面板中的【表单】按钮或者选择【插入】|【表单】命令，可在文档中插入表单。红边框表示表单域，在表单域里面可以插入表单对象，如姓名后面的文本域等。 7.4.2 表单对象的创建 1．文本域 文本域用来在表单中插入文本，访问者浏览网页时可以在文本域中输入相应的信息，文本域分为单行文本域、多行文本域和密码域。 将光标置于文档中需要插入文本域的位置，单击【表单】工具栏中的按钮，即可在文档中添加文本域，默认状态下是一个单行的文本编辑框。插入文本域可以通过属性面板来设置属性。 2．按钮 使用表单按钮将输入表单的数据提交到服务器，或者重置该表单。 将光标置于文档中需要插入按钮的位置，单击【表单】工具栏中的按钮，即可在文档中插入按钮。插入的按钮可以通过属性面板来设置属性。 3．单选按钮 单选按钮主要用于从成组的多个选项中选择其一。 将光标置于文档中需要插入单选按钮的位置，单击【表单】工具栏中的按钮，即可在文档中插入单选按钮。插入的单选按钮可以通过属性面板来设置属性。 4．复选框 复选框主要用于标记一个选项是否被选中。与单选按钮不同之处是对于成组的选项，可以一次选中一个，也可以选中多个。 将光标置于文档中需要插入单选按钮的位置，单击【表单】工具栏中的按钮，即可在文档中插入复选框。插入的复选框可以通过属性面板来设置属性。 5．列表框和菜单 列表和菜单可以在有限的空间内为用户提供多项选项。列表提供了一个滚动条，它使用户可以浏览许多项，并进行多重选择。下拉菜单仅显示一个项，该项也是活动选项，用户只能从菜单中选择一项。 将光标置于文档中需要插入列表框的位置，单击【表单】工具栏中的按钮，即可在文档中插入列表框。在【属性】面板，在【类型】中选择【列表】，然后单击【列表值】，弹出对话框，在对话框中添入列表内容。 7.5 层与CSS样式 7.5.1 层的创建和编辑 7.5.2 CSS样式 7.5.1 层的创建和编辑 层（Layer）是一种HTML页面