网页设计与制作课件第8章 模板和库的应用.pptxVIP

;案例说明;;选择“文件”“新建”菜单，打开“新建文档”对话框。在左侧列表中选择“新建文档”，然后在“文档类型”列表中选择“HTML模板”，在“布局”列表中选择“无”，如下图所示。;单击“创建”按钮，便创建了一个模板文档，并进入其编辑状态，如下图所示。;选择“文件”“保存”菜单，弹出提示框，勾选“不再警告我”复选框，然后单击“确定”按钮。;打开“文件”面板，可以看到其中多了一个名为“Templates”的文件夹，展开该文件夹，可以看到新建的模板文档“t1.dwt”。此时便可以像制作普通网页一样制作模板文档。;继续在前面的blog站点中操作，打开网页文档“bowen1.html”。选择“文件”“另存为模板”菜单，打开“另存模板”对话框。;此时网页文档扩展名已变为“dwt”，在“设计”视图中看不出有什么变化，打开“代码”视图可看到在head标签中添加了一些代码，如下图所示。;;选择“插入”“模板”“可编辑区域”菜单，打开“新建可编辑区域”对话框，在“名称”编辑框中输入可编辑区域名称（此处为默认），如左图所示。;如果已经将模板中的一个区域标记为可编辑，而现在想要再次锁定它（使其在基于模板创建的文档中不可编辑），可在选中可编辑区域后，选择“工具”“模板”“删除模板标记”菜单。;;单击“创建”按钮，使用模板创建的网页文档便出现在文档编辑窗口中，该文档中除可编辑区域外其他区域都是不可编辑的，如下图所示。;按【Ctrl+S】组合键，将文档保存在站点根目录下，文档名为“bowen2.html”。;“资源”面板主要用于对网站中的资源进行分类管理。由于“资源”面板中显示的是当前站点中的资源，所以在使用“资源”面板前，需要先将当前站点设置为目标站点。;用鼠标右键单击所需模板，在弹出的快捷菜单中选择“从模板新建”，则新建的文档将显示在文档编辑窗口中，如下图所示。;;如果不再需要某个模板，可将其删除。在“资源”面板中选中不再需要的模板文件，按【Delete】键将会弹出提示框。如果确认删除，单击“是”按钮；如果不想删除，则单击“否”按钮。;;;;;;;;;案例说明;;双击打开“文件”面板中的网页文档“index.html”，选中网页最下方的footer标签，然后选择“工具”“库”“增加对象到库”菜单，打开提示框和“资源”面板。;将系统自定的库项目名称删除，然后重新输入新的库项目名称，此处为“footer”，并按【Enter】键确认，弹出“更新文件”对话框，单击“更新”按钮，完成库项目的重命名，如右图所示。;;;可以在文档编辑窗口中编辑并保存库项目。在更改库项目后执行保存操作时，系统会自动弹出“更新库项目”对话框，询问用户是否更新使用了库项目的网页，如左图所示。一般情况下，应单击“更新”按钮，接下来系统将显示“更新页面”对话框，其中显示了更新情况，如右图所示，更新完毕后单击“关闭”按钮即可。;;;;;;;;;;感谢您的阅读！