宁波esball.net设计:模板与库

发布时间:2018-09-22 22:58

  模板与库
  在创建esball.net的多个网页的时候,通常可以将多个网页的共同部分创建为一个模板,然后供多个网页调用,以实现网页代码的重复利用。也可以把局部重复出现的内容做成库文件,以便于反复多次调用。
  模板的应用
  模板,是指作图或设计方案的固定格式。
  网页模板,是指制作网页时所用到的统一标准或模式。通常,网页模板可以决定文档的基本结构和文档设置,例如字符格式、段落格式、页面格式等。

宁波esball.net设计:模板与库的图片122

  创建模板文档
  在Dreamweaver中,常用的创建模板文档的方法有两种:一种是新建空白模板文档,然后像制作普通网页一样制作和编辑模板内容;还有一种是将已经制作好的普通网页转换为模板。
  新建空白模板文档

宁波esball.net设计:模板与库的图片128

  在Dreamweaver中创建的空白模板文档与空白网页文档相同,只是模板文档的扩展名为“dwt”。当用户创建并保存空白模板文档后,可以像编辑普通网页一样编辑模板文档。
  首先,启动Dreamweaver,在设计界面中,在菜单栏中单击“文件”/“新建”。
  其次,选择“新建文档”,然后选择“空模板”/“HTML模板”,选择具体布局,最后单击“创建”按钮即可。
  将现有网页转换成模板

宁波esball.net设计:模板与库的图片125

宁波esball.net设计:模板与库的图片117

  在实际的网页制作过程中,也可以将esball.net中已经存在的某个网页另存为模板,然后再利用该模板制作与其结构相同的其他网页。其方法如下:
  首先,单击菜单栏中的“文件”,在弹出的子菜单中选择“另存为模板”。
  实际命名模板
  编辑模板文档
  模板制作完成后,在制作具体的页面时还需要对模板进行修改或添加内容用。那么如何编辑模板文件呢?
  创建可编辑区域
  制作模板的时候,用户可以自定义模板的可编辑区域和非可编辑区域,可编辑区域将在调用模板的网页中再次填充代码或图文内容。
  可编辑区域是指模板中尚未被工具软件锁定的部分,也就是在基于模板创建的文档中可以编辑的区域,在Dreamweaver中,要想使制作的模板有效,则该模板至少要包含一个可编辑的区域。如果没有,就必须创建。
  在插人可编辑区域之前,应该将正在其中工作的文档另存为模板注意:如果在文档(而不是模板文件)中插入一个可编辑区域,Dreamweaver会警吿该文档将自动另存为模板可以将可编辑区域放在页面中的任何位置,但如果要使表格或层可编辑,则需考虑以下情况:

