当前位置:七道奇文章资讯设计学堂DW设计
日期:2009-10-28 21:25:00  来源:本站整理

<b>Dreamweaver中怎样利用模板</b>[DW设计]

赞助商链接



  本文“<b>Dreamweaver中怎样利用模板</b>[DW设计]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:

  在工具(以下简称DW,目前最高版本为4.02,本文例子顶用的是4.0版)里有一项非常强盛的功效,就是!

  那有什么魅力呢?它又有什么样的特点呢?

  操纵,我们可以固化站点每页都呈现的元素.

  通过操纵成立WEB页,可以使整个站点具有统一的.

  只要改正,便可以改正利用了该的全部WEB页,而不需求手动改正每一页.比方需求更改你的版权时,你是不是要一页一页的举行版权改正?假若有上千页呢?我相信你会一个头两三个大.但假如你用上了的话,这些都不成为问题.

下面是个较全面的例子,能疾速的让你掌握的利用.

1. 编辑页面

  翻开DW,新建一个站点,我们就取名为“蜘蛛网”.

新建一个空白页面作为内页(普通一个只有一个首页,所以对首页我们可以不做成),取名为body.htm.

编辑这个页面,完成如图1.



图1,编辑完成后的body.htm页面,注意A处,此处将作为可编辑区域,下文会针对说起.
2. 生成

  编辑完成后,我们将此页保存为(注意不是保存为普通的htm网页).通过DW中的FileàSave As Template可以存为,履行此号令后会弹出Save As Template窗口,如图2.



图2,Save As Template窗口.

图2中的B处为挑选站点,我们挑选“ 蜘蛛网”,C处为我们要存为的文件名,我们填入body.按右上角的Save保存.

  这时我们按F8调出site(站点管理器),在Templates文件夹中可以看到body.dwt(当有文件时,DW会自动生成Templates文件夹,dwt为范例文件)

3. 编辑

  在Site中翻开body.dwt模板文件,将会发现跟body.htm页面仿佛没什么辨别,但其实是不一样的,在body.htm中是无法增添可编辑区域的.可编辑区域只能在文件中增添.

  为了让大家更好的理解“可编辑区域”,我们先用此生成一个htm文件:点FileàNew From Template,弹出Select Template窗口,在emplates中挑选body,再点击右上角的Select便可生成一个新的htm文件.我们将此新建页面改名为body2.htm.目前我们用DW将body.htm与body2.htm两文件都翻开,对比一下有什么差别.你会发目前body2.htm页面的右上角写着“Template:body”几个字.(阐明此页是由body.dwt模板文件生成)同时你会惊奇的发现body2.htm文件竟然不可以编辑(body.htm可以编辑).对了,这就是由于在body.dwt模板文件中没有定义“可编辑区域”的后果,使得生成的页面都不可编辑了.所以我们必须在文件中增添可编辑区域.下面是增添可编辑区域的步骤:

1) 翻开body.dwt模板文件,我们但愿中间的表格可以编辑(也就是图1中的A处).但是要在body.dwt文件中,而不是body.htm),所以要在此处增添可编辑区域.

2) 将鼠标光标放入A处表格里,点击鼠标右键,挑选New Editable Region…, 弹出New Editable Region窗口,要求填入此可编辑区域的名称(我们普通称为可编辑区域标志).我们填入Region01,点击ok关闭此窗口完成当前可编辑区域标志的编辑.此时可以看到在表格中有如图3的显示.



图3,New Editable Region窗口.

阐明此处有一个标志为Region01的可编辑区域.

到此为止我们定义了一个可编辑区域,假若有多个编辑区域,一样可以如法炮制.

※还可以通过ModifyàTemplatesàNew Editable Region…生成新的可编辑区域,假如想删除可编辑区域,可通过ModifyàTemplatesàRemove Editable Region…,然后按提醒操作便可.
4. 用生成页面

  其实我们前面也说起过用生成页面的步骤,就是通过FileàNew From Template.请参考第三步的有关步骤.目前我们用生成一个名为body3.htm的页面.这时你会发现,在body3.htm页面中除了可编辑区域Region01可以编辑外,别的地方鼠标都成了限制状况.我们在此可编辑区域中增添我们需求的内容,比方我们随便写入一篇文章.这样便可以按照我们的需求,操纵生成页面.

5. 改正内容与更新站点文件

  翻开body.dwt模板文件,将我们需求改正的地方举行改正,比方我们把logo图片换掉或改正任何非可编辑区域,乃至增添或删除可编辑区域等.

下面就用换logo来阐明是若何更新文件的.

  我们把logo图片换成别的我们喜好的图片,完成后保存body.dwt文件,这时DW会弹出窗口询问能否需求更新文件,挑选Update,DW就会自动的将全部用此生成的页面都更新,更新时DW会弹出Update Pages窗口,完成后,在Update Pages窗口中会给出更新日记.

※假如挑选了don’t Update,DW直接保持文件,暂时不更新页面,但我们可以手动更新页面,只要挑选ModifyàTemplatesàUpdate Pages…便可.

这时我们翻开肆意一个用body.dwt生成的页面,如body3.htm.会发现logo图片已经改变.

  不难发现,操纵这个功效,我们可以轻松的办理站点更新问题,的功效非常强盛,此文只起到举一反三的作用,很多功效由于篇幅问题未能说起,自己要多尝试,这样才能充分懂得DW的风姿.

  在DW中,还有一项称为库的功效,跟可以有机的配合,这样会使的功效愈加强盛,假如读者反映有爱好的话,我乐意为大家献上这一份礼物.


  以上是“<b>Dreamweaver中怎样利用模板</b>[DW设计]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
  • <b>hosts是什么 hosts文件在什么位置 若何改正hosts</b>
  • <b>在 Windows 8 中手动安装语言包</b>
  • <b>五个常见 PHP数据库问题</b>
  • Windows中Alt键的12个高效快速的利用本领介绍
  • <b>MySQL ORDER BY 的实现解析</b>
  • <b>详解MySQL存储历程参数有三种范例(in、out、inout)</b>
  • <b>Win8系统恢复出来经典的开始菜单的办法</b>
  • <b>Win8系统花屏怎么办 Win8系统花屏的办理办法</b>
  • <b>Windows 7系统下无线网卡安装</b>
  • <b>为什么 Linux不需求碎片整理</b>
  • <b>Windows 8中删除账户的几种办法(图)</b>
  • <b>教你如安在win7下配置路由器</b>
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .