专业IT网络知识平台,分享IT百科知识、生活百科知识解答!

易企推科技
易企推科技

如何利用dreamweaver工具批量制作网页模板

来源:小易整编  作者:小易  发布时间:2022-10-14 05:22
摘要:对于网页模板的出现,可以说在很大程度上节省了美工和程序人员的工作时间,并大幅度提高了工作效率,一个合格的网页模板的确让我们可以有一条更好的路径对待一些低端的客户,能够快速的去完成我们的一些任务,而且这...

对于网页模板的出现,可以说在很大程度上节省了美工和程序人员的工作时间,并大幅度提高了工作效率,一个合格的网页模板的确让我们可以有一条更好的路径对待一些低端的客户,能够快速的去完成我们的一些任务,而且这也是网页模板的理念所在。

特别是大规模对网站进行更新和改版,如果不是用cms系统,手工工作量将是非常大的。其实只要我们能用好模板工具,就能很好地批量制作网页,尤其是那些经常需要做一些类似的网站,如果每次都是一个个的制作是很费时间的,今天,我就借助的平台给大家分享一下如何利用dreamweaver工具来批量制作网页模板:

1-140613144552550

一、建立模板

首先,我们需要利用dreamweaver工具来建立模板,这其中又分为2个步骤:创建模板页面和设定可编辑区域:

1、创建模板页面

最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹——Templates来保存该模板。

当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的New Template按钮,输入文件名,就建立了一个空模板,再单击Open Template按钮打开该模板,保存后自动存放于网站模板文件夹Templates中。

新建、打开的模板页面和普通的网页没什么两样,同样可以加入表格、层、图片、动画、脚本,设置页面属性等。

举例:这里以制作一个模板为例来说明,在该页面中,我们希望左侧的网站标识图和底部的导航图出现在每个页面中。

其中标识图由两幅图片叠加而成,导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分成几个热区分别链接到不同的文件,它们在每个页面中都不变。

右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同。为了保持页面整洁,我们用表格来布置这些元素,或为这些建立网站的样式指南(具体可查看的《如何创建网站或应用程序的样式指南和标准》相关介绍)。

准确地说它只是一个没有可编辑区域的“准模板”,下面再设定可编辑区域。

2、设定可编辑区域

设定模板可编辑区域,一般来说有两种方法。

新建可编辑区域:选择命令:Modify→Template→New Editable Region。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。

标记某一区域为可编辑区域:选择命令:Modify→Template→Mark Selectin as Editable Region。如果某区域已经有一些文字,并且希望在以后新建的超文本文件中部分保留其内容,先选中该区域再执行标记命令即可。

取消可编辑状态:选择命令:Modify→Template→Unmark Editable Region。执行该命令后会弹出一个对话框,其中有当前已有的可编辑区域列表,选中要取消的区域名称,确认即可。

举例:在大片空白区中随便单击一下,执行Modify→Template→New Editable Region命令,在弹出对话框中输入名称:Main;选中左下角本页说明下面的文字,执行Modify→Template→Mark Selectin as Editable Region命令,输入名称:exp。

可以看到可编辑区显示为浅蓝色,保存即完成模板制作(建议大家也要考虑一下手机端的显示样式,具体可查看的《如何制作一个响应式网页》详细介绍)。

二、使用模板批量制作网页

接下来,我们就可以使用刚才所做的模板来批量制作网页了,具体步骤如下:

1、根据模板新建页面

命令:File→New From Template,弹出对话框,从模板列表中选取模板,出现的新页面中除可编辑区外均有淡黄色背景,是不能进行修改的部分。空白的Main编辑区可直接进行插入表格、文字、图片等操作,Exp编辑区保留有原来的文字,修改或重新编辑均可。

2、对一个已经有内容的页面应用模板

命令:Modify→Template→Apply Template to Page。选择模板后还会弹出一个对话框,让您选择现有的孤立内容保存到哪个可编辑区域(Choose Editable Region for Orphaned Content)。要是不想保留则可以选择“(none)”。

举例:我们先新建一个普通页面,输入:易企推seo,执行Modify→Template→Apply Template to Page命令,选择模板test,现有内容保存区域选择Main,确认后可看到页面自动变成了模板页的形式,而“马海祥SEO博客”这一行字就出现在主编辑窗口中。

3、更新模板以全面更新站点

基于某一模板建立了一些页面后,对模板进行修改后保存时,就会自动弹出一个对话框,列出所有使用了该模板的页面,询问是否要更新。

