层叠样式、模板与库.pptVIP

层叠样式、模板与库 主讲人：王弈 wangyi@ecupl.edu.cn 主要内容 层叠样式表 创建 编辑 应用 模板和库 创建 编辑 应用 层叠样式表（CSS） CSS介绍 创建CSS 外部样式表的链接、导入和编辑 层叠样式表的应用 CSS 介绍 样式是预先定义好的、格式化文档的工具 以前介绍的HTML样式可一次完成多种格式化操作任务 HTML样式的不足之处是在控制网页的外观上受到较多的限制 层叠样式表（Cascading Style Sheets,以下简称CSS样式表）是一种可以对网页文档内容进行精确格式化控制的工具 CSS的优势在于能够同时控制多个文档的格式，能够控制对象的位置、特殊效果、鼠标翻转等很多HTML样式不能控制的属性。 CSS 创建CSS 每个样式可以放在样式表文件中. 样式表文件中可以定义多个不同的样式. 样式表文件的扩展名为: .css 外部样式表的链接、导入和编辑 层叠样式表的应用 模板的应用 用模板可制作很多布局结构和版式风格相似而网页内容不同的页面，这种类型的网页每个页面都要一次次制作，不但效率低而且很乏味。 DW 4.0的模板是一种预先设计好的网页样式，在制作风格相似的页面时，只要套用这种模板，便可在其可辑区域输入不同的网页内容，从而便能设计出风格一致的网页 任何套用了同一个模板的网页与模板本身都建立了一种链接关系，当模板改变时，所有使用这种模板的网页都将随之改变 模板技术可以帮助设计者把网页的布局和内容分离，快速制作大量风格布局相似的网页页面，这样设计出的网页更规范，设计制作和更新维护网页的效率更加高 模板的应用（续） 模板的创建与保存 模板的修改与应用 库的应用 在创建网站的过程中，不同的网页页面上可能经常会反复用到很多相同的网页元素，如图片、按钮、动画、Java小程序、插件等网页元素，有些元素在不同的页面上会多次使用，如果要逐一修改这些用于页面的元素是一件很麻烦的事情。 把页面中经常反复要用的元素存入一个库中，这些存入库中的元素称为库项目。 在网页制作时可将库项目的一个副本直接插入到网页中，同时还插入了对该库项目的引用。 当对该库项目编辑修改后，引用该库项目的网页能自动更新。从而可以方便地实现整个网站各页面上与库项目的相关内容一次更新。 库的应用（续） 创建和使用库项目 编辑和修改库项目 用库项目更新网站 * * *