第06讲模板、库和框架的应用.ppt

《第06讲模板、库和框架的应用.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作－－模板、库和框架的应用难点疑点重点知识主要任务第6讲模板、库和框架的应用课程导入难点疑点重点知识课程导入第6讲模板、库和框架的应用掌握使用Dreamweaver创建站点任务1：掌握使用Dreamweaver创建和应用模板任务2：主要任务掌握使用Dreamweaver创建和应用库项目任务3：掌握框架技术的应用任务4：难点疑点主要任务课程导入重点知识第6讲模板、库和框架的应用主要任务重点知识课程导入难点疑点第6讲模板、库和框架的应用1.1模板和库项目的应用1.2框架技术的应用授课提纲

2、第6讲模板、库和框架的应用1.1模板和库项目的应用使用Dreamweaver创建站点1在Dreamweaver中创建站点，就是在Dreamweaver中定义站点、策划站点结构、部署开发环境。定义站点是为了更好地利用【文件】面板对站点文件进行管理，也是为减少一些错误的出现，如路径出错，链接出错等等。许多初学者开始做网页时，就只知道做单一网页，对文件的条理性、结构性不加以管理，没有对文件进行分类管理，使整个站点结构显得很乱；所以在开发之前应该认真策划好站点结构。下面以DreamweaverCS3为例

3、，讲解站点的创建。1/61.1模板和库项目的应用使用Dreamweaver创建站点12/6步骤1可以不填1.1模板和库项目的应用使用Dreamweaver创建站点13/61.1模板和库项目的应用使用Dreamweaver创建站点14/6目录不存在则会新建1.1模板和库项目的应用使用Dreamweaver创建站点15/61.1模板和库项目的应用使用Dreamweaver创建站点16/61.1模板和库项目的应用模板的应用2一、模板的优势建立网站，有时需要建立风格统一、外观相同的大量网页，这些网页可能

4、需要修改，为了提高工作效率，减少操作过程中的错误，可使用模板技术。在使用模板的站点中，如果需要更改应用模板的网页，只需修改模板的内容更新模板，就可以更新站点中所有的文件，从而大大提高工作的效率，特别对于维护静态的站点尤其显出其优势。1/31.1模板和库项目的应用模板的应用2二、创建模板1.使用已有页面创建模板（菜单【文件】【另存为模板】）2.使用菜单命令创建空白模板3.使用模板子面板创建模板（快捷键F11）注：模板文件扩展名为dwt。一般模板文件不直接使用，而是通过它产生新的网页。模板文件存放在

5、站点根目录下的【Templates】子目录下，此目录自动生成。2/31.1模板和库项目的应用模板的应用2三、创建模板可编辑区域1.创建模板可编辑区域选择菜单命令【插入】【模板对象】【可编辑区域】可编辑区域的标记代码如下：content2.通过模板创建新网页四、模板分离选择菜单命令【修改】【模板】【从模板中分离】3/31.1模板和库项目的应用库的应用3提高一个网站

6、的页面制作效率，除了可以使用模板外，还可以应用库实现页面的批量更新。库与模板的区别在于库只针对于网页中的局部内容，而模板是针对整个网页。一、创建库菜单命令【文件】【新建】【空白页】【库项目】或者使用模板子面板创建库项目（快捷键F11）二、插入库选择资源面板组，再从中选取要添加的库项目，直接拖拽到网页相对应的位置。1/21.1模板和库项目的应用库的应用3三、更新库多个页面应用了某个库项目，如要修改，只需修改相就库项目，则所有引用页面都会变化修改。四、库的分离在引用页选中要分离的库项目，右键再选择【

7、从源文件中分离】命令注：库文件扩展名为lib。库文件不直接使用。库文件存放在站点根目录下的【Library】子目录下，此目录自动生成。2/21.1模板和库项目的应用1.2框架技术的应用授课提纲第6讲模板、库和框架的应用1.2框架技术的应用关于框架1使用框架(Frame)，可以在浏览器窗口同时显示多个网页。每个Frame里设定一个网页，每个Frame里的网页相互独立。框架的优缺点优点：可以让网页的风格统一，更能加快浏览速度。缺点：搜索引擎无法把带有框架的网页正确索引。1.2框架技术的应用框架的使用

8、21.Frameset决定如何划分Frame。有cols属性和rows属性。使用cols属性，表示按列分布Frame；使用rows属性，表示按行分布Frame。2.Frame用这个Tag设定网页。里有src属性，src值就是网页的路径和文件名。1/31.2框架技术的应用框架的使用2下面的代码的目的是：将Frameset分成2列，第一列25%，表示第一列的宽度是窗口宽度的25%；第二列75%，表示第一列的宽度