Dreamweaver 8中文版网页制作基础 第2版 教学课件 作者 王君学 郭亮 项目十一 库和模板-制作馨华学校主页-.ppt

《Dreamweaver 8中文版网页制作基础 第2版 教学课件 作者 王君学 郭亮 项目十一 库和模板-制作馨华学校主页-.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Dreamweaver8中文版网页制作基础老虎工作室2012年12月项目十一库和模板──制作馨华学校主页任务一创建库任务二创建模板实训制作网页模板任务三应用模板在Dreamweaver8中，可以使用库和模板来统一网站风格，提高工作效率。本项目以学校主页为例，介绍使用库和模板制作网页的基本方法。在项目中，首先制作库项目页眉和页脚，然后制作模板，最后根据模板制作学校主页。任务一创建库（一）创建库项目（二）编排页眉库项目（三）编排页脚库项目（一）创建库项目需要掌握的内容主要有：1、库的概念2、【资源】面板3、创建库项目4、删

2、除库项目库是一种特殊的Dreamweaver文件，可以用来存放诸如文本、图像等网页元素，这些元素通常被广泛用于整个站点，并且经常被重复使用或更新。创建的库项目通常保存在网站根目录下的“Library”文件夹内，“Library”是自动产生的，不能对其修改。1、库的概念在主菜单中选择【窗口】／【资源】命令，打开【资源】面板。【资源】面板将网页的元素分为9类，面板的左边垂直并排着（图像）、（颜色）、（URLs）、（Flash）、（Shockwave）、（影片）、（脚本）、（模板）和（库）9个按钮，每一个按钮代表一大类网页元

3、素。面板的右边是列表区，分为上栏和下栏，上栏是元素的预览图，下栏是明细列表。在【库】和【模板】分类的明细列表栏的下面依次排列着（插入）或（应用）、（刷新站点列表）、（新建）、（编辑）和（删除）5个按钮。2、【资源】面板（1）创建空白库项目。在主菜单中选择【窗口】／【资源】命令，打开【资源】面板。在【资源】面板中单击（库）按钮切换至【库】分类，单击面板右下角的（新建）按钮新建一个库，然后在列表框中输入库的名称并加以确认。3、创建库项目也可以在主菜单中选择【文件】／【新建】命令打开【新建文件】对话框，然后选择【常规】／【基

4、本页】／【库项目】命令来创建空白库项目。（2）从已有的网页创建库项目首先打开一个已有的文档，从中选择要保存为库项目的对象，如表格、图像等，然后在主菜单中选择【修改】／【库】／【增加对象到库】命令或在【资源】面板【库】分类模式下，单击右下角的（新建）按钮，则该对象即被添加到库项目列表中，库项目名为系统默认的名称，修改名称后按Enter键确认即可。如果要删除库项目，只要先选中该项目，然后单击【资源】面板右下角的（删除）按钮或按Delete键即可。4、删除库项目（二）编排页眉库项目在【资源】面板中选中库项目“top.lbi”

5、，再单击【资源】面板右下角的（编辑）按钮，或者双击“top.lbi”打开页眉库项目进行添加内容。这和平常制作网页是一样的，不再详述。（三）编排页脚库项目页脚库项目内容的编排与页眉库项目内容的编排方法类似，不再详述。任务二创建模板（一）创建模板文件（二）插入库项目（三）插入模板对象（一）创建模板文件需要掌握的内容主要有：1、模板的概念2、创建模板文件3、删除模板文件1、模板的概念在网页制作中，为了避免重复劳动，同时也是为了方便日后维护，可以将具有相同版面结构和风格的网页制作成模板。在Dreamweaver8中，创建的模板

6、文件保存在网站根目录下的“Templates”文件夹内，“Templates”是自动产生的，不能对其进行修改。2、创建模板文件创建模板也有两种方法，即直接创建空白模板和将现有网页保存为模板。（1）直接创建空白模板在【资源】面板中切换到【模板】分类，然后单击【资源】面板右下角的（新建）按钮来创建空白模板。也可以在主菜单中选择【文件】／【新建】命令打开【新建文件】对话框，然后选择【常规】／【模板页】／【HTML模板】命令来创建空白模板。创建空白模板后，还需要打开模板文件，在其中添加网页元素和模板对象。（2）将现有网页保存为

7、模板首先打开一个已有内容的网页文档，根据实际需要在网页中选择网页元素，并将其转换为模板对象，然后在主菜单中选择【文件】／【另存为模板】命令将网页保存为模板。3、删除模板文件如果要删除模板，只要先选中该模板，然后单击【资源】面板右下角的按钮或按Delete键即可。需要掌握的内容主要有：1、插入库项目2、修改库项目3、分离库项目（二）插入库项目在【资源】面板中切换至库分类，选中库文件，单击面板底部的【插入】按钮或者单击鼠标右键，在弹出的快捷菜单中选择【插入】命令，将库项目插入到文档中。1、插入库项目在网页中引用的库项目无法

8、直接修改，如果要修改库项目，需要直接打开库项目进行修改。打开库项目的方式通常有两种，一种是在【资源】面板中打开库项目，另一种是在引用库项目的网页中选中库项目，然后在【属性】面板中单击【打开】按钮打开库项目。在库项目被打开修改且保存后，通常引用该库项目的网页会自动进行更新。如果没有进行自动更新，可以在主菜单中选择【修改】／【库】／【