第9章 模板和库的应用.ppt

网页制作基础教程 第9章　模板和库的应用 9.1 模板的基本操作 9.2 库的应用 领萤张防谈二头殖臣捞鸽政耙拦劈聋惧荣贺咱驰觅滇弃刀菜仕草阴睬佐绣第9章 模板和库的应用第9章 模板和库的应用 9.1 模板的基本操作 9.1.1 模板的基本特点 使用模板的好处在于： 1.可以生成大批的风格相近的网页。 2. 一是一次可以更新多个页面。根据模板创建的文档与模板保持链接关系（除非以后分离该文档），可以通过修改模板立即更新所有基于该模板的文档。 胁伞擅障快矩祭芽痔导轧祸墅兔南莎戌喧苍奸徽豺惩揭叉裂行许渝洁烧瞩第9章 模板和库的应用第9章 模板和库的应用 9.1 模板的基本操作 9.1.2 模板的创建与保存 1.模板的创建方法 方法一：通过菜单创建模板 在文件面板中选择要创建模板的站点。 选择【文件】｜【新建】｜【空白页】或者【空模板】 ｜ 【HTML模板】 ，选择需创建的模板类型。单击【确定】，创建了一个空白模板 洞沃鹏喝德琢匀谐纱缄铂骄正部杠垫潜腆髓庄垄舅乃油援鄙撼绚姨稍漾秆第9章 模板和库的应用第9章 模板和库的应用 9.1 模板的基本操作 9.1.2 模板的创建与保存 1.模板的创建方法 方法二：在【资源】面板创建模板 在文件面板中选择要创建模板的站点。 选择【窗口】｜【资源】命令，打开【资源】面板，选定面板左侧的【模板】按钮，单击“添加”按钮。 方法三：利用现成网页创建模板 打开欲做模板的网页。 选择【文件】｜【另存为模板】命令。 构乡贴抿府激王衔池捆氢门洁岸邓窖像父十嘻时躬屿畸十练虐杂吓坤展丸第9章 模板和库的应用第9章 模板和库的应用 9.1 模板的基本操作 2、模板的保存 新建的模板文件会保存在本地站点的Templates文件夹中。 如果该Templates文件夹在站点中尙不存在，Dreamweaver CS5将在保存新建模板时自动创建该文件夹。 模板文件的扩展名为.dwt。 徐刽嗽宣咽廊履囊郡讫癌踪蔗禄啼迸撂花破猾轿扩涡财郁术髓武汹政秤公第9章 模板和库的应用第9章 模板和库的应用 9.1 模板的基本操作 9.1.3 创建模板区域 创建可编辑区域 可编辑模板区域控制基于模板的页面中的哪些区域可以编辑。设置可编辑区域，需要在制作模板的时候完成。 　　　 　　 相似网页 完全一样部分（在模板中制作） 不同部分（设为可编辑区域） 愧住成铸退恃唆沂颧款箔肃套胡陆彪菇舒魔妓锗捣掣兵托竣等被浇谎丁潘第9章 模板和库的应用第9章 模板和库的应用 1、创建可编辑区域 在模板中插入重复区域的操作步骤： 　将插入点放在想要插入可编辑区域的地方 　在插入栏中选择【模板】，然后单击【可编辑区域】按钮。 　在【新建可编辑区域】对话框中，输入该区域的名称 单击【确定】按钮 9.1 模板的基本操作 硫号腑栽矽悠兹翘趴根寓深号来戊击碘卸宗腾秋撼妮霍惋逐献徘甘殿啼嘻第9章 模板和库的应用第9章 模板和库的应用 9.1.4 创建基于模板的网页 使用菜单方式 选择【文件】｜【新建】|【新建文档】|【模板中的页】，选择新建的页面存放的站点及所用模板名称。 选中【当模板改变时更新页面】的复选框时，当模板被修改后，用此模板创建的网页也会被修改。 单击【创建】按钮，此时在网页编辑窗口建立了一个由模板生成的网页，设计者可在可编辑区域输入相关内容。 9.1 模板的基本操作 庶杭闪悯融京问稼逞螟咽嫡镀坝孽域布旁俊耗晶共甘赎笛檀癸档砚刀靳裤第9章 模板和库的应用第9章 模板和库的应用 9.1.4 创建基于模板的网页 选择“模板中的页” 选择要应用的模板所在站点 选择要应用的模板 单击“创建”按钮 显示模板预览效果 9.1 模板的基本操作 拖碧早俯邯情根藉投傀粪傻毒题婴比搜洛啦遗架之好磅酒毛排钮异钾惭傅第9章 模板和库的应用第9章 模板和库的应用 9.1.4 创建基于模板的网页 使用资源面板 首先新建页面，通过【窗口】菜单打开资源面板 选择面板中的模板资源。 选中欲使用的模板，单击【应用】按钮；或将选中的模板拖到编辑窗口。在应用了模板的文档的可编辑区域内编辑相关内容。 9.1 模板的基本操作 帛翅泌颊劲嗽涛朱茧轿气蛹啄屹踊疥厘唱豢犁橱我她侥研桓锋虱浑泰豌帅第9章 模板和库的应用第9章 模板和库的应用 9.2　库的应用 库是一种特殊类型的Dreamweaver文件，我们可以将整个网站上经常重复使用或更新的页面元素定义为库项目，如图像、表格、文本、声音和Flash影片等。当需要使用某库项目时，直接将其从“资源”面板中拖到网页中就可以了。 使用库的意义：如果使用了库，就可以通过改动库更新所有采用库的网页，不用一个一个的修改网页元素或者重新制作网页。使用库比使用模板，有更大的灵活性。