《Dreamweaver CC网页设计与制作教程》课件——第4章 表格.pptVIP

第4章表格本章主要介绍表格的一些基本操作，系统地学习表格的操作方法。通过本章的学习，可以了解如何创建表格，如何对单元格进行剪切、复制、粘贴、重置大小、合并与拆分以及如何添加和删除行和列，如何设置表格与单元格的属性等。4.1案例1：使用表格制作简易汇款单【案例目的】利用表格的基本操作，制作汇款单，效果见图4-1。【核心知识】表格高度和宽度等的属性设置，表格的拆分和合并。4.1.1在页面中插入表格在网页中插入表格，将光标放置在页面需要创建表格的位置，选择菜单“插入”－“表格”；或直接按快捷键Ctrl+Alt+T。4.1.2设置表格属性插入表格后，出现表格对话框，进行设置表格。还可以在“属性”面板中对表格进行设置。表格宽度，边框粗细，单元格边距，单元格间距，标题等4.2编辑表格4.2.1选择单元格在需要选择的单个单元格中单击鼠标，然后按住鼠标左键不放，同时向相邻的单元格方向拖曳，这时单元格出现黑色边框，表示被选中，也可以按Ctrl键并在单元格上单击鼠标即选中单元格。4.2编辑表格4.2.2添加和删除行和列在需要选择的单个单元格中单击鼠标，然后按住鼠标左键不放，同时向相邻的单元格方向拖曳，这时单元格出现黑色边框，表示被选中，也可以按Ctrl键并在单元格上单击鼠标即选中单元格。4.2编辑表格4.2.3拆分和合并单元格将表格中两个或多个单元格合并成一个单元格称作“合并”；将一个单元格分割成两个或多个单元格称作“拆分”。对单元格的拆分与合并可以通过属性面板左下角的按钮来实现。4.2编辑表格4.2.4剪切、复制和粘贴表格可以一次对多个单元格进行复制或粘贴操作，保留单元格初始格式，复制并粘贴多个单元格，也可以只是复制和粘贴单元格的内容。单元格可以在插入位置被粘贴，也可以替换单元格中被选中的内容。粘贴多个单元格，剪贴板中的内容必须与表格的格式一致。4.2编辑表格4.2.5表格的嵌套表格嵌套是在一个表格的其中一个单元格中再插入一个表格。选择要插入表格的单元格，选择“插入”→“表格”打开表格对话框，设置要嵌套的表格参数。4.3案例2：用表格制作网站主页【案例目的】利用表格制作一个网站主页，效果见图4-28。【核心知识】表格的修饰。4.3案例2：用表格制作网站主页4.3.1制作细线表格1.选择“插入”→“表格”，设置表格参数2行2列，80%宽度，边框粗细为0，单元格间距为1，摘要为“读书协会主页”。2.选中此表格，在“属性”面板中将单元格背景颜色设为浅灰色。3.选择表格，在表格属性中设置表格为“居中对齐”，则表格在浏览器中水平居中。4.3案例2：用表格制作网站主页4.3.2导入表格数据在Dreameaver中可以从外部导入Excel表格数据，也可以导入表格式数据，根据素材来源的结构，为网页自动建立相应的表格，并自动生成表格数据。4.3案例2：用表格制作网站主页4.3.3表格排序当需要调整表格内容的顺序时，可以使用“排序表格”功能，快速对表格内容进行排序。4.4上机实训项目一：利用表格制作一个主页面内容要求：（1）综合使用表格的属性练习制作百度收索引擎的主页面；（2）采取表格布局，使用多个表格进行组合与嵌套。4.4上机实训项目二：利用表格制作修饰一个文本页面内容要求：（1）使用表格制作一个文本页面“shicixinshang.html”，在其中插入文本和图片；（2）为文本设置格式，效果如图4-53所示。*图4-1用表格制作的简易汇款单*