当前位置:七道奇文章资讯设计学堂DW设计
日期:2011-07-19 16:46:00  来源:本站整理

用Dreamweaver模板批量制作web网页[DW设计]

赞助商链接



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

做网站,麻烦在更新,分外是大规模更新,工作量非常大.真不知那些创意不断而又勤奋的“站长”,隔三岔五将网站来个“大换血”,是怎么忙过来的.

奉告你这个奥秘吧,他们很多是在“批发”网页,并且你的机械中也有这样的“批发站”呢!这好东东就是——模板.常见的网页制作工具:FrontPage、DreamWeaver中都有这项功效.如用DreamWeaver制作网站时,利用模板就可以削减大量的反复劳动.

1、成立模板

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.可以看到可编辑区显示为浅蓝色,保存即完成模板制作.

2、利用模板

1、按照模板新建页面

号令:File→New From Template.弹出对话框,从模板列表中选取模板,呈现的新页面中除可编辑区外均有淡黄色后台,是不能举行改正的部份.空白的Main编辑区可直接举行插入表格、文字、图片等操作,Exp编辑区保存有本来的文字,改正或重新编辑都可.

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

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

举例:我们先新建一个普通页面,输入:“CIW电脑工作室”,履行Modify→Template→Apply Template to Page号令,挑选模板test,现有内容保存区域挑选Main,确认后可看到页面自动变成了模板页的情势,而“CIW电脑工作室”这一行字就呈目前主编辑窗口中.

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

基于某一模板成立了一些页面后,对模板举行改正后保存时,就会自动弹出一个对话框,列出全部利用了该模板的页面,询问能否要更新.

别的一种办法是履行Modify→Template→Update Pages号令.从Update Pages对话框中挑选一个站点或站点的某一种模板(同一站点中可以利用多个模板),单击右侧的Start按钮,软件会自动搜索与模板相关联的网页并举行更新.非常便利!

举例:Test模板左侧图形中的“读书破万站”图片是用一个图层叠加在另一幅图片之上的,目前不想要它,同时还想将全部页面中的该图片均删除.便可以翻开模板test.dwt,删除该图层,保存模板,单击右侧的“Update”按钮便可.

注意:新建和利用模板前需定义站点.办法是,履行号令:Site→Define Sites;指定站点名称和本地根目录(Local Root).模板利用的是相对途径,假如没有指定网站在本地的位置,软件就不能精确找到并保存模板文件;并且利用模板新建和更新页面时,页面中的超链接也不能随页面文件保存位置的差别而呼应改变.


 


  以上是“用Dreamweaver模板批量制作web网页[DW设计]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
  • 用Dreamweaver模板批量制作web网页
  • <b>用Dreamweaver制作网页时关于文字自动换行的小本领</b>
  • <b>利用Dreamweaver快速编辑网页标签</b>
  • <b>教你若何用dreamweaver制作转动字幕</b>
  • <b>本领:用Dreamweaver举行网页优化</b>
  • <b>用Dreamweaver MX创造网页鼠标款式</b>
  • <b>用Dreamweaver MX成立一个简单的图书查询系统</b>
  • <b>用Dreamweaver MX制作文字特效</b>
  • <b>用Dreamweaver MX制作导航下拉菜单</b>
  • <b>用DreamWeaver定制网站的颜色</b>
  • <b>用Dreamweaver MX建立奇异网页图片超链接</b>
  • <b>在IE中调用Dreamweaver编辑网页</b>
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

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

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