网页制作基础ppt课件.ppt

第六章使用模板和库项目第一节创建模板一个网站中的页面往往具有相同的结构和统一风格，为了提高工作效率，在Dreamweaver中提供了模板和库。模板由可编辑区域和不可编辑区域两部分组成：不可编辑区域的内容通常不可以改变，它一般是网页标题、导航条和框架结构等；可编辑区域的内容是可以更改的，它一般是网页中经常需要更新的部分，如每日新闻、最新列表等。对模板的操作基本都可以在资源面板中完成，选择“窗口”→“资源”命令，打开资源面板，如图6.1.1所示。该面板包括4个部分，现分别介绍如下：（1）该面板的上半部分是模板预览窗口，用来显示选定模板的内容。（2）该面板的下半部分是模板列表框，用来显示该站点内模板文件的名称、大小等相关信息。（3）该面板左侧是类别列表，有图像、颜色、超链接、Flash、Shockwave、影片、脚本、模板和库9种类别，单击对应的按钮可切换其类别。（4）该面板顶部的单选按钮用于选择该面板左侧的不同类型的文件是出现在站点中，还是在“我的收藏”文件夹中。一、模板的创建模板的创建可通过直接创建或将网页另存为模板两种方法来实现。1．直接创建模板（1）选择“窗口”→“资源”命令，打开资源面板。（2）单击资源面板中的“模板”按钮，将该面板的类别切换到模板类型，如图6.1.2所示。（3）单击该面板上的“扩展”按钮，在弹出的下拉菜单中选择“新建模板”命令，则新建一个模板文件，其名称为可编辑状态。（4）在该面板中为该模板文件命名。（5）单击该面板底部的“编辑”按钮，可打开该模板。2．将网页另存为模板（1）打开需要将其设置为模板的网页。（2）删除网页中需要更改内容的区域，保留固定不变的区域。（3）为该网页设置可编辑区域。（4）选择“文件”→“另存为模板”命令，弹出“另存模板”对话框，如图6.1.3所示。设置可编辑区域是为网页分配可以更改的区域，其设置方法将在以后的学习中进行讲解。（5）在该对话框中进行参数设置，并为该模板命名。（6）单击“保存”按钮即可。二、创建嵌套模板在网页设计中为了更加精确地布置页面，往往会使用嵌套模板，嵌套模板是通过另存为一个基本模板来实现的。（1）选择“窗口”→“资源”命令，在打开的资源面板中单击“模板”按钮，将该面板的类别切换到模板类型。（2）在该面板中选中需要插入嵌套模板的模板，单击该面板中的“扩展”按钮，在弹出的下拉菜单中选择“从模板新建”命令，得到一个从该模板创建的网页。（3）选择“插入”→“模板对象”→“创建嵌套模板”命令，弹出“另存模板”对话框，如图6.1.4所示。（4）在该对话框中的“另存为：”文本框中输入嵌套模板的名称，单击“保存”按钮可将新建的网页自动转换为模板。（5）将鼠标光标置于该模板中需要插入嵌套模板的可编辑区域内。（6）在该区域插入可编辑区域等其他的内容。（7）选择“文件”→“保存”命令，将设置的内容保存。注意：模板文件的后缀名是.dwt的文件。第二节设置模板对于创建好的模板，还需要对其进行设置，该操作包括在模板中设置可编辑区域、可编辑标签属性和重复区域等。一、设置可编辑区域模板由可编辑区域和不可编辑区域两部分组成，直接创建的模板所建立的网页是不可以进行编辑的，要利用模板创建网页必须在模板中设置可编辑区域。设置可编辑区域包括创建可编辑区域和删除可编辑区域两部分内容。1．创建可编辑区域在网页中创建可编辑区域可分为两种情况：一种是在页面中插入一个空的可编辑区域；另一种是将页面中已有的部分内容转换为可编辑区域。（1）插入空的可编辑区域的方法如下：1）将鼠标光标置于页面中需要插入可编辑区域的位置。2）选择“插入”→“模板对象”→“可编辑区域”命令，在弹出的“新建可编辑区域”对话框中为插入的区域命名，单击“确定”按钮即可，如图6.2.1所示。（2）将页面中已有的一部分内容转换为可编辑区域的方法如下：1）在页面中选择要设置为可编辑区域的内容。2）选择“插入”→“模板对象”→“可编辑区域”命令，在弹出的“新建可编辑区域”对话框中为插入的区域命名，单击“确定”按钮即可。注意：定义了可编辑区域的对象后，在该对象插入可编辑区域的位置将出现一个蓝色的标签，标签上显示的文字是该区域的名称，单击标签可选中该区域。2．删除可编辑区域删除可编辑区域的方法如下：（1）将鼠标光标置于需要删除的可编辑区域内。（2）选择“修改”→“模板”→“删除模板标记”命令，则光标所在的可编辑区域将被删除。二、设置可编辑标签属性设置可编辑标签属性是指将网页一些标签的属性设置为可编辑状态，从而在使用模板的时候，可对这些属性进行修改，如将网页背景图像设置为可编辑状态，这样由模板创建的网页，其背景图像也可以替换。设置可编辑标签属性包括创建可编辑标签属性和使可编辑标签属性不可编辑两部分内容。1．创建可编辑标签的属性创建可编辑标签属性的方法如下：（