版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
本章将介绍库、模板的基本知识以及使用库和模板制作网页的基本方法。第十一章使用库、模板学习目标了解库和模板的概念。掌握创建和应用库项目的方法。掌握创建和应用模板的方法。实例──制作“职业学校”网页模板本节将以制作“职业学校”网页模板为例,介绍库和模板的基本使用方法,让读者进一步巩固所学内容。11.1创建库项目创建空白库项目从已有的网页创建库项目修改库项目删除库项目11.1.1创建空白库项目创建空白库项目通常有两种方法。通过【资源】面板11.1.1创建空白库项目通过菜单栏中的【文件】/【新建】命令11.1.2从已有的网页创建库项目选择要保存为库项目的对象,选择【修改】/【库】/【增加对象到库】命令。11.1.3修改库项目库项目创建以后,根据需要适时地修改其内容是不可避免的。如果要修改库项目,需要直接打开库项目进行修改。打开库项目的方式通常有两种,一种是在【资源】面板的库项目列表中双击,打开要修改的库项目,或先选中库项目并单击面板底部的按钮打开库项目,另一种是在引用库项目的网页中选中库项目,然后在【属性】面板中单击按钮打开库项目。11.1.4删除库项目如果要删除库项目,其操作步骤如下。1. 打开【资源】面板并切换至【库】分类。2. 在库项目列表中选中要删除的库项目。3. 单击【资源】面板右下角的按钮或直接在键盘上按Delete键即可。如果删除一个库项目,将无法进行恢复,所以应特别小心。11.2应用库项目插入库项目更新应用了库项目的文档从源文件中分离库项目11.2.1插入库项目库项目是可以在多个页面中重复使用的页面元素。1. 将光标置于文档中。2. 打开【资源】面板并切换至【库】分类,在列表框中选中要插入的库文件。3. 单击【资源】面板底部的【插入】按钮(或者单击鼠标右键,在弹出的快捷菜单中选择【插入】命令),将库项目插入到网页文档中。11.2.2更新应用了库项目的文档在库项目被修改且保存后,通常引用该库项目的网页会进行自动更新。如果没有进行自动更新,可以选择【修改】/【库】/【更新当前页】命令,对应用库项目的当前网页进行更新,或选择【更新页面】命令,打开【更新页面】对话框,进行参数设置后更新相关页面。11.2.3从源文件中分离库项目一旦在网页文档中应用了库项目,如果希望其成为网页文档的一部分,这就需要将库项目从源文件中分离出来。分离后,就可以对这部分内容进行编辑了,因为它已经是网页的一部分,与库项目再没有联系。选中库项目,此时显示库项目的【属性】面板,在【属性】面板中单击按钮从源文件中分离库项目。11.3创建模板创建空白模板添加模板对象将现有网页保存为模板删除模板11.3.1创建空白模板创建空白模板通常有两种方法:一种是通过【资源】面板;另一种是通过菜单栏中的【文件】/【新建】命令。11.3.2添加模板对象在模板中,比较常用的模板对象有可编辑区域、重复表格和重复区域。可编辑区域是指可以对其进行添加、修改和删除网页元素等操作的区域。选择【插入记录】/【模板对象】/【可编辑区域】命令可以插入可编辑区域.
可编辑区域在模板中由高亮显示的矩形边框围绕,该边框使用在首选参数中设置的高亮颜色。该区域左上角的选项卡显示该区域的名称。11.3.2添加模板对象重复表格是指包含重复行的表格格式的可编辑区域,可以定义表格的属性并设置哪些单元格可编辑。重复表格可以被包含在重复区域内,但不能被包含在可编辑区域内。另外,不能将选定的区域变成重复表格,只能插入重复表格。选择【插入记录】/【模板对象】/【重复表格】命令,打开【重复表格】对话框可以插入重复表格.
11.3.2添加模板对象重复区域是指可以在模板中复制任意次数的指定区域。重复区域不是可编辑区域,若要使重复区域中的内容可编辑,必须在重复区域内插入可编辑区域或重复表格。重复区域可以包含整个表格或单独的表格单元格。如果选定“<td>”标签,则重复区域中包括单元格周围的区域,如果未选定,则重复区域将只包括单元格中的内容。在一个重复区域内可以继续插入另一个重复区域。整个被定义为重复区域的部分都可以被重复使用。选择【插入记录】/【模板对象】/【重复区域】命令,可以插入重复区域。11.3.3将现有网页保存为模板除了直接创建模板外,也可以将现有网页保存为模板。方法是,首先打开一个已有内容的网页文档,根据实际需要在网页中选择网页元素,并将其转换为模板对象,然后选择【文件】/【另存为模板】命令将文档保存为模板。
11.3.4 删除模板在【资源】面板的【模板】分类中选择要删除的模板,然后单击面板右下角的按钮,或在键盘上按Delete键即可将模板删除。11.4应用模板使用模板创建网页更新应用了模板的文档将网页从模板中分离11.4.1使用模板创建网页选择【文件】/【新建】命令,打开【新建文档】对话框,选择【模板中的页】/【chap11】/【index-1】选项.11.4.1使用模板创建网页在已存在页面中应用模板。方法是:首先打开要应用模板的网页文档,然后选择【修改】/【模板】/【应用模板到页】命令,或在【资源】面板的模板列表框中选中要应用的模板,再单击面板底部的按钮,即可应用模板。如果已打开的文档是一个空白文档,文档将直接应用模板;如果打开的文档是一个有内容的文档,这时通常会打开一个【不一致的区域名称】对话框,该对话框会提示读者将文档中的已有内容移到模板的相应区域。11.4.2更新应用了模板的文档通过模板生成的网页,在更新模板时可以对站点中所有应用同一模板的网页进行批量更新,这就要求在【从模板新建】对话框中勾选【当模板改变时更新页面】复选框。如果页面没有更新,可以选择【修改】/【模板】菜单中的【更新当前页】或【更新页面】命令,对由模板生成的网页进行更新。11.4.3将网页从模板中分离如果一个文档应用了模板,而又想在文档中直接修改属于模板部分的内容,就必须先将文档与模板分离。但是将它们分离后,再更新模板时,文档不会再随之更新了。选择【修改】/【模板】/【从模板中分离】命令,将网页脱离模板。脱离模板后,模板中的内容将自动变成网页中的内容,网页与模板不再有关联,用户可以在文档中的任意区域进行编辑。11.5库的应用使用库完成下面页面的制作11.5库的应用第一步:使用库面板添加库项目1、选择素材中在库面板中注册项目下的index页面2、打开资源面板,切换到库面板中,分别将页面中的LOGO图像、左侧图像、和导航文字拖拽到库面板中,注册库项目logo,left,daohangzi第二步:使用库面板添加库项目1、选择素材中应用库中的注册项下的index页面2、将光标置于上方导航表格中,选择库中的daohangzi项,拖拽到页面单元格中3、同样的方法将logo,left库项目拖拽到页面相应位置11.5库的应用第三步:修改库项目更新页面1、在库面板中双击daohangzi项目2、进入库项目编辑界面后,修改文字颜色3、保存修改的库项目后更新创建页面11.6模板的应用使用模板完成下面页面的制作11.6模板的应用第一步:
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论