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