Dreamweaver8网页设计培训教程 10 使用模板批量创建网页.pptVIP

10.3.2用“软件下载”网页模板创建网页 操作思路： 使用“软件下载”网页模板新建一个网页。 在“daohang”可编辑区域中输入“当前位置：软件下载站 -行业软件 →3D设计→Poser 6”。 在“lanmu”可编辑区域中输入栏目名称及栏目内容。 在“main”可编辑区域中输入软件的详细信息。 保存后预览。 Dreamweaver 8网页设计培训教程 第10课 使用模板批量创建网页 本课要点 具体要求 本课导读 上机练习 本课要点 模板的创建与编辑 模板的应用 具体要求 熟悉模板的创建 熟悉可编辑区域的设置 掌握如何从模板新建网页 掌握如何为网页应用模板 掌握如何更新网页模板 本课导读 同一个网站中的所有网页一般使用统一的风格，即采用大致相同的网页布局结构、同样的版式、导航条和Logo等，如果在制作每一个网页时都重复制作这些内容，不仅会增加工作量，而且也不能统一对版式进行修改。在这种情况下利用模板就可以很好地解决这个问题。 10.1 模板的创建与编辑 模板是Dreamweaver中提供的一种特殊的网页文档，其编辑方法和普通网页的编辑方法一样，只是可以在其中添加可编辑区域。所有应用了模板的网页都具有和模板相同的版式和内容，并可以在可编辑区域中输入新的内容。对模板进行修改后，所有应用了模板的网页会做相同的修改。 10.1 模板的创建与编辑 10.1.1 知识讲解 10.1.2 典型案例——创建“数码相机 我的最爱”网页模板 10.1.1 知识讲解 在模板中添加可编辑区域，这样便可通过修改这个模板创建其他网页的可编辑区域中的内容。 如果对模板的其他内容，如对Logo、Banner和导航条进行了修改，则使用该模板创建的所有网页都会被更新，提高了网页制作的效率。 10.1.1 知识讲解 1.模板的创建 2.模板的编辑 1.模板的创建 模板必须保存在站点中，因此在创建模板前应先创建站点，否则创建模板时系统会提示创建站点。在创建模板时有将现有网页另存为模板和新建空白模板两种方法。 1）将网页另存为模板 2）创建空白模板 2.模板的编辑 模板创建好后即可对模板进行编辑，包括创建可编辑区域、更改可编辑区域的名称和取消可编辑区域的标记。 1）创建可编辑区域 2）更改可编辑区域的名称 3）取消可编辑区域的标记 10.1.2 典型案例——创建“数码相 机我的最爱”网页模板 案例目标 本案例将练习制作“数码相机我的最爱”网页模板。在本模板中有两个可编辑区域，其中一个用于放置图像，另一个用于放置说明文本。 素材位置：【\第10课\素材\zuiai\】 效果图位置：【\第10课\源文件\zuiai\Templates\moban.dwt】 10.1.2 典型案例——创建“数码相 机我的最爱”网页模板 操作思路 （1）首先完成站点“zuiai”的创建，然后打开素材文件夹“zuiai”中的网页“zuiai.html”。 （2）将其保存成模板文档“moban.dwt”。 （3）在该模板中创建可编辑区域。在创建可编辑区域时需要对表格的一些属性进行设置。 （4）最后将创建了可编辑区域的模板文档进行保存。 10.1.2 典型案例——创建“数码相 机我的最爱”网页模板 操作步骤 具体操作步骤请教师参照软件和书中内容进行讲解。 10.1.2 典型案例——创建“数码相 机我的最爱”网页模板 案例小结 本案例制作了一个网站模板，主要练习了模板的创建、在模板中添加可编辑区域、模板的保存等操作。 使用模板能提高网页制作的效率，需要注意的是，并非一个网站只能创建一个模板，根据需要可创建多个模板以适合不同的网页。 10.2 模板的应用 完成了模板的创建和编辑后，就可以利用模板创建网页或对已有的网页应用模板了。对模板进行修改后，只需对应用了该模板的网页进行更新即可使应用了该模板的网页一同被修改，从而大大方便了整个网站中同类网页的制作。 10.2 模板的应用 10.2.1 知识讲解 10.2.2 典型案例——创建“数码相机我 的最爱”网页 10.2.1 知识讲解 若要用模板创建新网页，可以使用【从模板新建】对话框，并从任意站点中选择模板，也可以使用【资源】面板从已有模板创建新的网页。另外，还可以为已有内容的网页应用模板。 10.2.1 知识讲解 1.从模板新建网页 2.在【资源】面板中使用模板创建新网页 3.为当前页应用模板 4.更新网页模板 1.从模板新建网页 在【从模板新建】对话框中可选择模板创建新网页 。 具体操作步骤请教师参照教材进行讲解。 2.在【资源】面板中使用模板创建新网页