第4章使用表格和模板布局网页.pptx
- 文档编号:2122809
- 上传时间:2022-10-27
- 格式:PPTX
- 页数:36
- 大小:1.27MB
第4章使用表格和模板布局网页.pptx
《第4章使用表格和模板布局网页.pptx》由会员分享,可在线阅读,更多相关《第4章使用表格和模板布局网页.pptx(36页珍藏版)》请在冰豆网上搜索。
21世纪普通高校计算机公共课程规划教材DreamweaverCS6网页设计与制作祁瑞华主编李富宇副主编第4章使用表格和模板布局网页清华大学出版社清华大学出版社第4章使用表格和模板布局网页4.14.1创建创建表格表格4.24.2插入插入表格表格打开网页文档,将光标定位到相应位置,选择“插入”|“表格”命令;或者选择“窗口”|“插入”命令,打开“插入”面板,并在其“常用”或“布局”选项中,单击“表格”按钮即可。
11第4章使用表格和模板布局网页22在随后出现的“表格”对话框中,可对插入的表格进行设置。
该对话框有三个设置区域,分别为“表格大小”、“标题”和“辅助功能”。
第4章使用表格和模板布局网页4.34.3在单元格中添加内容在单元格中添加内容在单元格中插入在单元格中插入文本文本在在单元格单元格中插入中插入图像图像将光标定位在单元格中,选择“插入”|“图像”命令,或在“插入”面板的“常用”选项中,单击“图像”按钮。
然后在“选择图像源文件”对话框中,选择所需图像文件即可。
导入表格导入表格数据数据导入表格式数据导入Excel文档导入Word文档33第4章使用表格和模板布局网页导出导出DreamweaverDreamweaver文档中的文档中的表格表格将光标定位在表格的任意一个单元格中,选择“文件”|“导出”|“表格”命令。
然后在弹出的“导出表格”对话框中设置相应参数,单击“导出”按钮。
最后在继续弹出的“表格导出为”对话框中,设定导出文件的名称及保存位置,单击“保存”按钮。
44第4章使用表格和模板布局网页4.44.4选择表格元素选择表格元素选择整个选择整个表格表格选择选择表格的行或列表格的行或列选择单元格选择单元格55第4章使用表格和模板布局网页4.54.5设置表格及单元格设置表格及单元格属性属性表格的属性表格的属性设置设置。
当当选取整个表格时,在表格的属性面板中就可选取整个表格时,在表格的属性面板中就可以对表格进行基本属性的以对表格进行基本属性的设置设置。
单元格的属性单元格的属性设置设置。
当光标放置于表格的某一单元格中就相当于。
当光标放置于表格的某一单元格中就相当于选取了该单元格,此时属性检查器中显示的就是单元格的属性面选取了该单元格,此时属性检查器中显示的就是单元格的属性面板,用户在此可以对其进行基本属性的板,用户在此可以对其进行基本属性的设置。
设置。
66第4章使用表格和模板布局网页4.64.6表格表格的基本的基本操作操作4.6.14.6.1调整表格调整表格大小大小4.6.24.6.2插入行或插入行或列列插入单个行或插入单个行或列列将光标定位在表格的任一个单元格中。
选择“修改”|“表格”|“插入行”或“插入列”命令,则插入点的上方出现一行或在插入点的左侧出现一列;或右键激活快捷菜单,选择“表格”|“插入行”或“插入列”命令。
77第4章使用表格和模板布局网页还有一种快速追加一行的方法是,将光标定位在表格的最右下角的单元格,按下Tab键,则会在表格最下端自动添加一个新行;而点击列标题菜单,然后选择“左侧插入列”或“右侧插入列”,也可以快速插入一列。
插入多行或多插入多行或多列列将光标定位在表格的任一个单元格中。
选择“修改”|“表格”|“插入行或列”命令,出现“插入行或列”对话框,选择插入“行”或“列”,并设置要插入的“行数”或“列数”以及插入的位置,最后单击“确定”按钮。
删除某行或删除某行或列列将光标定位在表格的任一单元格中。
选择“修改”|“表格”|“删除行”或“删除列”命令;或者选择完整的一行或列后,再选择菜单“编辑”|“清除”命令或直接按Delete键,则整个行或列就会从表格中被删除了。
88第4章使用表格和模板布局网页4.6.34.6.3合并拆分单元格合并拆分单元格合并表格中的两个或多个合并表格中的两个或多个单元格单元格选择连续行中形状为矩形的单元格(只有所选部分是矩形的规则单元格,才可以合并这些单元格,否则不能合并单元格)。
选择“修改”|“表格”|“合并单元格”命令,或在属性面板中点击“合并单元格”按钮。
拆分拆分单元格单元格选择要拆分的单元格。
选择“修改”|“表格”|“拆分单元格”命令,或在属性面板中点击“拆分单元格”按钮,激活“拆分单元格”对话框,可按照实际需要,指定如何拆分单元格。
此例选择上图中合并后的单元格,拆分为3行。
99第4章使用表格和模板布局网页增加或减少单元格所跨的行或列的数目增加或减少单元格所跨的行或列的数目将光标定位在表格中的任一个单元格中。
选择“修改”|“表格”|“增加行宽”/“增加列宽”命令,或“减少行宽”/“减少列宽”命令。
1010第4章使用表格和模板布局网页4.6.44.6.4单元格的复制与粘贴单元格的复制与粘贴。
选择要复制或剪切的一个或多个单元格;当为多个单元格时,必选择要复制或剪切的一个或多个单元格;当为多个单元格时,必须保证选中的单元格区域为矩形。
须保证选中的单元格区域为矩形。
选择选择“编辑编辑”|“拷贝拷贝”或或“编辑编辑”|“剪切剪切”命令,也可以使用命令,也可以使用快捷组合键快捷组合键Ctrl+CCtrl+C或或Ctrl+XCtrl+X进行复制或剪切以及激活右键快捷菜进行复制或剪切以及激活右键快捷菜单选择单选择“拷贝拷贝”或或“剪切剪切”。
定位光标在要粘贴的目标位置,并选择定位光标在要粘贴的目标位置,并选择“编辑编辑”|“粘贴粘贴”命令,命令,也可以使用快捷组合键也可以使用快捷组合键Ctrl+VCtrl+V完成粘贴动作。
完成粘贴动作。
1111第4章使用表格和模板布局网页4.6.54.6.5表格的嵌套表格的嵌套。
将光标定位在表格的任一单元格中。
将光标定位在表格的任一单元格中。
选择选择“插入插入”|“表格表格”命令;在命令;在“表格表格”对话框中进行相应的设对话框中进行相应的设置,即可完成嵌套表格的插入;本例为在置,即可完成嵌套表格的插入;本例为在33行行33列的表格的第二行列的表格的第二行首列单元格内,插入一个首列单元格内,插入一个33行行22列的嵌套表格。
列的嵌套表格。
1212第4章使用表格和模板布局网页4.74.7对对表格进行表格进行排序排序。
选中需要排序的表格,选择“命令”|“排序表格”命令。
在激活的“排序表格”对话框中进行相应的设置,最后单击“确定”按钮。
1313第4章使用表格和模板布局网页4.84.8使用使用模板模板和库快速创建和库快速创建网页网页4.8.14.8.1创建与编辑创建与编辑模板模板使用现有网页创建使用现有网页创建模板模板打开打开网页文档,选择网页文档,选择“文件文件”|“另存模板另存模板”命令。
命令。
在弹出的在弹出的“另存模板另存模板”对话框中,选择站点及设置模板文档的对话框中,选择站点及设置模板文档的名称为名称为“mubanmuban”,还可在,还可在“描述描述”文本框中输入模板文档的文本框中输入模板文档的说明性文本,然后单击说明性文本,然后单击“保存保存”按钮。
按钮。
在继续弹出的在继续弹出的DreamweaverDreamweaver对话框中,单击对话框中,单击“是是”按钮,完成按钮,完成更新链接及模板创建。
更新链接及模板创建。
1414第4章使用表格和模板布局网页1515第4章使用表格和模板布局网页新建空白模板新建空白模板启动启动DreamweaverCS6DreamweaverCS6,选择,选择“文件文件”|“新建新建”命令。
命令。
在弹出的在弹出的“新建文档新建文档”对话框中选择对话框中选择“空模板空模板”|“HTMLHTML模模板板”|“无无”选项,然后点击选项,然后点击“创建创建”按钮,即可创建一个空按钮,即可创建一个空白模板。
白模板。
选择选择“文件文件”|“另存模板另存模板”命令,继而弹出命令,继而弹出DreamweaverDreamweaver提提示对话框,单击示对话框,单击“确定确定”按钮。
按钮。
在弹出的在弹出的“另存模板另存模板”对话框中,选择站点及设置模板文档的对话框中,选择站点及设置模板文档的名称为名称为“muban1muban1”,还可在,还可在“描述描述”文本框中输入模板文档文本框中输入模板文档的说明性文本,然后单击的说明性文本,然后单击“保存保存”按钮,即可完成模板的创建。
按钮,即可完成模板的创建。
1616第4章使用表格和模板布局网页1717第4章使用表格和模板布局网页在模板中创建可编辑区域在模板中创建可编辑区域打开模板文档,将光标放置于想创建可编辑区域的位置。
打开模板文档,将光标放置于想创建可编辑区域的位置。
选择选择“插入插入”|“模板对象模板对象”|“可编辑区域可编辑区域”命令。
命令。
在弹出的在弹出的“新建可编辑区域新建可编辑区域”对话框中,设置可编辑区域的名对话框中,设置可编辑区域的名称,单击称,单击“确定确定”按钮,则在目标位置完成可编辑区域的创建。
按钮,则在目标位置完成可编辑区域的创建。
1818第4章使用表格和模板布局网页4.8.24.8.2创建基于模板的创建基于模板的网页网页新建基于模板的网页新建基于模板的网页启动启动DreamweaverCS6DreamweaverCS6,选择,选择“文件文件”|“新建新建”命令。
命令。
在弹出的在弹出的“新建文档新建文档”对话框中选择对话框中选择“模板中的页模板中的页”|“原创原创文学文学”|“mubanmuban”选项,然后点击选项,然后点击“创建创建”按钮,即可利用按钮,即可利用模板创建网页。
模板创建网页。
1919第4章使用表格和模板布局网页更新模板及基于模板的网页更新模板及基于模板的网页启动启动DreamweaverCS6DreamweaverCS6,选择,选择“文件文件”|“打开打开”命令,打开命令,打开网站中的模板文档。
网站中的模板文档。
对模板文档进行相应的修改后,选择对模板文档进行相应的修改后,选择“文件文件”|“保存保存”命令。
命令。
在弹出的在弹出的“更新模板文件更新模板文件”对话框中,单击对话框中,单击“更新更新”按钮。
按钮。
在继续弹出的在继续弹出的“更新页面更新页面”对话框中会显示更新的结果,单击对话框中会显示更新的结果,单击“关闭关闭”按钮,完成页面更新。
按钮,完成页面更新。
2020第4章使用表格和模板布局网页删除页面中使用的模板删除页面中使用的模板如果想删除在网页中使用的模板,可以选择如果想删除在网页中使用的模板,可以选择“修改修改”|“模板模板”|“从模板中分离从模板中分离”命令。
这样基于模板生成的网页便可脱命令。
这样基于模板生成的网页便可脱离模板,变成普通的网页文档,同时页面右上角的模板名称及离模板,变成普通的网页文档,同时页面右上角的模板名称及页面中的模板元素名称也会一并消失。
页面中的模板元素名称也会一并消失。
2121第4章使用表格和模板布局网页4.8.34.8.3创建与使用库项目创建与使用库项目新建库项目新建库项目启动启动DreamweaverCS6DreamweaverCS6,选择,选择“文件文件”|“新建新建”命令。
命令。
在弹出的在弹出的“新建文档新建文档”对话框中,选择对话框中,选择“空白页空白页”|“库项目库项目”,单击,单击“创建创建”按钮,即可创建一个空的库项目。
按钮,即可创建一个空的库项目。
选择选择“文件文件”|“另存为另存为”命令,在弹出的命令,在弹出的“另存为另存为”对话框对话框中选择文件的保存类型为中选择文件的保存类型为“库文件库文件(.lbi(.lbi)”,并命名为,并命名为top.lbitop.lbi。
2222第4章使用表格和模板布局网页2323第4章使用表格和模板布局网页在网页中插入库项目在网页中插入库项目对于已经创建的库项目文件,除了选择对于已经创建的库项目文件,除了选择“文件文件”|“打开打开”命命令,还可以在令,还可以在“资源资源”面板中新建的库项目文件上直接双击,面板中新建的库项目文件上直接双击,即可在编辑窗口中打开该库文件。
即可在编辑窗口中打开该库文件。
将光标置于库文件当中,选择将光标置于库文件当中,选择“插入
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 使用 表格 模板 布局 网页