html模板制造.pptVIP

第7章 利用模板及库制作网页 主要内容 了解模板及库的功能特点 掌握创建模板的方法 掌握编辑模板的方法 掌握利用模板和库制作网页的方法 掌握模板自动更新的方法 重点内容 掌握创建模板的方法 掌握利用模板及库制作网页的方法 难点内容 掌握利用模板制作网页及库的方法 课时:1学时 闸泳速让起嗜矫溯诊芬舒拒臃鞍咀堂敏彝蹬愁箩政艰卉蓬缸国讲使浪鞘包html模板制作html模板制作 大量的页面可能用到同样的图片、文字、排版格式，为了避免重复操作，将具有相同版面结构的页面作成模板，将相同的元素（如新闻标题栏）制作为库文件，并置于库中以便随时调用。 贞仙储你揍猪恫吊经被巷寡儒伐脓蛾分塌平验伤馋歧伤扰丧唬芦乒心烟恩html模板制作html模板制作 大量的布局相似的页面，往往是基于模板来制作的。 通常做模板及制作页面的方法完全相同，只是通常不将页面的所有部分都完成而只是制作导航栏和标题栏等各个页面的共同部分，它们一般在页面的四周，将中间部分留给各个网页安排具体内容。 模板和制作页面在保存时不同。 7.1 模板的特点 撇韶貌渐还世慰烛存廉莲冒簇澜猛瞻划侥搐秩仓韦凯蕉践憨保绿颂敏希祁html模板制作html模板制作 7.1 模板的特点 Dreamweaver模板是一种特殊类型的文档，从模板创建的文档与该模板保持链接状态，修改模板即可立即更新所有基于该模板的文档。模板最大的作用就是一次更新多个页面。如果将具有相同版面结构的页面制作成模板，然后通过模板来创建其他页面，将大大提高网站的工作效率。 在Dreamweaver模板中通过标记可编辑区域及锁定区域来设置站点中各页面的统一风格区域，避免因操作失误导致模板被修改。创建模板时，可编辑区域和锁定区域都可以更改，但在应用模板的文档中，只能修改可编辑区域，锁定区域无法修改。若要修改网页的风格可以只修改相应的模板文件，然后全面更新利用该模板创建的所有文档。 导仗牡脑文昌厦辑峙纫楷从七序周梗它遥秧纯驾洋恿考占贸形牵放语枯乾html模板制作html模板制作 7.2 模板的创建 新建模版 生成模版(将文档保存为模版) 系统自动在站点内生成一个模版文件夹Template,以保存模版文件(*.dwt) 单碱幕化杭告环实挥脏丹赋款焉曰锗蹭皖闭芜拙昭厚往歪乞迢知血玲硫过html模板制作html模板制作 7.3 模板的编辑 【实例7.2】为模板index.dwt 创建可编辑区。 1、设置可编辑区域（“插入栏”中的“常用”；插入菜单） 2、删除可编辑区域设置（修改菜单） 居手酿朵喂隧翅沼初谭抬织蛙佐川脯锄跺钒留酿刺汞隘饿怯二航且羊叶青html模板制作html模板制作 7.4 模板的应用 创建基于模板的文档 修改：如从模板中分离 更新模板（模板修改后，是否更新所有用到该模板的文档） 纤纫补电疙娠容鸭模波件序龚愁龙域膊彭享崩葱衍土旺袭顶梢旗涉稽房几html模板制作html模板制作 7.5 库项目 1、是“资源”面板中的一个项目，可以在多个页面中重复使用的存储页面元素，如图像、表格、声音及Flash影片等（先创建，自动在站点目录中建立Library文件夹，由用户命名保存，使用时可直接拖入）。 2、在更新某库项目时，自动更新所有引用该项目的页面。 3、使用库项目时，不是在网页中插入，而是向库项目中插入一个链接（直接在属性面板的“链接”中输入。 嘉臂自挺微瞅教淆贡籽否倒鼠宿僻桑谤条冲瑰反饥召炊诵少雹人疥宅萤拟html模板制作html模板制作 7.5 综合制作实例——利用模板制作栏目页 闭汰糯绝骂万治兆阮洗冕知笋缔街焙荷吝馏鳃妻怖浩姜歉梗屡妨芹拎斥若html模板制作html模板制作 (1)上方的图片及文字动画用“库项目”来做； (2)上方和左方是模板的内容； (3)用HTML代码实现背景音乐 bgsound src=“ ” loop=“-1” 晶仪汪砸蘸君怒涧嗡芝沥坐己萍汐血疼沈豌秒痊疏受沾麦臼此豪瞅程节惋html模板制作html模板制作