网页制作基础5.ppt

《网页制作基础5.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第六章使用模板和库项目第一节创建模板第二节设置模板第三节应用模板第四节使用库项目第五节上机练习本章小结习题六第一节创建模板一个网站中的页面往往具有相同的结构和统一风格，为了提高工作效率，在Dreamweaver中提供了模板和库。模板由可编辑区域和不可编辑区域两部分组成：不可编辑区域的内容通常不可以改变，它一般是网页标题、导航条和框架结构等；可编辑区域的内容是可以更改的，它一般是网页中经常需要更新的部分，如每日新闻、最新列表等。对模板的操作基本都可以在资源面板中完成，选择“窗口”→“资源”命令，打开资源面板，如图6.1.1所示。图6.1.1资源面板该面板包括4

2、个部分，现分别介绍如下：　　（1）该面板的上半部分是模板预览窗口，用来显示选定模板的内容。　　（2）该面板的下半部分是模板列表框，用来显示该站点内模板文件的名称、大小等相关信息。　　（3）该面板左侧是类别列表，有图像、颜色、超链接、Flash、Shockwave、影片、脚本、模板和库9种类别，单击对应的按钮可切换其类别。（4）该面板顶部的单选按钮用于选择该面板左侧的不同类型的文件是出现在站点中，还是在“我的收藏”文件夹中。一、模板的创建模板的创建可通过直接创建或将网页另存为模板两种方法来实现。1．直接创建模板　　（1）选择“窗口”→“资源”命令，打

3、开资源面板。（2）单击资源面板中的“模板”按钮　，将该面板的类别切换到模板类型，如图6.1.2所示。图6.1.2资源面板（3）单击该面板上的“扩展”按钮　，在弹出的下拉菜单中选择“新建模板”命令，则新建一个模板文件，其名称为可编辑状态。　　（4）在该面板中为该模板文件命名。　　（5）单击该面板底部的“编辑”按钮　，可打开该模板。2．将网页另存为模板　　（1）打开需要将其设置为模板的网页。（2）删除网页中需要更改内容的区域，保留固定不变的区域。　　（3）为该网页设置可编辑区域。　　（4）选择“文件”→“另存为模板”命令，弹出“另存模板”对话框，如图6

4、.1.3所示。　　设置可编辑区域是为网页分配可以更改的区域，其设置方法将在以后的学习中进行讲解。　　（5）在该对话框中进行参数设置，并为该模板命名。　　（6）单击“保存”按钮即可。二、创建嵌套模板在网页设计中为了更加精确地布置页面，往往会使用嵌套模板，嵌套模板是通过另存为一个基本模板来实现的。　　（1）选择“窗口”→“资源”命令，在打开的资源面板中单击“模板”按钮　，将该面板的类别切换到模板类型。　　（2）在该面板中选中需要插入嵌套模板的模板，单击该面板中的“扩展”按钮　，在弹出的下拉菜单中选择“从模板新建”命令，得到一个从该模板创建的网页。（3）

5、选择“插入”→“模板对象”→“创建嵌套模板”命令，弹出“另存模板”对话框，如图6.1.4所示。图6.1.3“另存模板”对话框图6.1.4“另存模板”对话框（4）在该对话框中的“另存为：”文本框中输入嵌套模板的名称，单击“保存”按钮可将新建的网页自动转换为模板。　　（5）将鼠标光标置于该模板中需要插入嵌套模板的可编辑区域内。　　（6）在该区域插入可编辑区域等其他的内容。　　（7）选择“文件”→“保存”命令，将设置的内容保存。　　注意：模板文件的后缀名是.dwt的文件。第二节设置模板对于创建好的模板，还需要对其进行设置，该操作包括在模板中设置可编辑区域、

6、可编辑标签属性和重复区域等。一、设置可编辑区域模板由可编辑区域和不可编辑区域两部分组成，直接创建的模板所建立的网页是不可以进行编辑的，要利用模板创建网页必须在模板中设置可编辑区域。设置可编辑区域包括创建可编辑区域和删除可编辑区域两部分内容。1．创建可编辑区域　　在网页中创建可编辑区域可分为两种情况：一种是在页面中插入一个空的可编辑区域；另一种是将页面中已有的部分内容转换为可编辑区域。　　（1）插入空的可编辑区域的方法如下：1）将鼠标光标置于页面中需要插入可编辑区域的位置。2）选择“插入”→“模板对象”→“可编辑区域”命令，在弹出的“新建可编辑区域”对话框

7、中为插入的区域命名，单击“确定”按钮即可，如图6.2.1所示。图6.2.1“新建可编辑区域”对话框（2）将页面中已有的一部分内容转换为可编辑区域的方法如下：1）在页面中选择要设置为可编辑区域的内容。2）选择“插入”→“模板对象”→“可编辑区域”命令，在弹出的“新建可编辑区域”对话框中为插入的区域命名，单击“确定”按钮即可。注意：定义了可编辑区域的对象后，在该对象插入可编辑区域的位置将出现一个蓝色的标签，标签上显示的文字是该区域的名称，单击标签可选中该区域。2．删除可编辑区域　　删除可编辑区域的方法如下：　　（1）将鼠标光标置于需要删除的可编辑区域内。　

8、　（2）选择“修改”→“模板”→“删除模板标记”命令