搜索
网页设计与制作实用教程吴丰主编清华大学出版社第6章表格与框架元素6.1.1插入表格与选择表格+6.1插入并编辑表格1．插入表格DreamweaverCS5提供多种创建表格的方法。【教与练6-1】：插入表格①启动DreamweaverCS5，新建空白XHTML文档，将光标定位在需要插入表格的位置。②按下组合键〈Ctrl+Alt+T〉，或者在软件菜单栏中执行“插入”→“表格”命令，再或者在“插入”面板“常用”类别中，单击“表格”按钮。③这时弹出如图6-1所示的对话框。图6-1“表格”对话框图6-2在表格中插入文字和图像图6-3在表格中嵌套表格第6章表格与框架元素2．选择表格表格中行与列交叉的部分称为单元格，它是组成表格的最小单位，单个数的输入和修改都是在单元格中进行的。选择表格，其实就是选择单元格。【教与练6-2】：选择表格。图6-4拖动鼠标选择连续单元格图6-5定位鼠标在表格边缘即可选择列或行图6-6选择整个表格第6章表格与框架元素6.1.2设置单元格属性+6.1插入并编辑表格选择一个或多个单元格，“属性”面板即刻显示有关单元格的相关属性，如图6-7所示，其中各项含义如下：图6-7设置单元格属性第6章表格与框架元素6.1.3合并、拆分单元格+6.1插入并编辑表格1．合并单元格2．拆分单元格图6-8合并单元格图6-9“拆分单元格”对话框图6-10格拆单元格后的效果第6章表格与框架元素6.1.4删除单元格与增加列或行+6.1插入并编辑表格1．删除单元格2．增加列或行第6章表格与框架元素6.2.1细线表格+6.2使用CSS控制表格外观【教与练6-6】：细线表格。图6-17增加“border-collapse”属性图6-18最终预览效果第6章表格与框架元素6.2.2隔行换色表格+6.2使用CSS控制表格外观【教与练6-7】：隔行换色表格。图6-22“隔行换色表格”预览效果第6章表格与框架元素6.3.1什么是框架与框架集+6.3框架1．什么是框架框架（Frame）是浏览器窗口中的一个区域，包含在框架集中，它是框架集的一部分，每个框架中放置一个网页内容，组合起来就是浏览者看到的框架式网页。2．什么是框架集框架集（Frameset）实际是一个网页文件，用于定义文档中框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中显示的页面的URL。3．框架与框架集的关系例如，某个页面被创建为两个框架，那么它实际包含三个文件：一个框架集文件，两个框架内容文件。第6章表格与框架元素6.3.2创建框架与框架集+6.3框架1．新建文件时创建框架与框架集2．在已有文档中创建框架与框架集第6章表格与框架元素6.3.3与框架相关的基本操作+6.3框架1．认识框架面板“框架”面板主要为用户提供框架集内各框架的可视化表示形式，通过该面板用户能够清楚的看到框架集的层次结构，打开或关闭该面板的快捷键是〈Shift+F2〉，如图6-25所示。2．选择框架与框架集在包含框架的页面中，单击框架集中任意两个框架的边界，即可选中框架集，如图6-26所示。在“框架”面板中单击某个框架，即可选中相应的框架；单击“框架”面板最外围的边框，即可选中框架集。第6章表格与框架元素图6-25框架面板图6-26单击边框选择框架集第6章表格与框架元素6.3.4使用框架制作简单网页+6.3框架【教与练6-8】：使用框架制作简单网页。图6-27“使用框架制作简单网页”最终效果第6章表格与框架元素+6.4案例精粹——网站后台管理平台图6-35网站后台管理平台最终效果第6章表格与框架元素+6.5举一反三——吉他教程图6-53吉他教程页面效果（1）图6-54吉他教程页面效果（2）第6章表格与框架元素