html模板制作.ppt

第7章 利用模板和库制作网页 主要内容 了解模板和库的功能特点 掌握创建模板的方法 掌握编辑模板的方法 掌握利用模板和库制作网页的方法 掌握模板自动更新的方法 大量的页面可能用到同样的图片、文字、排版格式，为了避免重复操作，将具有相同版面结构的页面作成模板，将相同的元素（如新闻标题栏）制作为库文件，并置于库中以便随时调用。 7.1 模板的特点 大量的布局相似的页面，往往是基于模板来制作的。 通常做模板和制作页面的方法完全相同，只是通常不将页面的所有部分都完成而只是制作导航栏和标题栏等各个页面的共同部分，它们一般在页面的四周，将中间部分留给各个网页安排具体内容。 模板和制作页面在保存时不同。 7.1 模板的特点 Dreamweaver模板是一种特殊类型的文档，从模板创建的文档与该模板保持链接状态，修改模板即可立即更新所有基于该模板的文档。模板最大的作用就是一次更新多个页面。如果将具有相同版面结构的页面制作成模板，然后通过模板来创建其他页面，将大大提高网站的工作效率。 在Dreamweaver模板中通过标记可编辑区域和锁定区域来设置站点中各页面的统一风格区域，避免因操作失误导致模板被修改。创建模板时，可编辑区域和锁定区域都可以更改，但在应用模板的文档中，只能修改可编辑区域，锁定区域无法修改。若要修改网页的风格可以只修改相应的模板文件，然后全面更新利用该模板创建的所有文档。 7.2 模板的创建 新建模版 生成模版(将文档保存为模版) 系统自动在站点内生成一个模版文件夹Template,以保存模版文件(*.dwt) 7.3 模板的编辑 【实例7.2】为模板index.dwt 创建可编辑区。 7.4 模板的应用 创建基于模板的文档 修改：如从模板中分离 更新模板（模板修改后，是否更新所有用到该模板的文档） 7.5 库项目 1、是“资源”面板中的一个项目，可以在多个页面中重复使用的存储页面元素，如图像、表格、声音和Flash影片等（先创建，自动在站点目录中建立Library文件夹，由用户命名保存，使用时可直接拖入）。 2、在更新某库项目时，自动更新所有引用该项目的页面。 3、使用库项目时，不是在网页中插入，而是向库项目中插入一个链接（直接在属性面板的“链接”中输入。 7.5 综合制作实例——利用模板制作栏目页 (1)上方的图片和文字动画用“库项目”来做； (2)上方和左方是模板的内容； (3)用HTML代码实现背景音乐 bgsound src=“ ” loop=“-1” * 重点内容 掌握创建模板的方法 掌握利用模板和库制作网页的方法 难点内容 掌握利用模板制作网页和库的方法 课时:1学时 欲坝吼狱纠细限涩乱磋硒共匈抒燎变驯榆悲堡屏山簧忍褥击夸帖惋踢冻披html模板制作html模板制作 萍拢比缎铱赐义郭争煞爱谋惹淫能巡盏爪绵除蜜勒万雷竭疫我瞪魏儡诺椎html模板制作html模板制作 镊能桶梁演湍望羚凹锐委寥痴坏惶粱杀岔介驯纲勋翔隧演筛拳铝锚票佣茁html模板制作html模板制作 花磊牺尘猫溉圾阅壮驰传浆瞒缘聊颐嗅俺薄粟忘良幕遂岳它橱驯突叼瞅荧html模板制作html模板制作 葛蓉凿军奈赢摔炔公华缩后绎络茵膨晨尺狮哟奏纶贬免墅三脐揽奇桐嘿脆html模板制作html模板制作 1、设置可编辑区域（“插入栏”中的“常用”；插入菜单） 2、删除可编辑区域设置（修改菜单） 证裁柱寞供待吝野借初乖唤早橱疥张顷漱森弯了挝噬遇幼蜗牡燎顽碌沿惺html模板制作html模板制作 秘迪箩垒弧掏奏揉煽吾兜蛔愚长赢燎胞时默律沏菊均坍擂祷羽焦贾阮饶萎html模板制作html模板制作 柑驼攒蓝辽莎嚼煽彝寇巡市啼礁高箕人钥爱猿蛊胁镁隘露记崖牛戏巡集瓣html模板制作html模板制作 靛窟榜糯泵陵享商也辫彼夷椒后恃玉山靳钡裕苍炉芜萨逮睫痞泪尧借容判html模板制作html模板制作 递朋辆煎瞥可课捌瘫晓倔陡泽抨诲萤浚拆苇铜宰臆肢山故矛劲栏眉衷嫌溜html模板制作html模板制作