Dreamweaver MX网页设计与制作课件：CSS样式表与模板.pptx

CSS样式表与模板;2.1文字和图像的处理：生日贺卡;2.1.1基本概念;打开已经准备好的网页素材;;;2.2CSS样式：独具风格的主页;2.2.2上机操作;;2.3对文字运用CSS滤镜：蓝色生死恋;CSS滤镜－常用的Alpha滤镜

Blur滤镜

FlipV滤镜

FlipH滤镜;2.3.2上机操作;我们还可以利用Blur滤镜制作动感字，它的语法格式为Blur(Add=?,Direction=?,Strength=?)。我们定义Blur(Add=1,Direction=90,Strength=150);CSS不仅可以对文字进行样式的修改，还可以对表格进行修改。

l????????区块样式的修改：精确定义整段文本中文字的字距，对齐方式等属性

l?????????方框样式的修改：大表格的外面加一条细细的边框，可以使用边框样式

边框样式的修改：定义特定元素的大小及其与周围元素的间距等属性;区块定义

方框定义

边框定义;2.4.2上机操作;将【扩展】下的【过滤器】设为Alpha(Opacity=30);层是最早在图形图象处理中提出的一个概念，由于层的运用使得平面设计师在处理图像时可以多层操作、任意组合，从而大大提高了工作效率，也使创作出的效果更加丰富。Dreamweaver中的层概念与图像处理中层的概念不同，但它们都有一个共同点，就是层的重叠性。

Dreamweaver中的层可以理解为浮动在网页上的一层透明纸，它可以被准确地定位于网页的任意位置，并且可以设置大小。作为一种网页元素定位技术，使用层可以以像素为单位精确定位页面元素。

层还可以相互嵌套层，子层会继承父层的特征，如可见性、移动等。层在Dreamweaver中被认为是一个对象，这样就具有更多的特性，如制作动画、触发动作。如果要构建一个十分酷的网页，层的作用不能忽视。而对于层的应用。;2.5.2上机操作;执行【文件】｜【另存为模板】命令;2.6库项目的应用：公司主页;2.6.2上机操作;为一个鲜花礼品公司的主页创建并编辑库项目。公司已经设计好的主页，直接将网页中现有的对象元素转换为库文件;;2.7总结提高;;5．库有哪些作用？创建库项目的方法有哪些？

6．创建一个库项目，库项目的内容为你的电话号码和电子邮件地址。

7．设计一个网页，其内容为：

床前明白光

疑是地上霜

举头望明月

低头思故乡

要求：

将这首??置于一个1行1列的表格中

诗文内容字体为楷体，颜色为#00FF00，网页背景颜色为#FFFF99。

表格的边框设为蓝色。