资源描述：
《第10章 使用库和模板ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、Chapter10 使用库和模板知识点：库的使用模板的使用10.1库的使用要使用库必须先创建库。1,选择菜单命令“窗口”
2、“资源”，打开“资源”面板，在左侧的按钮中单击“库”按钮切换到“库”面板，如图10.1所示。2,选中文档顶部的整个表格，如图10.2所示。3,选择菜单命令“修改”
3、“库”
4、“增加对象到库”，打开一个提示框。单击“确定”按钮关闭对话框后，给新建的库重新命名为top，如图10.3所示。10.1.1创建库10.1库的使用4,此时网页中选定的表格成为一个不可编辑的整体，显示为淡黄色。10.1.1创建库10.1库的使用课堂练习10.1将底部表格转换为库对
5、象1,选中底部的表格，如图10.4所示。2,选择菜单命令“修改”
6、“库”
7、“增加对象到库”，此时会打开一个提示框。3,单击“确定”按钮关闭对话框后，新建的库对象就出现在“库”面板上，这里给新建的库重新命名为bottom。4,此时“库”面板中出现两个对象。10.1.1创建库10.1库的使用创建好库对象之后，就可以在新文档中使用它了。课堂练习10.2将库对象bottom插入到页面的顶部1,新建文档，将文档保存在站点目录about下，覆盖文件index.htm。然后在“库”面板中选中要插入的库对象bottom，单击面板下方的“插入”按钮，如图10.5所示。2,此时就在页
8、面中出现了一个库对象，如图10.6所示。10.1.2插入库10.1库的使用10.1.2插入库10.1库的使用3,选择菜单命令“窗口”
9、“CSS样式”，打开“CSS样式”面板，在面板中单击“附加样式表”按钮，此时将打开“链接外部样式表”对话框。4,单击其中的“浏览”按钮，在打开的“选择样式表文件”对话框中，找到素材目录mywebsitestyles下的文件main.css，单击“确定”按钮后，库对象又变回原样。10.1.2插入库10.1库的使用由于各栏目的中部和首页不同，因此这里需要在中部插入一个表格。1,插入一个1行2列的表格，在“属性”面板上设定表格宽度为77
10、8像素，单元格间距、单元格边距以及边框粗细均为0，背景色为白色，如图10.7所示。2,将光标放在左侧的单元格内，然后设定左侧单元格的宽度为180像素，高度为100像素，单元格背景色为浅灰色，垂直对齐属性设为“顶端”，如图10.8所示。10.1.2插入库10.1库的使用10.1.2插入库10.1库的使用3,将右侧单元格的垂直对齐属性设为“顶端”。此时整个表格如图10.9所示。4,采用将库对象bottom插入到页面顶部的方法将bottom插入到页面的底部。最后修改网页标题为“北京大学资产管理部”，此时的文档编辑窗口如图10.10所示，保存并关闭文档。10.1.2插入库
11、10.1库的使用10.1.2插入库10.1库的使用如果想要修改所有插入库对象中的内容，只要修改库就可以了。1,在“库”面板中双击要修改的库top，就会在文档编辑窗口中打开该对象，如图10.11所示。2,将光标放在导航条右侧的单元格中，然后插入一个1行2列，宽度为200像素，边框粗细、单元格间距、单元格边距都为0的表格，如图10.12所示。10.1.3编辑库10.1库的使用10.1.3编辑库10.1库的使用3,选中该表格，然后在“属性”面板上修改表格的高度为18像素，将左侧单元格的宽度设为20像素，此时的表格如图10.13所示。4,选中两个单元格，然后在“属性”面板
12、中将单元格的“垂直”对齐设为“底部”。再在左侧的单元格中插入素材目录下的图片book.gif，此时的表格如图10.14所示。5,将光标放在右侧的单元格中，然后切换到代码窗口，在其中插入一段JavaScript脚本，如图10.15所示。10.1.3编辑库10.1库的使用10.1.3编辑库10.1库的使用6,用快捷键Ctrl+S保存文件，此时将打开一个“更新库项目”对话框，如图10.16所示。7,单击“更新”按钮，这样将更新网站内所有使用了该库的网页。此时将打开“更新页面”对话框开始自动更新，如图10.17所示。8,单击“开始”按钮，可以更新站点内所有使用过该库的网页
13、。9,完成后单击“关闭”按钮，关闭对话框。10.1.3编辑库10.1库的使用10.1.3编辑库10.1库的使用有时我们可能需要将网页中的库和源文件分离，进而能够在网页中直接编辑。这时可以选中页面中的库对象，此时“属性”面板如图10.19所示10.1.4使库对象脱离源文件10.2模板的使用课堂练习10.3创建全站公用的模板1,在Dreamweaver中打开素材目录mywebsite下的文件index_exer.htm，如图10.20所示。10.2.1创建模板10.2模板的使用2,选择菜单命令“文件”
14、“另存为模板”，将打开“另存模板”对话框，如图10.21所示。3,
15、在对话框的
