DreamWeaver高级应用—模板与库

dreamweaver|高级|模板

DreamWeaver4来了,颇有点狼来了的味道。“什么,4.0版本出来了?我3.0还没有熟悉呢!”的确,软件的更新换代速度越来越快了,新软件一波接一波——首先是flash5.0开始,然后有Photoshop6.0,再到最近的DreamWeaver4.0和Fireworks4.0,真有点吃不消的感觉。这次要说的并不是DreamWeaver4.0的新功能,相反的,要介绍的是DW里一直为人津津乐道,从2.0版本就开始有的功能——模板与库。
  DW2.0开始就与Frontpage98抗衡,当时就有了闪光点很亮的模板与库了,很可惜一直到后来的3.0版本与4.0版本都看不到对模板与库偶多少的改进,或许MACROMEDIA公司已经觉得它的功能够强了吧!但在实际应用中,使用模板与库还是有一定的技巧的。
一、把什么定义成库?
  很多教程谈到库时,都建议把页脚的版权信息做成库,等到要修改版权时,只要修改库,就可以方便的更新所有的页面了。除了应用在页脚,库其实还可以应用在好多地方,如导航条。举例说,21cn主页的导航条,处于banner下的电脑、娱乐等栏目就可以作成库。还有栏目名称,如果要对一个大型网站增加一个栏目而有不改变整体风格,用库就很方便了。
  库还可以应用在很多地方,如图片,文字(通常是特定的名称),总之,在规划网站前好好想想哪里可以用得着库,这样以后维护起来就很方便了。
二、为什么不能给库定义样式表CSS?
  这是刚刚接触库时经常碰到的问题。要解决这个问题首先要明白库是如何工作的。在一个使用了库的页面中,查看源代码(幸好DW4可以直接同时查看源代码和工作区),你会发现使用库的地方都被DW定义了标记;而在库的源代码钟,并不包含标签,而CSS恰恰室定义在于之间的。
  知道了问题所在,就很容易解决了。使用库时,在库的源代码钟同时添加CSS的代码,这样库也可以定义CSS了。
三、从模板新建文件后,为什么不能连接CSS?
  定义一个CSS文件后,网站中的所有文件都连接这个文件,这时经常使用的技巧。但奇怪的时,使用模板新建的文件,竟然不能使用CSS。
  同样从源代码入手。通常创建模板时都会定义一个表或一幅图片喂可编辑区域。关键也时这里:DW对除了定义为可编辑区域外,其他一律不能编辑!也就时说,如果定义了表格为可编辑区域,那么只有 之间时可以更改的!
这样问题的解决办法就和上一个问题差不多了:在模板里预先定义好CSS,然后输出CSS文件,(DW4里的新功能时可以直接创建.CSS文件)直接在模板里连接CSS文件,这样就可以了。
  其实在使用模板和库中碰到的问题,很都都可以通过源代码解决。这也说明了一个问题:即使所见即所得的编辑根据多么强大,许多问题仍然要通过源代码来解决。幸好的时DW4新添加了这样的功能:同时查看代码区和工作区,这样制作网页时就更得心应手了。当然DW4还有其他许多新功能,以后我们慢慢研究。

时间: 2024-09-03 15:50:10

DreamWeaver高级应用—模板与库的相关文章

DreamWeaver高级应用——模板与库

dreamweaver|高级|模板 DreamWeaver4来了,颇有点狼来了的味道."什么,4.0版本出来了?我3.0还没有熟悉呢!"的确,软件的更新换代速度越来越快了,新软件一波接一波--首先是flash5.0开始,然后有Photoshop6.0,再到最近的DreamWeaver4.0和Fireworks4.0,真有点吃不消的感觉.这次要说的并不是DreamWeaver4.0的新功能,相反的,要介绍的是DW里一直为人津津乐道,从2.0版本就开始有的功能--模板与库. DW2.0开始

教程/dreamweaver/高级 深入DREAMWEAVER插件的奥秘(2)

