网页设计课件5.ppt

《网页设计课件5.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第四讲：添加图像与媒体1内容目录插入与编辑图像1插入其他图像对象2插入多媒体对象3认识CSS层叠样式表4创建CSS样式表5创建与附加样式表6用CSS滤镜制作页面特效72添加图像与媒体内容插入并设置图像设置网页背景图像和音乐设置低解析度与点位符设置鼠标经过图像与导航条设置多媒体Flash元素3添加图像与媒体内容插入并设置图像设置网页背景图像和音乐设置低解析度与点位符设置鼠标经过图像与导航条设置多媒体Flash元素4添加图像与媒体内容编辑与美化图像编辑网页图像：插入图像占位符插入鼠标经过图像制作网页导航条插入Flash动画插入Flash按钮插入Flash文字

2、插入Flash视频添加web背景音乐5用CSS进行页面布局与美化一、新建CSS‘类’规则：从头创建自己的样式二、新建CSS‘标签’规则：创建一个HTML的标签样式，自动应用该样式给标签的每一个实例三、CSS高级类型：四、附加CSS样式表美化网页：附加CSS样式表的方法五、制作透明效果：六、制作模糊图像效果：七、制作灰度图像效果：八、美化分类页面6用CSS进行页面布局与美化注意：1.可以将网页的一些内部样式变成一个可以用在其他网页上的外部样式表，注意文件名添加.css扩展名。2.如果将这个样式表应用给网站上所有网页，那么可能要把它保存在网站的要文件夹中，或

3、者在一个专门用于样式表的文件夹中。7CSS样式P一个样式（或者规则）由两个主要部分组成：一个选择器（告诉浏览器要格式什么），一个声明块（列出浏览器用来给选择器定义样式的格式化指令）。｛color:red;font-size:1.5em;}选择器声明声明块声明属性值值属性8CSS内部样式表一个内部样式表是一个样式集，它是网页代码的一部分，总是处在网页的部分中开始和关闭的HTML注意：可以将注意：要与外部CSS文件关联起来，利用url而不是href，并且把路径放在一对圆括号里面。从技术上来说，应该把所有@import行放在任何CSS规则之前。12作业对作业中7.html进行以下处理：作用‘imagetitle_a.png’和‘imagetitle_b.png’两个素材文件在网页最上方插入鼠标经过图像。在网页标题栏左下方插入内容为’热销图书’的Flash文本。为网页右下方的空白单元格插入素材图像‘imagebooks_new.png’。对插入的图像进行锐化处理。完成后存档上交。13作业对作业中8.html进

7、行以下处理：创建并定义标签为’input’的CSS规则，美化网页中的表单元件。指定‘Study.css’素材文件为网页附加CSS样式表，并将其中的样式套用至网页中的‘公司动态’文本资料。创建‘类’CSS样式并定义其扩展滤镜为‘FlipH’，再套用至网页右下方的图像，使图像在浏览器中水平翻转显示。完成后存档上交。14ThankYou!15