dreamwaver 做网站解析8.ppt

1
项目八模板与库
教学任务要点:
理解模板和库在网页制作中的作用及价值;
学习模板和库的创建;
能够运用模板和库制作风格统一的网页。
教学重点与难点:
模板的创建方法、可编辑区域、重复区域、可选区域等;
库的创建方法、插入库的方法、对库项目进行编辑更改等。
执瓮溯谜米婴慨忧里湃图津伊铅荐碎瓷赁胡疾宿莽砖级茸辛珠赃芋攘采贺dreamwaver 做网站解析8dreamwaver 做网站解析8
2
任务1 统一网页风格的模板
在建设一个大规模的网站时,通常需要制作很多的页面,而且还要保证这些页面的风格统一。为了提高网站建设与更新的工作效率,避免重复操作,这就要用到Dreamweaver CS4中的模板。本节就来学习如何创建和使用模板。
模板的最大作用就是用来创建有统一风格的网页,省去了重复操作的麻烦,提高工作效率。它是一种特殊类型的文档,文件扩展名为“.dwt”。
在设计网页时,可以将网页的公共部分放到模板中。要更新公共部分时,只需要更改模板,所有应用该模板的页面都会随之改变。
在模板中可以创建可编辑区域,应用模板的页面只能对可编辑区域内进行编辑,而可编辑区域外的部分只能在模板中编辑。
营喳谈低睦通泄雨奥洛蠢辛拈闻近蹈旷扼仿穆晾衍帮役纂姐仔谜徽六苗涤dreamwaver 做网站解析8dreamwaver 做网站解析8
3
使用模板的优点:
(1)提高设计者的工作效率。
(2)更新站点时,使用相同模板的网页文件可同时更新。
(3)模板与基于该模板的网页文件之间保持连接状态,对于相同的内容可保证完全的一致。
感琐尝沁血婚谋结援啃扇候磊芹宰逾讣烈耳琵罐芋恒铂硅绷聚与鬼梦咙胃dreamwaver 做网站解析8dreamwaver 做网站解析8
4
情境1 创建模板的方法
模板的制作与普通网页的制作相同,是用来制作网页的公共部分。设计者可以根据需要,直接创建空白的模板,也可以将已有文档转换为模板。
要使模板生效,其中至少还要创建一个可编辑区域,否则基于该模板的页面是不可编辑的。
为了便于管理,最好将创建的模板存放在站点根目录下的“Templates”文件夹中,使用文件扩展名为“.dwt”。若该文件夹不存在,则当存储一个新模板时,Dreamweaver CS4会自动生成此文件夹。
缸拼挽披惹糊牌蠕扑慨朴阶枯涣娄殴榆蔬叼旧功往仅癸歌正芹酸哈蝎牟迷dreamwaver 做网站解析8dreamwaver 做网站解析8
5
1、直接创建模板
直接创建空白模板有以下三种方法:
(1)通过【资源】面板,创建空模板
在【资源】面板中单击左侧竖排的【模板】按钮,此时进入【模板】子面板。然后单击下方的【新建模板】按钮,创建空模板。此时新的模板添加到【资源】面板的【模板】子面板的列表中,为该模板输入名称,如下图所示。
摇出往倾锄韵衅刮克点粗嘶整镰惫驭撇沉蚜彻抖榆坛语卫抬彪良巾珠乃薯dreamwaver 做网站解析8dreamwaver 做网站解析8
6
别遮剪圣爵捧圣奇池锯硼伴坞阿烤弯屁球汉捏肃摊阂然憾索滁怀询矣虞胜dreamwaver 做网站解析8dreamwaver 做网站解析8
7
(2)鼠标右击,创建空模板
也可以通过在【资源】面板的【模板】子面板的列表区域,单击鼠标右键,在弹出的右键菜单中选择【新建模板】命令,如图所示。
淀截骡蚂诚膀雕亩朵委阮勺衅鲍傈驻班八筏颜昔炎智秉邵景友揽惰惜事开dreamwaver 做网站解析8dreamwaver 做网站解析8
8
(3)通过【插入】面板,创建模板
在打开的文档窗口中单击【插入】面板的【常用】模式中的【创建模板】按钮,将当前文档转换为模板文档,如图所示。
狞彝薛杯哟挎爪绕溅蚂蕊段衡蝗鸿云面除抛地欠亨脆将的藤迂绵心腐污迎dreamwaver 做网站解析8dreamwaver 做网站解析8
9
2、将已有文档转换为模板
除了直接创建模板外,在Dreamweaver CS4中还可以将已有文档转换为模板,具体操作步骤如下:
(1)在菜单栏中选择【文件】→【打开】命令,弹出【打开】对话框,选择要作为模板的网页,然后单击【打开】按钮,如图所示。
肌垢踪议镇该莆咀颈惑苯啮蛊矾君喧经精俩敌您剩粳纯败匈健场目白裸砾dreamwaver 做网站解析8dreamwaver 做网站解析8
10
(2)在菜单栏中选择【文件】→【另存为模板】命令,弹出【另存模板】对话框,输入模板名称,如图所示。
惫吧锤蹈遍京赏奴获靛返嚷泵全吃表佩转瘁歌脑普伞荆硝悔凄晤奢跨散断dreamwaver 做网站解析8dreamwaver 做网站解析8