另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages对话框中选择一个站点或站点的某一种模板(同一站点中可以使用多个模板),单击右侧的Start按钮,软件会自动搜索与模板相关联的网页并进行更新,非常方便!

举例:Test模板左侧图形中的图片是用一个图层叠加在另一幅图片之上的,现在不想要它,同时还想将所有页面中的该图片均删除。就可以打开模板test.dwt,删除该图层,保存模板,单击右侧的“Update”按钮即可。

另外,还要提醒大家一点:新建和使用模板前需定义站点。其方法是:执行命令,Site→Define Sites;指定站点名称和本地根目录(Local Root)。模板使用的是相对路径,如果没有指定网站在本地的位置,软件就不能准确找到并保存模板文件,并且应用模板新建和更新页面时,页面中的超链接也不能随页面文件保存位置的不同而相应变化。

点评:

在网站建设行业中,经常会听说自助建站,智能建站,就是说网站的提供商已经提供了模板以及该模板带有的一套网站系统,网站系统有可能是asp的,有可能是php的,或者其它的语言。

确切的说,这类成品模板网站是可以无数次的使用被使用,用户在购买了提供商的模板后只有使用权,不拥有版权,而网站的提供商拥有最终对网站模板以及系统源代码的版权,这点就需要被使用者多加注意了。


本文地址:营销网站建设频道 https://www.hkm168.com/web-yxwz/699091.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们处理,谢谢!


营销网站建设
小编:小易整编
相关文章相关阅读
  • adobe dreamweaver是什么软件?

    adobe dreamweaver是什么软件?

    adobedreamweaver是集网页制作和管理网站于一身的所见即所得网页代码编辑器,是一种网页设计软件;利用对html、css、javascript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。推荐:《Drea...

  • 制作网页用什么软件

    制作网页用什么软件

    制作软件有:1、vscode,是针对于编写现代web和云应用的跨平台源代码编辑器;2、phpstorm,是一款商业的php集成开发工具;3、sublimetext,是一个文本编辑器;4、webstorm;5、hbuilder,是一款支持h...

  • dreamweaver cs6 序列号,求dreamwear cs6有效序列号

    dreamweaver cs6 序列号,求dreamwear cs6有效序列号

    本文目录一览1,求dreamwearcs6有效序列号2,安装AdobeDreamweavercs6的序列号是什么3,dreamweavercs6怎么用cs6序列号4,请问谁有dwcs6的序列号啊5,Adobedreamw...

  • photoshop网页,如何用photoshop制作网页

    photoshop网页,如何用photoshop制作网页

    1,如何用photoshop制作网页网页背景设计好之后,使用切片工具划分,然后使用Dreamweaver制作表格,之后将图片逐个加入单元格,或作为背景,或作为图片显示.简单的就是这样啦.2,photoshop网页切图怎么用Photoshop...

  • 3d网页,使用3D效果制作网页,打造全新视觉体验

    3d网页,使用3D效果制作网页,打造全新视觉体验

    1.理解3D网页技术随着技术的不断发展,3D网页技术也在逐渐提升。3D网页技术是基于WebGL、CSS3D和WebVR等技术开发的一种网页效果,可为用户提供更加真实的交互和视觉体验。它能使用户更加深入地了解产品,增强用户的观感体验。2....

  • ps制作网页详细的教程(ps在线图片处理免费)

    ps制作网页详细的教程(ps在线图片处理免费)

    作者|江下科技网页版PS-图片在线处理工具说到PhotoShop想必大家都已经很熟悉,这款图像处理工具能够解决生活中90%的图片,是一个比较多人使用的电脑软件之一。它运用得比较广泛,在图像、图形、文字、视频、出版等各方面都有涉及。好用的软件...

  • 制作网页的工具软件有哪些 能够制作网页软件APP推荐

    制作网页的工具软件有哪些 能够制作网页软件APP推荐

    本次为大家带来制作网页的工具软件的分享了,如果你想要创建一个网站,那么就必须拥有一个好的软件才行,不过这类型的软件大部分都是PC版本的,如果你想要在手机上操作的话,那么就一定要来看下这篇文章了,小编所推荐的网页制作工具都是可以在手机端操作的...

  • 制作网页可以用什么软件?

    制作网页可以用什么软件?

    针对不同水平的制作者可以使用不同的软件进行制作,比如说初学者使用MicrosoftFrontPage、Netscape编辑器和AdobePagemill等。中级则可以使用DreamWeaver、Fireworks、HotDogPro...

  • 周排行
  • 月排行
  • 年排行