dreamweaver|高级|教程 2.1.Dreamweaver的DOM结构分析 DOM是Document Object Model的简称,就是描述html文档的tag结构树,Dreamweaver的DOM是DOM level 1的子集,Dreamweaver为了实现充分定制和扩展功能,动用了400多个Javascript程序,并且提供了完整的Javascript API(应用程序接口),现在Dreamweaver 4.0基本上能通过javascript实现对菜单.浮动面板.代码监视器.站点窗

教程/dreamweaver/高级 深入DREAMWEAVER插件的奥秘(5)

dreamweaver|高级|教程 3.Command插件的编写 1. Command插件的简介 Command命令的功能相当强大,可以操作当前文档.所有打开的文档,甚至于所有驱动器上的Html文档,可以插入.删除.重排所有的Html标签的属性,以及处理注释和文本等等强大功能. 2.Command插件的工作原理 Command插件的作用流程如下: 1 如果定义了canAcceptCommand()函数,Dreamweaver就调用,检测所选择的内容是否适合这个Command,如果canAccep

PHP.MVC的模板标签系统之模板标签库

TagActionDispatcher是一个标准的ActionDispatcher类的实现,它支持访问基本模板标签.TagActionDispatcher类支持相同的ActionObjects集合和ViewResourcesConfig属性作为默认的ActionDispatcher.TagActionDispatcher类能被用在带有或没有带有模板标签系统上,尽管由于它的额外处理会造成小的性能下降. 模板标签库是PHP.MVC框架结构的子系统.模板标签库联合TagActionDispatcher

开贝影擎怎么建立常用模板收藏库

  在平时搜索模板的结果中,用户可以点击模板左下角的小旗图标,此时旗图标会被点亮,此模板就被添加到模板收藏库中;用户可以一次选多张模板,将其中任何一个小旗图标点亮,被选中的所有模板将会被全部添加到自己的模板收藏库中;支持右键收藏功能. 用户可以在搜索结果中再次点击已经被点亮的小旗图标,图标将会变暗,这时模板就被从模板收藏库中取消;同样支持多选后批量取消收藏;支持右键取消收藏功能.

DreamWeaver巧用模板工具批量制作网页

一.建立模板 1.创建模板页面 最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹--Templates来保存该模板.当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的New Template按钮,输入文件名,就建立了一个空模板:再单击Open Template按钮打开该模板,保存后自动存放于网站模板文件夹Templates中.新建.打开的

如何用Dreamweaver制作网页模板

做一个网站,更新太麻烦,特别是大规模的更新,而且工作量也非常大.真不知那些站长,是如何制作网页模板的.隔三岔五将网站来个大更新,不知道他们是怎么忙过来的. 告诉你这个秘密吧,其实是这样的,他们很多都是在"批发"网页,并且你的服务器中也有这样的"批发站"!这个东西就是--模板.常见的网页制作工具FrontPage和DreamWeaver中都有这项功能.如用DreamWeaver 3.0 制作网站的时候,使用模板就能减少大量的重复工作. 如何制作网页模板第一步.建立模板

Dreamweaver网页应用模板

  为了简化制作过程.常常采用先制作出页面,再应用模板的方法. 简明步骤:打开一个有内容的页面→打开资源面板→点击模板按钮→选择一个模板→点击应用按钮→指定可编辑区域→确定. 1.打开一个填充了内容的网页. 2.打开资源面板,点击"模板"按钮,打开模板类别. 3.选择一个模板,点击应用按钮. 4.将内容移到新区域,按"确定"按钮 5.一个应用模板的页面就做好了.

dreamweaver利用预设模板来快速的架构一个简易网站

今天在开发时碰到一种方法,就是客户要求页面不缓存,查了一下得出如下几种不让页面缓存的办法,有需要的朋友可以参考一下 html 只要加在头部就可以了 代码如下: asp教程做法 复制代码代码如下: Response.Buffer = True Response.ExpiresAbsolute = Now() - 1 Response.Expires = 0 Response.CacheControl = "no-cache" Response.AddHeader "Pragma