项目活动八　居家房产网站 模板和库的应用课件(共41张PPT）-中职《网页设计与制作》同步教学（北京理工版）

(课件网) 项目活动八　居家房产网站:模板和库的应用 任务一　创建模板 任务二　应用模板 任务三　库 任务四　居家房产网站建设 返回 任务一　创建模板　 一、模板的概念 模板是一个有固定内容和格式的文档， 是用户批量创建文档和更新文档的基础。 在Ｄｒｅａｍｗｅａｖｅｒ ＣＳ６ 中， 创建的模板文件保存在网站根目录下的“Ｔｅｍｐｌａｔｅｓ” 文件夹内， “Ｔｅｍｐｌａｔｅｓ” 文件夹是自动生成的， 用户不能对其进行修改。 二、创建模板 创建模板有两种方法， 即直接创建空白模板和将现有网页保存为模板 (１) 直接创建空白模板。 执行菜单命令“窗口” → “资源”， 打开“资源” 面板， 单击“资源” 面板中的“模板” 按钮， 然后单击“资源” 面板右下角的“新建” 按钮 来创建空白模板。 如图８ －１ 所示。 下一页 返回 任务一　创建模板　 也可以在主菜单中执行菜单命令“文件” → “新建”， 打开“新建文档” 对话框， 然后选择“空模板” → “ＨＴＭＬ 模板” 命令来创建空白模板， 如图８ － ２ 所示， 单击“创建” 按钮后， 效果如图８ －３ 所示。 创建空白模板后， 还需要打开模板文件， 在其中添加网页元素和模板对象。 (２) 将现有网页保存为模版。 首先打开一个已有内容的网页文档， 根据实际需要在网页中选择网页元素， 并将其转换为模板对象， 然后在主菜单中执行菜单命令“文件” → “另存为模板”， 如图８ － ４ 所示， 会弹出“另存模板” 对话框， 如图８ －５ 所示。 上一页 下一页 返回 任务一　创建模板　 三、删除模板 如果要删除模板， 只要选中该模板， 然后单击“资源” 面板右下角的“删除” 按钮 即可， 如图８ －６ 所示。 四、编辑模板 (１) 可编辑区域。 可编辑区域是指可以进行添加、修改和删除网页元素等操作的区域。 可编辑区域在模板中由高亮显示的矩形边框围绕， 该边框使用在首选参数中设置的高亮颜色。 该区域左上角的选项卡显示该区域的名称。 另外需要注意的是， 在可编辑区域内不能再插入可编辑区域。 上一页 下一页 返回 任务一　创建模板　 执行菜单命令“插入” → “模板对象” → “可编辑区域”， 如图８ －７ 所示。 会打开“新建可编辑区域” 对话框， 插入或者将当前选定区域设为可编辑区域。 修改可编辑区域等模板对象的名称可以在“属性” 面板中进行修改。 方法是单击模板对象的名称或者将光标定位在模板对象处， 然后在工作区下面选择相应的标签， 在选择模板对象时会显示其“属性” 面板， 在“属性” 面板中修改模板对象的名称即可， 如图８ －８所示。 (２) 可编辑区域操作。 在模板中创建了可编辑区域后， 可以对它进行常用的操作， 例如选择可编辑区域、删除可编辑区域、重命名可编辑区域等。 在模板中单击可编辑区域左上角的选项卡即可选择可编辑区域。 在模板中单击可编辑区域之外的任何区域， 可以取消选择可编辑区域。 上一页 下一页 返回 任务一　创建模板　 在模板中删除可编辑区域， 则该区域变为不可编辑区域。 要删除可编辑区域， 首先选择可编辑区域， 然后执行菜单命令“修改” → “模板” → “删除模板标记”。 要重命名可编辑区域， 首先选择可编辑区域， 然后在属性栏的可编辑区域“名称” 框中输入新的名称即可。 上一页 返回 任务二　应用模板　 一、利用模板新建网页 执行菜单命令“文件” → “新建”， 打开“新建文档” 对话框， 选择“模板中的页”选项卡， 选择已创建的模板， 如图８ － ９ 所示。 也可以在“资源” 面板中打开模板列表，在模板列表单击鼠标右键选取需要的模板， 在弹出的快捷菜单中选择“从模板新建” 命令， 如图８ －１０ 所示。 基于模 ... ...