【教学课件】第6章层叠样式、模板与库

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,网页制作教程,第6章 层叠样式、模板与库,61 层叠样式表的创建、编辑与应用,1、创建和编辑CSS样式表,打开CSS Styles面板,2、外部样式表链接、导入和编辑,当设计者创建了外部的CSS样式表后，并将其存储为单独的CSS样式表文件，此时在本地网站中就存在了一个独立的通用的样式表。然后每个需要用该样式格式化的网页文档都可以与这个CSS样式表建立一种链接。当此样式表一经修改，网站中所有链接到此样式表的网页都会发生相应的更新。这样就利用CSS样式表实现了对多个网页文档的进行批量修改的操作。,如果要对样式表编辑修改可以打开含有该CSS样式表的网页文档，或在当前网页文档中导入外部CSS样式表，此时的CSS样式表能够在当前的网页文档中完成复制、删除、添加、修改和保存等操作。另外，也可以导出当前网页文档中存在的所有样式表，使它们成为外部独立的CSS样式表。,6.2模板的应用,1、,模板的创建与保存,模板创建的方法可以是新建一个空白的模板，然后对它进行编辑后保存，也可以利用一个现成的网页，设置好可编辑区，转存为模板。,6.2模板的应用,2、模板的修改与应用,应用模板制作网页,选择模板对话框,修改模板,将模板应用到页面制作之前，或已经将模板应用于页面制作以后都可以对模板进行修改。在DW 4.0中，当前站点的模板、链接、色彩、图片、动画、库项目等资源都存放在Assets站点资源管理面板中，利用Assets站点资源管理面板可以很方便地完成模板的修改操作。,6.2 库的应用,1、创建和使用库项目,将页面中的文字、图片、按钮等页面元素选中，拖曳到打开的Assets资源管理面板的库面板中，并为该元素命名，便可创建一个库项目。,在使用库项目时只要打开Assets资源管理面板的库面板，然后选中要用的库项目，拖曳到网页的光标所在处，便可将库项目复制到该页面中。,2、编辑库项目,3、用库项目更新网站,本章小结和重点回顾,样式、模板和库是网页设计者设计制作网页时不可缺少的工具。它们可以帮助设计者统一整个网站的风格，节省网页创作的时间，提高工作效率，给管理整个网站带来很大方便。,CSS层叠样式表不但能使设计者控制许多HTML样式不能控制的属性，还能迅速准确地将样式作用于整个网站的多个网页上，另外它带有的特效滤镜，使网页设计效果丰富多彩。,本章的重点知识有：创建、编辑CSS 样式；创建、编辑、选用CSS 外部样式表；常用CSS特效滤镜的使用方法；模板和库的创建、编辑与应用；站点的更新等知识。,