九、布置作业.ppt

学生小组代表演示上次课能力训练项目作品 教学内容： 资源面板和模板概念 创建模板 、根据模板创建网页 更新模板文件 知识能力目标： 了解资源面板的功能 理解模板、可编辑区域和可选区域 理解可编辑区域和可选区域的XHTML代码 会创建、修改模板 会创建可编辑区域和可选区域 会创建基于模板的网页并更新模板文件 会创建锚记和锚记链接 二、项目效果与任务描述 本次任务最终效果 任务描述 1．创建模板 创建模板teach.dwt，要求包含纵向排列的页头、页中、页脚，均水平居中对齐、宽880 px、无边框。页头、页中左列、页脚的具体内容与系部概况栏本系简介网页xiBuGaiKuang/bxjj.html中对应的页头、页中左列、页脚类似，而页中右列具体内容显示区留空。 2．根据模板制作教学管理栏各个网页 根据模板teach.dwt制作教学管理栏各个网页（即特色专业tszy.html、教研活动jyhd.html、教学大纲jxdg.html、实践教学sjjx.html、实训基地sxjd.html、顶岗实习dgsx.html等6个网页）并保存到jiaoXueGuanLi子文件夹中，同时要根据各个网页的具体情况设置网页标题、当前的位置指示，并对具体内容显示区进行内容编排。 根据网页具体内容显示区中内容的多少决定页脚是否显示。 模板teach.dwt的设计效果如下图所示： 5．1 模板概述 5.1.1 模板 模板是一种特殊的网页文档，是创建其他网页文档的基础文档。 可避免重复地在每个页面中插入或修改相同的内容，提高工作效率，简化维护工作。 在根据模板创建的网页中，有些元素不可编辑，有些元素可以编辑修改。 5.1.2 资源面板 包含网站中各种资源：【图像】、【颜色】、【URLs】、【SWF】、【Shockwave】、【影片】、【脚本】、【库】。 库和模板均可以减轻网页制作中的重复劳动，但库侧重于局部，而模板侧重于整体。 资源面板上包含收藏（favorite）选项：用于收藏资源中的精选成分。 5．2 创建模板 5.2.1 创建网页模板 1．根据现有网页创建模板 在文档编辑窗口打开本系简介网页bxjj.html，单击【插入】面板【常用】选项组中的【模板：创建模板】按钮，模板取名为teach。 说明： ①所有模板集中存放在自动创建的Templates子文件夹中。 ②新建空模板方法：单击【模板】子面板右下角的【新建模板】按钮。 ③默认情况下，模板中不包含任何可编辑区域。 2．模板初始设置 （1）将模板teach.dwt标题更改为“这是教学管理模板”。 （2）将页中左列“栏目导航”下的4个二级栏目名删除，然后添加“教学管理”栏目下的6个二级栏目名：特色专业、教研活动、教学大纲、实践教学、实训基地、顶岗实习，并分别超链接到：“../jiaoXueGuanLi/tszy.html”、“../jiaoXueGuanLi/jyhd.html”、“../jiaoXueGuanLi/jxdg.html”、“../jiaoXueGuanLi/sjjx.html”、“../jiaoXueGuanLi/sxjd.html”、“../jiaoXueGuanLi/dgsx.html”。 （3）将页中右列当前位置指示区中的内容修改为“首页教学管理这里显示二级栏目名”，并且“教学管理”超链接到“../jiaoXueGuanLi/tszy.html”，“这里显示二级栏目名”超链接到“../jiaoXueGuanLi/tszy.html”。 （4）将页中右列具体内容显示区中的标题文本和正文内容删除： 5.2.2 创建可编辑区域 （1）选择超链接“这里显示二级栏目名”，单击【插入】面板【常用】选项组中的【模板：可编辑区域】按钮。取名为location。 说明： ①创建可编辑区域时一般需先选择文档中的元素或其中的部分内容（如部分文字、图像、超链接、段落、标题、div等）。 ②可编辑区域创建后，在其左上方显示可编辑区域标志，单击它选中。 ③取消可编辑区域的方法：选中可编辑区域后，打开【修改】→【模板】→【删除模板标记】菜单。 ④可编辑区域location的XHTML代码为： ⑤默认时，在头部head中会自动创建2个可编辑区域，分别用于存放title和style等元素。 （2）在页中右列具体内容显示区中的标题位置创建可编辑区域 content_title，在内容位置创建可编辑区域content。 再新建保存到common.css中的如下CSS规则： 5.2.3 创建可选区域 可选区域用于由条件