巧用Dreamweaver模板统一站点风格

  话说阿蒙的主页建设的也差不多了,不过问题也出现了,为了使整个网站的风格保持一致,很多网页的版式都是相同的,但是每次都做一个版面风格相同的网页势必很麻烦,况且阿蒙本来就是一个懒人。鸣涧看不过去了,告诉阿蒙还是使用模板吧,这样可以方便许多。

  阿蒙不解,模板是什么意思啊?打个比方吧,在一批版面风格类似的网页中,比如网页上面的标题、导航都是相同的,而下方的正文部分不同,那么就可以使用模板了,建模板可以将网页中无需变化的对象固定下来,然后再用来应用到其他风格类似的网页中。这样就可以实现,只修改部分页面就可以快速实现网页制作了。下面就来介绍一下如何制作模板。

  制作一个网页

  首先需要制作好一个网页(如图1),制作这个网页过程中,需要注意的是,凡是页面上无需变化的部分都预先制作好,并确定在固定的位置上。将需要填写正文文本内容的部分预留出空间,比如文章的标题区和文本正文区。

图1 哪些是固定的,哪些是变化的?

  保存模板

  执行菜单“File→Save As Template”命令,选择“另存为模板”,在打开的系统对话框中输入模板名称后单击“Save”按钮。保存后,此时窗口中的标题栏已经发生变化,在标题栏中出现了“<>”的字样,表示当前编辑的页面已经是模板了。

  设置模板可编辑区

  最重要的工作就是设置模板可编辑区域,否则的话,使用此模板生成的页面将是无法编辑的。首先我们选中页面标题区的单元格,然后执行菜单“Modify/Templates/New Editable Region”命令建立一个新的可编辑区。此时会打开一个对话框(如图2),输入可编辑区域名称为“edit1”,然后按下“OK”按钮,这样页面中就生成了一个{}包围的可编辑区域的标记,表示当前区域为可编辑区。同样道理设置好正文可编辑区域。并将模板保存退出。

图2 填入可编辑区名称

  应用模板

  在Dreamweaver中建立一个新页面,然后执行菜单“Window/Templates”命令打开模板控制面板,在模板列表区域选择一个已经建立好的模板,然后单击面板上的“Apply”按钮即可将此模板应用到页面上了(如图3)。需要注意的是,应用以后,页面中黄色部分是不可编辑区,此时可以在可编辑区中将包含的文字删除,填写相应的内容,这样就可以快速制作出一个网页文件了。

图3 模板的应用就是这么简单

  更新模板

  有的时候需要修改某个模板,改变网页的风格。此时可以打开模板文件,然后进行修改即可。模板修改并保存后,系统还会弹出一个对话框(如图4),提示是否同时更新模板所关联的相应网页,此时只要单击“Update”按钮即可立即将所有采用此模板制作的网页同时更新,从而实现了修改一个页面即可使整个网站面貌焕然一新,大大地提高了工作效率。

时间: 2024-10-15 10:11:59

巧用Dreamweaver模板统一站点风格的相关文章

用Dreamweaver模板批量做网页

很多网页设计师都不知道模版是个什么概念,更不会使用,那么dw里面所谓的模版到底是个什么呢,我们从下面来告诉你做下基本的吧: 一.建立模板 1.创建模板页面 最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹--Templates来保存该模板.当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的New Template按钮,输入文件名,就建立了

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

 常见的网页制作工具如DreamWeaver中都有这项功能,使用模板就能减少大量的重复劳动. 一.建立模板 1.创建模板页面 最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹--Templates来保存该模板.当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的New Template按钮,输入文件名,就建立了一个空模板:再单击Open T

提高工作效率!使用Dreamweaver模板构建网站

dreamweaver|模板 本文选自4u2v工作室编写的<Dreamweaver网页设计与制作100例>(人民邮电出版社出版,ISBN: 7115142394 ).未经著作权所有者书面授权许可,禁止转载本文. 购买地址:点击访问 网站内页的设计大部分是一致的,当制作完许多内页后,如果想要更新网站,一个一个文件地修改显然十分麻烦.其实只要引用模板,就可以轻松构建和更新网站. 效果说明 先制作一个简单的页面,并将其制作成模板,然后以模板新建页面,随意输入内容.再次打开,并更新模板,页面也会随之更

ASP视频:Dreamweaver中建立站点和连接数据库

大家在初学ASP程序的时候,我们经常第一个任务就是配置环境!在这里根据网页教学网站长的经验,有时克隆版的XP系统有时是安装不了IIS的!本讲主要讲述在Dreamweaver中建立站点和连接数据库.大家请看视频教程.

使用VS2010的Database项目模板统一管理数据库对象

使用VS2010的Database 项目模板统一管理数据库对象 Visual Studio 2010 有一个数据库项目模板:Visual Studio Database Project(以下简称VSDP),VS 2003/2005/2008也有类似的项目,在VS2010上的得到了很大的加强,现在还具备了智能感知,构建时验证和自动部署功能,VSDP是针对典型的数据库开发任务而设计的,可以对原有数据库反向工程,添加表,存储过程和其他数据库项目,而且有选择性地将修改部署到目标数据库中.他的主要特性有:

如何用Dreamweaver快速建立站点

在 Dreamweaver 中建立站点,是进行网站开发的第二个关键步骤.这里所讲的建立站点,其实就是在 Dreamweaver 中定义站点.策划站点结构.部署开发环境.定义站点是为了更好地利用[文件]面板对站点文件进行管理,也是为减少一些错误的出现,如路径出错,链接出错等等.许多初学者开始做网页时,就只知道做单一网页,对文件的条理性.结构性不加以管理,没有对文件进行分类管理,使整个站点结构显得很乱;所以在开发之前应该认真策划好站点结构.由于本书后面讲解的是 ASP.NET 网络应用程序的开发,所

浅析网站模板类型站点的营销技巧

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 随着地方网站的兴起,很多站长都建设了自己的网站,除了程序服务商本身的模板外,站长更新更换一套属于自己网站的模板,因此很多分享网站模板的站点出现了,突然想找一套模板想打这样的方式,于是分析下关于网站模板(www.mbsky.com)类型网站的营销推广技巧,让建设有类似网站的站长也一起来学习下笔者的这些技巧,从建站技巧到SEO优化技巧,再到网站模

巧用 Dreamweaver 文件库更新网站

dreamweaver 往往我们在建立一个较为大型的网站的时候会有很多的副页面框架模式甚至一些小的细节元素都是相同的,但是令人困扰的是在更新它们时却要费些周折,要一遍遍的反复更新每一个页面中的元素.现在我们可以对那个时代说再见了,因为DW引入了"库"这个概念.我们可以利用它来批量的更新网站中相同的元素.大至整个页面框架,小至一个字符! 库的引入在DW3中还不很完善,但在DW4以近完美.下面就让我们来看一下如何利用库来更新站点: 一.库文件的建立 建立库文件有两种方法,一是在编辑状态下选

如何巧用Dreamweaver文件库更新网站

  库的引入在Dreamweaver3中还不很完善,但在Dreamweaver4中以近完美.下面就让我们来看一下如何利用库来更新站点: 一.库文件的建立 建立库文件有两种方法,一是在编辑状态下选定一个元素,然后打开库面板(F11键-在弹开的Assets中选择图标为翻开的书本样的标识)按下.那么Dreamweaver就会自动的建立一个后缀名为".LIB"的文件将该元素读到这个文件当中,同时会在本地站点中建立一个"Library"文件夹.它代表了每一个库文件都是独立的,