班级风采网站制作.PPT

知识点1-7 Dreamweaver表格建立与基本操作 表格的组成 知识点1-7 Dreamweaver表格建立与基本操作 “表格”对话框 知识点1-7 Dreamweaver表格建立与基本操作 ③ “表格”对话框用来输入创建表格的信息，图中的各个部分的含义如下所示： 行数：表格的行 列数：表格的列 表格宽度：表格在网页中的宽度，可以使用像素，也可以使用百分比表示。 边框粗细：表格的边框占多少像素，一般在网页中使用0像素，表示没有边框。 单元格边距：单元格内容与边框的距离。 单元格间距：单元格与单元格之间的距离。 “标题”区域：设置表格标题位置。 “标题”文本框：表格的标题内容。 摘要：备注信息。 ④ 创建表格，在表格对话框中行数输入“3”，列数输入“10”，边框粗细输入“1”，页眉选择“顶部”，标题输入“中国主要城市人口、经济数据统计”，（操作演示） ⑤ 单击【确定】按钮，生成表格，（操作演示） ⑥ 在表格中输入数据，然后按下快捷键F12浏览网页，如图”浏览表格“所示。 知识点1-7 Dreamweaver表格建立与基本操作 浏览表格 知识点1-7 Dreamweaver表格建立与基本操作 2. 编辑表格 对于创建的表格，如果它不再满足现有的需求，可以对表格进行相关的编辑，让表格重新适应需求的改变。表格的编辑主要涉及到行的增加、列的增加，行的删除，列的删除，及单元格的合并与拆分。 (1) 增加新行 【实例1-12】在”中国主要城市人口、经济数据“的表格中插入新行。 操作步骤如下： ① 将光标定位在“经济”这一行，单击鼠标右标，在弹出的快捷菜单中执行“表格”→“插入行”菜单命令。 ② 会在“经济”这一行之上插入一个新行，这不一定符合需求，因为一般需要在“经济”行的下面插入新行,（操作演示） ③ 要在“经济”行之下增加新行，将光标定位在“经济”这一行，执行“修改”→“表格”→“插入行或列”菜单命令，打开“插入行或列”对话框，如图“插入行或列对话框（插入行）”所示（并操作演示） ④ 在“插入行或列”对话框中可以输入想要插入的行数，并且可以选择是在当前行所在的位置之上或之下插入新行，这里选择“所选之下”，如图”执行插入行命令插入新行 “所示（并操作演示） 知识点1-7 Dreamweaver表格建立与基本操作 “插入行或列”对话框（插入行） 知识点1-7 Dreamweaver表格建立与基本操作 执行“插入行或列”命令插入新行 知识点1-7 Dreamweaver表格建立与基本操作 (2) 增加新列 【实例1-13】在插入行后的“中国主要城市人口、经济数据统计”表的最右边插入新列，对每一行的数据进行汇总。 操作步骤如下： ①将光标定位在内容为“大连”的单元格，执行右键菜单“表格”→“插入列”菜单命令，这一菜单命令会在内容为“大连”的单元格所在列左边插入一个新列，这不符合案例的需求，（操作演示） ② 要能够在内容为“大连”的单元格所在列的右边增加新列，需要执行右键菜单“修改”→“表格”→“插入行或列”菜单命令，使用“插入行或列”对话框插入新列。如图”插入行或列对话框(插入列)“ 所示（操作演示） ③ 在“插入行或列”对话框中选择“插入列”，在列数中输入“1”，位置选择“当前列之后（A）”，单击【确定】按钮，效果如图”执行插入行或列命令插入新列“所示。（操作演示） 执行“插入行或列”命令插入新列 知识点1-7 Dreamweaver表格建立与基本操作 “插入行或列”对话框(插入列) 知识点1-7 Dreamweaver表格建立与基本操作 执行“插入行或列”命令插入新列 知识点1-3 初步认识Dreamweaver CS5 1. 中文Dreamweaver CS5工作环境 中文Dreamweaver CS5提供可视化的网页开发环境,具有所见即所得的功能。它的工作窗口简洁明了，功能面板及工具栏中几乎集中了所有的重要功能，属性面板放在窗口底部外，其他面板放在窗口的右边，可随时打开与关闭，这样就克服了以往版本浮动面板位置较乱，有时会影响网页编辑的不足。 中文Dreamweaver CS5工作环境即中文Dreamweaver CS5应用程序窗口，该应用程序窗口由菜单栏、文档工具栏、文档编辑窗口、浮动面板等组成，文档编辑窗口由文档标题栏、页面编辑区、状态栏等组成，浮动面板包括属性面板、面板组等，面板组包括插入面板、CCS样式/AP元素面板、文件/资源面板等。 中文Dreamweaver CS5工作环境如图所示： 知识点1-3 初步认识Dreamweaver CS5 中文Dreamweaver CS5工作环境 知识点1-3 初步认识Dreamweaver CS5 (1) 菜单栏 和其他应用软件基本相同，菜单栏中的每一项