《使用模板创建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中创建其他网页文件,并完成模板到其他网页的 超级链接。二.应用举例:玩具厂