摸板和库项目教学课件

摸板和库项目摸板和库项目16、人民应该为法律而战斗，就像为了城墙而战斗一样。赫拉克利特17、人类对于不公正的行为加以指责，并非因为他们愿意做出这种行为，而是惟恐自己会成为这种行为的牺牲者。柏拉图18、制定法律法令，就是为了不让强者做什么事都横行霸道。奥维德19、法律是社会的习惯和思想的结晶。托伍威尔逊20、人们嘴上挂着的法律，其真实含义是财富。爱献生8 81 1 创建模板创建模板创建模板创建模板1.1.将现有文档存为模板将现有文档存为模板将现有文档存为模板将现有文档存为模板2.2.定义模板的可编辑区定义模板的可编辑区定义模板的可编辑区定义模板的可编辑区3.3.修改模板修改模板修改模板修改模板1.将现有文档存为模板将现有文档存为模板将现有文档存为模板将现有文档存为模板 实例实例实例实例1 1 创建模板创建模板创建模板创建模板建立站点建立站点建立站点建立站点新建网页新建网页新建网页新建网页网页另存为模板：网页另存为模板：网页另存为模板：网页另存为模板：选择菜单选择菜单选择菜单选择菜单文件文件文件文件另存为模板另存为模板另存为模板另存为模板 单击保存按钮。在站点根目录单击保存按钮。在站点根目录单击保存按钮。在站点根目录单击保存按钮。在站点根目录下会自动增加一个文件夹下会自动增加一个文件夹下会自动增加一个文件夹下会自动增加一个文件夹TemplatesTemplates，新保存的模板就在，新保存的模板就在，新保存的模板就在，新保存的模板就在该文件夹中。模板文件扩展名该文件夹中。模板文件扩展名该文件夹中。模板文件扩展名该文件夹中。模板文件扩展名为为为为 .dwtdwt。打开资源面板并单击打开资源面板并单击打开资源面板并单击打开资源面板并单击“模板模板模板模板”按按按按钮，可以看到新建模板。钮，可以看到新建模板。钮，可以看到新建模板。钮，可以看到新建模板。8.1.2 8.1.2 定义模板的可编辑区定义模板的可编辑区定义模板的可编辑区定义模板的可编辑区 在模板中，有两种类型的区域：可编辑区域和锁定区域。在模板中，有两种类型的区域：可编辑区域和锁定区域。在模板中，有两种类型的区域：可编辑区域和锁定区域。在模板中，有两种类型的区域：可编辑区域和锁定区域。在应用了模板的网页中，模板部分是锁定的，其中的内容在应用了模板的网页中，模板部分是锁定的，其中的内容在应用了模板的网页中，模板部分是锁定的，其中的内容在应用了模板的网页中，模板部分是锁定的，其中的内容都为不可编辑，所以必须在模板中定义可以编辑的区域以都为不可编辑，所以必须在模板中定义可以编辑的区域以都为不可编辑，所以必须在模板中定义可以编辑的区域以都为不可编辑，所以必须在模板中定义可以编辑的区域以使用该模板来创建新的文档。使用该模板来创建新的文档。使用该模板来创建新的文档。使用该模板来创建新的文档。可以像普通网页一样在文档窗口中打开模板文件进行修改可以像普通网页一样在文档窗口中打开模板文件进行修改可以像普通网页一样在文档窗口中打开模板文件进行修改可以像普通网页一样在文档窗口中打开模板文件进行修改和编辑。和编辑。和编辑。和编辑。实例实例实例实例2 2 为模板为模板为模板为模板index.dwtindex.dwt定义可编辑区域。定义可编辑区域。定义可编辑区域。定义可编辑区域。打开打开打开打开index.dwtindex.dwt模板；模板；模板；模板；清理模板文档：只保留所有页面中都需要的公共元素；清理模板文档：只保留所有页面中都需要的公共元素；清理模板文档：只保留所有页面中都需要的公共元素；清理模板文档：只保留所有页面中都需要的公共元素；定义可编辑区域：选择菜单命令定义可编辑区域：选择菜单命令定义可编辑区域：选择菜单命令定义可编辑区域：选择菜单命令“插入插入插入插入模板对象模板对象模板对象模板对象可编可编可编可编辑区域辑区域辑区域辑区域”；或插入面板；或插入面板；或插入面板；或插入面板选择模板标签选择模板标签选择模板标签选择模板标签可编辑区域。可编辑区域。可编辑区域。可编辑区域。在模板页中，可编辑区域用下面的标记来表示：在模板页中，可编辑区域用下面的标记来表示：在模板页中，可编辑区域用下面的标记来表示：在模板页中，可编辑区域用下面的标记来表示：!-!-在模板中，还有两个默认的可编辑区域：页面标题和页在模板中，还有两个默认的可编辑区域：页面标题和页在模板中，还有两个默认的可编辑区域：页面标题和页在模板中，还有两个默认的可编辑区域：页面标题和页面头部中的区域。因此，应用了该模板的文档，可以更面头部中的区域。因此，应用了该模板的文档，可以更面头部中的区域。因此，应用了该模板的文档，可以更面头部中的区域。因此，应用了该模板的文档，可以更改文档的标题，可以在页面插入客户端脚本及定义改文档的标题，可以在页面插入客户端脚本及定义改文档的标题，可以在页面插入客户端脚本及定义改文档的标题，可以在页面插入客户端脚本及定义CSSCSS样样样样式表，而其他区域均是不可编辑的。式表，而其他区域均是不可编辑的。式表，而其他区域均是不可编辑的。式表，而其他区域均是不可编辑的。8.2 8.2 使用模板使用模板使用模板使用模板1.1.使用模板创建新文档使用模板创建新文档使用模板创建新文档使用模板创建新文档2.2.对现有文档应用模板对现有文档应用模板对现有文档应用模板对现有文档应用模板3.3.使用模板更新文档使用模板更新文档使用模板更新文档使用模板更新文档8.2.1 8.2.1 使用模板创建新文档使用模板创建新文档使用模板创建新文档使用模板创建新文档 实例利用模板实例利用模板实例利用模板实例利用模板index.dwtindex.dwt创建新文档。创建新文档。创建新文档。创建新文档。选择菜单命令选择菜单命令选择菜单命令选择菜单命令“文件文件文件文件新建新建新建新建”，打开新建文档对话框，选，打开新建文档对话框，选，打开新建文档对话框，选，打开新建文档对话框，选择择择择“模板模板模板模板”选项卡，选择站点模板，在右边的预览视图中选项卡，选择站点模板，在右边的预览视图中选项卡，选择站点模板，在右边的预览视图中选项卡，选择站点模板，在右边的预览视图中给出模板示意图。如图所示：给出模板示意图。如图所示：给出模板示意图。如图所示：给出模板示意图。如图所示：选中选中选中选中“当模板改变时更新页面当模板改变时更新页面当模板改变时更新页面当模板改变时更新页面”选项，单击选项，单击选项，单击选项，单击“创建创建创建创建”按钮，按钮，按钮，按钮，进入新文档设计视图。进入新文档设计视图。进入新文档设计视图。进入新文档设计视图。在新文档中，光标只能移动到可编辑区。在新文档中，光标只能移动到可编辑区。在新文档中，光标只能移动到可编辑区。在新文档中，光标只能移动到可编辑区。在可编辑区在可编辑区在可编辑区在可编辑区EditRegionMainEditRegionMain中插入相应的表格、图象和中插入相应的表格、图象和中插入相应的表格、图象和中插入相应的表格、图象和文字。文字。文字。文字。可以更改文档标题。可以更改文档标题。可以更改文档标题。可以更改文档标题。8.2.2 8.2.2 对已有文档应用模板对已有文档应用模板对已有文档应用模板对已有文档应用模板 实例实例实例实例 4 4 对下列表单对下列表单对下列表单对下列表单 应用模板应用模板应用模板应用模板index.dwtindex.dwt。打开表单网页文档；打开表单网页文档；打开表单网页文档；打开表单网页文档；展开资源面板的模板窗口，选中模板展开资源面板的模板窗口，选中模板展开资源面板的模板窗口，选中模板展开资源面板的模板窗口，选中模板index.dwtindex.dwt，单，单，单，单击面板下面的击面板下面的击面板下面的击面板下面的“应用应用应用应用”按钮。显示如下对话框：按钮。显示如下对话框：按钮。显示如下对话框：按钮。显示如下对话框：1.1.其中提示当前页在模板中不存在相应的区域：其中提示当前页在模板中不存在相应的区域：其中提示当前页在模板中不存在相应的区域：其中提示当前页在模板中不存在相应的区域：Document bodyDocument body和和和和Document headDocument head。这是由于在当前文档。这是由于在当前文档。这是由于在当前文档。这是由于在当前文档的头部（的头部（的头部（的头部（headhead）中不存在）中不存在）中不存在）中不存在JavaScriptJavaScript函数，而在主体函数，而在主体函数，而在主体函数，而在主体（bodybody）中不存在内容的原因。）中不存在内容的原因。）中不存在内容的原因。）中不存在内容的原因。2.2.选中对话框中间窗口选中对话框中间窗口选中对话框中间窗口选中对话框中间窗口“名称名称名称名称”列下的可编辑区域列下的可编辑区域列下的可编辑区域列下的可编辑区域“Document Document body”body”，在窗口下的，在窗口下的，在窗口下的，在窗口下的“将内容移到新区域将内容移到新区域将内容移到新区域将内容移到新区域”下拉列表中选择下拉列表中选择下拉列表中选择下拉列表中选择“EditRegionMainEditRegionMain”，其出现在窗口，其出现在窗口，其出现在窗口，其出现在窗口“已解析已解析已解析已解析”列下对应行，列下对应行，列下对应行，列下对应行，即让当前页面的即让当前页面的即让当前页面的即让当前页面的bodybody部分内容位于应用模板的可编辑区部分内容位于应用模板的可编辑区部分内容位于应用模板的可编辑区部分内容位于应用模板的可编辑区域域域域EditRegionMainEditRegionMain中；再选中中；再选中中；再选中中；再选中”Document head”Document head”将其移到将其移到将其移到将其移到headhead区域中，如图所示：区域中，如图所示：区域中，如图所示：区域中，如图所示：单击单击单击单击“确定确定确定确定”，得到如下所示页面设计视图。，得到如下所示页面设计视图。，得到如下所示页面设计视图。，得到如下所示页面设计视图。8.2.3 8.2.3 使用模板更新文档使用模板更新文档使用模板更新文档使用模板更新文档 当需要对模板的某些方面进行当需要对模板的某些方面进行当需要对模板的某些方面进行当需要对模板的某些方面进行修改，此时可在修改，此时可在修改，此时可在修改，此时可在Dreamweaver Dreamweaver MXMX中打开模板文件，按照需要中打开模板文件，按照需要中打开模板文件，按照需要中打开模板文件，按照需要进行相应的修改工作。在保存进行相应的修改工作。在保存进行相应的修改工作。在保存进行相应的修改工作。在保存模板时会弹出如下对话框，询模板时会弹出如下对话框，询模板时会弹出如下对话框，询模板时会弹出如下对话框，询问是否需要更新使用该模板来问是否需要更新使用该模板来问是否需要更新使用该模板来问是否需要更新使用该模板来创建的文件；选择创建的文件；选择创建的文件；选择创建的文件；选择“更新更新更新更新”，则，则，则，则自动对所有相关文件进行更新自动对所有相关文件进行更新自动对所有相关文件进行更新自动对所有相关文件进行更新工作。工作。工作。工作。8.3 8.3 库项目及其应用库项目及其应用库项目及其应用库项目及其应用 创建库项目创建库项目创建库项目创建库项目 向网页添加库项目向网页添加库项目向网页添加库项目向网页添加库项目 利用库项目更新网站利用库项目更新网站利用库项目更新网站利用库项目更新网站8.3.1 8.3.1 创建库项目创建库项目创建库项目创建库项目 在一个库项目中，可以包含文本、表格、表单、图象和多在一个库项目中，可以包含文本、表格、表单、图象和多在一个库项目中，可以包含文本、表格、表单、图象和多在一个库项目中，可以包含文本、表格、表单、图象和多媒体等内容。创建库项目时，先选中文档中的需要作为库媒体等内容。创建库项目时，先选中文档中的需要作为库媒体等内容。创建库项目时，先选中文档中的需要作为库媒体等内容。创建库项目时，先选中文档中的需要作为库项目的对象，选择菜单命令项目的对象，选择菜单命令项目的对象，选择菜单命令项目的对象，选择菜单命令“修改修改修改修改库库库库增加对象到库增加对象到库增加对象到库增加对象到库”来来来来创建项目，也可以在资源面板库类窗口中单击创建项目，也可以在资源面板库类窗口中单击创建项目，也可以在资源面板库类窗口中单击创建项目，也可以在资源面板库类窗口中单击“新建库项新建库项新建库项新建库项目目目目”按钮来创建。按钮来创建。按钮来创建。按钮来创建。实例实例实例实例 5 5 创建一个库项目，在项目中包含一个表格。创建一个库项目，在项目中包含一个表格。创建一个库项目，在项目中包含一个表格。创建一个库项目，在项目中包含一个表格。在在在在DreamweaverDreamweaver MX MX中，新建网页文件。中，新建网页文件。中，新建网页文件。中，新建网页文件。向网页中插入一个向网页中插入一个向网页中插入一个向网页中插入一个2 2行行行行3 3列的表，设定表格边框为列的表，设定表格边框为列的表，设定表格边框为列的表，设定表格边框为5 5，间距，间距，间距，间距为为为为2 2，边框颜色为蓝色。，边框颜色为蓝色。，边框颜色为蓝色。，边框颜色为蓝色。选定页面上的表格，选择菜单命令选定页面上的表格，选择菜单命令选定页面上的表格，选择菜单命令选定页面上的表格，选择菜单命令“修改修改修改修改库库库库增加对象增加对象增加对象增加对象到库到库到库到库”，在当前站点根目录下自动增加一个，在当前站点根目录下自动增加一个，在当前站点根目录下自动增加一个，在当前站点根目录下自动增加一个LibraryLibrary文件夹文件夹文件夹文件夹和文件和文件和文件和文件“未命名未命名未命名未命名.lbilbi”。在库类窗口中同时给出该库项目的。在库类窗口中同时给出该库项目的。在库类窗口中同时给出该库项目的。在库类窗口中同时给出该库项目的样式图。样式图。样式图。样式图。将新项目重命名为将新项目重命名为将新项目重命名为将新项目重命名为tabletable，LibraryLibrary目录中的文件的名目录中的文件的名目录中的文件的名目录中的文件的名称也自动改变为称也自动改变为称也自动改变为称也自动改变为table.lbitable.lbi8.3.2 8.3.2 向网页添加库项目向网页添加库项目向网页添加库项目向网页添加库项目 实例实例实例实例 6 6 将库项目添加到将库项目添加到将库项目添加到将库项目添加到index.dwtindex.dwt中。中。中。中。打开文档；打开文档；打开文档；打开文档；确定插入位置；确定插入位置；确定插入位置；确定插入位置；打开资源面板并切换到库类别，选中库项目打开资源面板并切换到库类别，选中库项目打开资源面板并切换到库类别，选中库项目打开资源面板并切换到库类别，选中库项目tabletable，单击面，单击面，单击面，单击面板底部的板底部的板底部的板底部的“插入插入插入插入”按钮，或者直接将库项目拖动到目标位置按钮，或者直接将库项目拖动到目标位置按钮，或者直接将库项目拖动到目标位置按钮，或者直接将库项目拖动到目标位置释放，该项目就插入到网页中。释放，该项目就插入到网页中。释放，该项目就插入到网页中。释放，该项目就插入到网页中。8.3.3 8.3.3 利用库项目更新网站利用库项目更新网站利用库项目更新网站利用库项目更新网站 在对库项目进行修改后，一般在对库项目进行修改后，一般在对库项目进行修改后，一般在对库项目进行修改后，一般在保存该库项目时，就会打开在保存该库项目时，就会打开在保存该库项目时，就会打开在保存该库项目时，就会打开如下对话框，询问是否更新添如下对话框，询问是否更新添如下对话框，询问是否更新添如下对话框，询问是否更新添加了该库项目的文件，如果选加了该库项目的文件，如果选加了该库项目的文件，如果选加了该库项目的文件，如果选择择择择“更新更新更新更新”按钮，就会打开对话按钮，就会打开对话按钮，就会打开对话按钮，就会打开对话框如图所示。框如图所示。框如图所示。框如图所示。使用模板和库，极大地提高了使用模板和库，极大地提高了使用模板和库，极大地提高了使用模板和库，极大地提高了网站开发的速度和效率，也极网站开发的速度和效率，也极网站开发的速度和效率，也极网站开发的速度和效率，也极大改善了网站的维护工作。大改善了网站的维护工作。大改善了网站的维护工作。大改善了网站的维护工作。66、节制使快乐增加并使享受加强。德谟克利特67、今天应做的事没有做，明天再早也是耽误了。裴斯泰洛齐68、决定一个人的一生，以及整个命运的，只是一瞬之间。歌德69、懒人无法享受休息之乐。拉布克70、浪费时间是一桩大罪过。卢梭