CSS技术 多媒体技术
↑ ↑
美化网页、ASP动态网页技术
一、CSS技术
CSS就是Cascading Style Sheet中文翻译为“层叠样式表”它是一种制作网页的新技术，通俗一点就是一个格式刷，通过CSS能同时改变字体、字号、字的颜色等。
⒈用CSS美化网页
⑴启动DreamweaverCS6，在站点目录→Mywebsite→N5→html打开原始文件index0.html→文件→另存为，针对该页面的文本、图片、链接、等对象，分别设置不同的CSS样式
⑵窗口→CSS样式→选择器类型→标签；选择器名称→body；规则定义→仅限该文档
⑶确定→打开"body的CSS规则定义"→类型
⑷方框→Padding
⑸单击“CSS样式”→下方的“新建CSS规则”；选择器类型→类（可应用于任何HTML元素）；选择器名称→输入“fontl”；规则定义→仅限该文档
⑹.font1的CSS规则定义字体→定义第一种字体样式font1；选定页脚文字对像，在“CSS样式”面板中font1，右击→应用
⑺按照第⑸步操作定义第二种字体样式font2
⑻按照第⑸步操作定义第三种字体样式font3
⑼继续单击“CSS样式”→下方的“新建CSS规则”→选择器类型→类（可应用任何HML元素）；选择器名称→表框输入“bian”
⑽单击“CSS样式”→新建CSS规则→选择器类型→复合内容（基于选择的内容）；在“选择器名称”→a：link选项，确定，创建动态链接CSS样式
（11）分别设置链接的不同样式规则
（12）继续设置导航栏文字的动态链接CSS样式
（13）继续单击“CSS样式”→新建CSS规则，选择器类型→类（可应用于任何HTML元素），选择器→输入“tupian”，为图片设定CSS水波纹滤镜效果。弹出的“.tupian的CSS规则定义”→扩展→Filter文本框内选择水波纹效果，列：Wave（Add=true,Freq=10,LightStrength=50, Phase=50,Strength=4）
（14）选中页面右侧第一张图，在CSS样式→滤镜效果.tupian，右击→应用
（15）用Shif键→CSS样式→style→创建所有样式，然后右击→CSS样式下拉列表中→移动CSS规则
（16）确定→弹出将样式表文件另存为→把刚创建的CSS样式命名为index.css→保存指定路径\N5\CSS
（17）重新将文件index0.html复制为新文件indexcs.html→打开→CSS样式→附加样式表
（18）选定刚导出的CSS样式文件采用链接或导入方式将CSS文件置于当前页面中，实现了CSS文件的“一次创建，多次使用”
2.CSS滤镜
主要是用来实现图像的各种特殊效果，CSS滤镜并不是浏览器的插件，也不符合CSS标准，Filter是CSS滤镜选择符，执行滤镜操作就必须先定义Filter。在“CSS规则定义”→分类→扩展→Filter滤镜
CSS滤镜分为静态滤镜和动态滤镜
（1）CSS静态滤镜（共有12种）
1>Alpha：设置透明度的层次效果
Filter：Alpha(Opacity=起始透明度，FinishOpacity=结束透明度，Style=形状<0为统一形状，1为线形，2为放射形，3为矩形>，StartX=?,StartY=?,FinishX=?,FinishY=?）
￣￣￣￣￣￣￣ ￣￣￣￣￣￣￣￣
起始坐标 结束坐标
2>Blur(模糊）快速移动的模糊效果
3>Chroma（透明色）特定颜色的透明效果
4>DropShadow（下落的阴影）对象的阴影效果（文字和图片）
5>Flip（翻转变换）是滤镜的翻转属性，FlipH（水平翻转）FlipV（垂直翻转）
6>Glow（光晕）对象边缘光晕效果
7>Mask（遮罩）
8>Shadow（阴影）
9>Wave（波浪）把对象按照垂直的波纹样式打乱，产生竖直方向的波浪变形效果
10>Gray（灰度）
11>Invert（反色）相当于底片效果
12>Xray(X射线)
（2）动态滤镜
CSS动态滤镜也叫转换过滤器，可以为页面添加动人的淡入淡出、图像转化效果
￣↓￣￣ ￣￣￣￣￣￣￣|
BlendTrans |
(Duration=淡入淡出时间以秒为单位) |
↓
RevelTrans
（Duration=转换的秒数，Transition=转换类型）
二、多媒体技术
1、运用多媒体装饰页面
⑴在文档"设计"窗口→将光标置于左侧的"兰花欣赏"单元格内→插入→多媒体→Flash→动画文件→imag.swf 然后在单元格内看到一个Flash的占位符
⑵向网页添加不同类型声音文件<wav、.midi、.mp3>，添加背景音乐有①使用标签添加没有任何播放控件也无法控制音频播放的背景音乐②使用插入任意类型的音频文件
⑶"常用"工具栏最右侧→标签选择器→HTML标签→在最右侧找到bgsound→插入→标签编辑器bgsound
⑷在页面的"铭品档案"下方的单元格内→插入→Spry选项卡式面板
2、动感元素多媒体
⑴Flash动画是现在因特网上非常流行的动画格式
优点：体积先、效果强大、制作相对简单
Flash动画文件的扩展名为.swf
插入→媒体→Flash命令(Ctrl+Alt+F)→选择文件→Flsh 将一个Flash占位符插入"设计"视图中
⑵Flash视频；视频传送扩展名.flv
提供了两种方式将Flash视频传送给站点访问者 ①"累进式下载视频"：将Flash视频文件下载到硬盘上，然后播放
②"流视频"能在很短的缓冲时间内在Web页面播放视频
⑶Shockwave
Shockwave是由Macromedia开发的多媒体播放器系列，提供了强大的、可扩展的脚本引擎，能通过浏览器看交互性的网页，如游戏，商业展示
⑷Applet和ActiveX
Applet本身不能单独运行，需要嵌入一个HTML文件中借助浏览器或Appletviewer来解释执行
ActiveX可以充当浏览器插件的可重复使用的组件，Internet和Internet快速而简便地创建程序集成和内容的方法
ActiveX控制件可以脱离浏览器运行，而Applet由Java虚拟机解释执行，与客户机平台无关
⑸Spry框架
是一个JavaScript库Web设计人员用它可以构建能够向站点访问者提供丰富体验的网页
①Spry菜单栏构件
是一组可以导航的菜单按钮
插入→Spry→Spry菜单栏
②Spry选项卡面板构件
用来将内容存储到紧凑空间的面板
插入→Spry选项卡式面板
③Spry折叠式
将大量内容存储在一个紧凑空间的可折叠式面板