宁波esball.net设计:模板与库的图片129

  可以将整个表格或单独的表格单元格标记为可编辑的,但不能将多个表格单元格标记为单个可编辑区域如果选定<1(1>标签,则可编辑区域中包括单元格周围的区域;如果未选定,则可编辑区域将只影响单元格中的内容。
  层和层内容是单独的元素。使层可编辑时可以更改层的位置及其内容,而使层的内容可编辑时只能更改层的内容而不能更改其位置若要插人可编辑模板区域,应执行以下操作:
  ①第一步,在“文档”窗口中,执行下列操作之一选择区域:
  选择想要设置为可编辑区域的文本或内容。
  b-将插入点放在想要插人可编辑区域的地方。
  ②第二步,执行下列操作之一插人可编辑区域:
  第三步,在接下来出现的“新建可编辑区域”对话框中添加相关信息。
  在“名称”文本框中为该区域输入唯一的名称不能对特定模板中的多个可编辑区域使用相同的名称<注意:不要在“名称”文i框中使用特殊字符。

宁波esball.net设计:模板与库的图片121

  添写完毕,单击“确定”按钮即可生成可编辑区域。
  实际新建可编辑区域
  通常,可编辑区域在模板中由高亮显示的矩形边框围绕,该边框使用在首选参数中设置的高亮颜色。该区域左上角的选项卡显示该区域的名称如果在文档中插人空白的可编辑区域,则该区域的名称会出现在该区域内部2.更改可编辑区域的名称插入可编辑区域后,可以更改它的名称。
  若要更改可编辑区域的名称,应执行以下操作:
  单击可编辑区域左上角的选项卡以选中它。
  在属性检查器(“窗口”/“属性”)中,输人一个新名称。
  按Enter键或Return键。

宁波esball.net设计:模板与库的图片124

  删除可编辑区域标记
  如果已经将模板文件的一个区域标记为可编辑,而现在想再次锁定它(使其在基于模板的文档中不可编辑),应使用“删除模板标记”命令。
  若要删除可编辑区域,应执行以下操作:
  单击可编辑区域左上角的选项卡以选中它。
  执行下列操作之一:
  选择“修改”/“模板”/“删除模板标记”。
  用鼠标右键单击或按住Ctrl键单击,然后选择“模板”/“删除模板标记”。

宁波esball.net设计:模板与库的图片119

  至此,该区域就不再是可编辑区域了。
  选择可编辑区域
  在模板文档和基于模板的文档中,都可以容易地标识和选择模板区域。
  要在“文档”窗口中选择一个可编辑区域,应执行以下操作:
  单击可编辑区域左上角的选项卡。
  若要在文档中查找可编辑区域并选择它,执行以下操作:
  选择“修改”/“模板”,然后从该子菜单底部的列表中选择区域的名称。
  注意:重复区域内的可编辑区域不会出现在该菜单中,必须通过在“文档”窗口中查找选项卡式的边框来定位这些区域。
  至此,可编辑区域即在文档中被选定。
  应用模板创建网页文档

宁波esball.net设计:模板与库的图片120

  使用“新建文档”对话框创建文档
  使用“新建文档”对话框创建基于模板的网页与创建普通网页的方法差不多。
  首先,在菜单栏中单击“文件”/“新建”。
  其次,在弹出的“新建文档”窗口中先选择“模板中的页”,然后选中对应的站点,再选中站点中应用的模板,右侧会出现选中模板的预览效果。
  如果效果无误,接下来单击右下角的“创建”按钮即可。

宁波esball.net设计:模板与库的图片127

  为保证页面效果的最新性和提高工作速度,建议单击选中“当模板改变时更新页面”。
  使用“资源”面板创建文档

宁波esball.net设计:模板与库的图片123

  “资源”面板主要用于对esball.net中的资源进行分类管理,这些资源包括图像、颜色、链接地址、动画、库和模板等。由于“资源”面板中显示的是当前站点中的资源,所以在使用“资源”面板前,应先将当前站点设置为目标站点,然后就可以创建网页了。操作方法如实际、实际所示。
  管理模板
  更新模板

宁波esball.net设计:模板与库的图片116

  创建模板并应用它创建网页后。
  实际“更新模板文件”对话框
  删除模板
  如果用户不需要使用某个模板,可将其删除。在“资源”面板中选中待删除的模板,按“删除”按钮即可。操作方法如实际所示。
  分离模板
  如果用户需要对网页中的不可编辑区域进行编辑,可以直接将网页文档与模板分离。分离后的文档就变成了普通的网页文档,可以像编辑普通的网页文档一样对其进行编辑操作,但更新原模板文档后,分离后的文档无法再自动更新。
  打开使用模板创建的网页,选择菜单栏中的“修改”/“模板”/从模板中分离“,即可使网页脱离该模板。
  库的应用
  库项目是一种特殊类型的Dreamweaver文件,宁波esball.net设计可以将当前网页中的任意页面元素定义为库项目,如图像、表格、文本、声音和Flash影片等。当需要使用某个库项目的时候,直接将其从”资源“面板中拖动到网页中就可以了。
  创建库项目
  在Dreamweaver中,创建库项目的方法非常简单。打开文档后,首先选中对象,然后选择”修改“/”库“/”增加对象到库“,即可将所选对象创建为库项目。
  库项目建立后,可以在右下角的”文件“面板中进行査看。
  在”文件“面板中,先单击”资源“书签页,然后在该书签的左下方找到一个书本样式的小图标按钮,单击此按钮就可以看到刚建立的库项目了。其建成效果如实际所示。
  需要注意的是,在创建库项目前必须保证”文件“面板中显示的是目标站点,也就是库项目要保存的站点。
  实际生成库项目
  应用库项目
  建立完库项目后,在网页中应用库项目的操作是非常简单和方便的,方法有以下几种:
  在Dreamweaver的工作界面右下方打开”文件“/”资源“面板,单击库项目的图标,在接下来出现的库窗格中选中拟应用的库文件,用鼠标按住将其拖人网页文档的适当位置即可。
  也可以先在网页文档中单击一下鼠标,定位插人点后,再选中库中拟应用的项目,然后单击”资源“面板底部的”插入“按钮,即可将库项目插人文档。

宁波esball.net设计:模板与库的图片126

宁波esball.net设计:模板与库的图片118

  小技巧:
  在Dreamweaver中,为了便于对库内容进行排版与编辑,库项目插人网页中后,其生成的部分会被自动加人一层淡黄色的底色,通过该底色,可以快速定位库文件和库文件所生成的HTML代码,继而进行各类移动、修改、删除操作。
  编辑库项目
  修改库项目名称
  选择”文件“/”资源“,找到库项目,然后用鼠标右键单击选择”重命名“,即可对库项目的名称进行重新编辑。
  小技巧:
  如果想通过鼠标单击来修改库项目名,一定要单击面板中的名称部分。如果单击前方的小图标,则可选中该库项目。
  实际为库项目改名
  编辑库项目内容
  要编辑库项目内容,可在”资源“面板中双击库项目,Dreamweavei?会在文档编辑窗口中打开该库项目。接下来,只需要像普通网页文件一样修改和保存即可。
  小技巧:
  当库项目插入某个网页后,也可以在该网页中对这个库项目所生成的部分网页内容进行修改和调整,但修改效果只局限于该网页。库项目自身和其他应用该库项目的网页并不受影响。
  如果希望该修改影响所有应用库项目的网页,则需要直接编辑库项目。当完成某库项目的编辑修改后,Dreamweaver会提醒是否更新网页,选择”是“即可完成对整个站点中应用该库项目的网页文件的更新替换。
  本文转载自
  宁波esball.net设计www.leseo.net
esball.net建设相关拓展:
优秀平面设计esball.net
网页设计_公司esball.net建站_制作网页教程_esball.net设计与制作_1小时快速搭建esball.net(建站基础)
新浪首页
设计一个esball.net多少钱
名人个人esball.net设计欣赏
2018年12个巨大的网页设计趋势
怎样建设一个公司esball.net?
esball.net设计一般包括哪些方面
【esball.net设计】_esball.net设计厂家_esball.net设计批发市场/a>
esball.net设计的八个步骤
esball.net平台设计方案
网页设计(esball.net技术)
关于esball世博
esball世博介绍
esball世博思维
人才招聘
使用条款
隐私保护
RSS订阅
esball.net地图
新闻动态
esball世博观点
行业动态
频道介绍
服务介绍
案例展示
品牌研究
品牌理论
品牌体系
联系我们
400-680-2900
社会媒体
微信公众平台
微信公众平台
<友情连结> 宁波斯博网络科技有限公司/ 宁波易企网络科技有限公司/ 宁波云网网络科技有限公司/ 围子里新闻/ 晋江市财经/