基本信息
文件名称:Dreamweaver MX网页设计与制作课件:CSS样式表与模板.pptx
文件大小:3.03 MB
总页数:27 页
更新时间:2025-05-27
总字数:约1.09千字
文档摘要

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。

表格的边框设为蓝色。