使用模板创建html网页.pptVIP

* 1.模板 一.复习：使用模板创建html网页 模板具有固定的版面布局结构，可以作为站点中新建网页文档的布局基础，同时在模板中还可以定义文档的可编辑区域，是应用该模板的网页能对此区域自行编辑处理。 采用模板的最大好处：对模板进行修改更新时，所有采用了该模板的网页文档的锁定区域都能同步更新，从而达到整个站点风格变化的迅速性和统一性。 模板就是一个网页文档，该文件自动保存在站点根目录的Templates文件夹中，扩展名为.dwt。 2.创建模板 将现有的文档创建为模板。 我们重点介绍如何将现有的html文档创建为模板。然后在此基础上进行站点的开发。步骤如下： 1.创建站点工艺品厂。该站点只包含一个images文件夹，用以存放站点图片，还有一个主页index.htm。 现在要求以index.htm文件来创建模板index.dwt，并在以此模板来创建站点的其他网页文件： 企业概况：qiyegaikuang.htm 联系我们：lianxiwomen.htm 产品展示：chanpinzhanshi.htm 户外内制品：huwaineizhipin.htm English：English.htm E-mail：emailToMe.htm 一.复习：使用模板创建html网页 2.创建模板 一.复习：使用模板创建html网页 2.创建模板 1.打开index.htm文件，执行“文件”---“另存为模板”。 选择要保存此模板的站点“工艺品厂”。 保存模板名为“index”。然后单击保存按钮 将现有的文档创建为模板。 一.复习：使用模板创建html网页 2.创建模板 2.在出现的“要更新链接吗”对话框中单击“是”按钮。 将现有的文档创建为模板。 一.复习：使用模板创建html网页 2.创建模板 创建好的模板。 将现有的文档创建为模板。 一.复习：使用模板创建html网页 2.创建模板 3）在模板中创建可编辑区域。 创建好的模板有两个区域：锁定区域和可编辑区域。 刚创建好的模板所有的区域都是锁定的，可以将模板的某些区域设定为可编辑区域，当文档从某些模板中创建时，可编辑区域是唯一可以被修改的地方。如果网页所用的模板没有定义可编辑区域，则创建的网页也不能被编辑。 步骤： 1.打开刚刚创建的模板文件index.dwt，将光标置于要插入编辑区域的位置，执行“插入”----“模板”----“可编辑区域”。 将现有的文档创建为模板。 一.复习：使用模板创建html网页 2.创建模板 1.打开刚刚创建的模板文件index.dwt，将光标置于要插入编辑区域的位置，执行“插入”----“模板对象”----“可编辑区域”。 将现有的文档创建为模板。 一.复习：使用模板创建html网页 2.创建模板 将现有的文档创建为模板。 一.复习：使用模板创建html网页 2.创建模板 2. 利用创建好的模板“index.dwt”创建其他网页文件。 1）单击“新建”菜单，打开“新建文档”对话框，切换到“模板”选项卡。 将现有的文档创建为模板。 一.复习：使用模板创建html网页 2.创建模板 选择刚刚创建的模板。 将现有的文档创建为模板。 一.复习：使用模板创建html网页 2.创建模板 2）用同样的方法再创建四个html网页。分别将它们保存为lianxiwomen.html,huneiwaichanpin.html,English.html,qiyegaikuang.html. 将现有的文档创建为模板。 一.复习：使用模板创建html网页 2.创建模板 3）修改index.dwt，创建超级链接。 在模板中的锁定区域完成导航栏到所有网页的超级链接，所有在此模板基础上创建的网页会自动更新这些超级链接。 将现有的文档创建为模板。 一.复习：使用模板创建html网页 2.创建模板 2）将现有的文档创建为模板。 在模板index.dwt中创建导航栏中的“首页”到index.htm的超级链接。 一.复习：使用模板创建html网页 用同样的方法完成模板index.awt中导航栏到其他页面的超级链接。 企业概况：qiyegaikuang.htm 联系我们：lianxiwomen.htm 产品展示：chanpinzhanshi.htm 户外内制品：huwaineizhipin.htm English：English.htm E-mail：emailToMe.htm 一.复习：使用模板创建html网页 4）保存index.dwt。 5）然后单击“文件”菜单----“保存全部”命令，其余根据此模板创建的网页，因为模板内容的改动，他们的网页也随之进行了更新，所以要保存。 一.复习：使用模板创建html网页 一、建立站点玩具厂 二.应用举例:玩具厂 二、打开index.html，将下图红色框先表示处的背景