典型商业网站建设实例精讲【Dreamweaver版】.pptx

《典型商业网站建设实例精讲【Dreamweaver版】.pptx》由会员分享，可在线阅读，更多相关《典型商业网站建设实例精讲【Dreamweaver版】.pptx（30页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、超链接的类型超链接的类型.基本语法 显示的文本或图片显示的文本或图片href：要链接到的目标地址：要链接到的目标地址target：要显示超链接内容的窗口名，默认为当前窗口：要显示超链接内容的窗口名，默认为当前窗口实例展示内部链接（同一站点内部网页间链接）.外部链接（不同站点之间）.E-mail链接.下载链接.锚点链接（指向同一网页的某个位置）.空链接（用于向页面的对象、文本附加行为）脚本链接网页间切换效果网页间切换效果Page-Enter和和Page-Exit基本语法 duration:切换效果持续时间，单位秒。transition:切换方式，有24种，取值0 23。切换效果切换效果参数值切换

2、效果参数值矩形从大到小0随机溶解12矩形从小到大1从上下向中间展开13圆形从大到小2从中间向上下展开14圆形从小到大3从两边向中间展开15向上推开4从中间向两边展开16向下推开5从右上向左下展开17向右推开6从右下向左上展开18向左推开7从左上向右下展开19垂直型百叶窗8从左下向右上展开20水平型百叶窗9随机水平细纹21水平棋盘10随机垂直细纹22垂直棋盘11随机选取一种特效23CSS样式表样式表Cascading Style Sheet 层叠样式表或级联样式表层叠样式表或级联样式表基本语法HTML标签标签 属性属性1:属性值属性值;属性属性2:属性值属性值;如：H1font-family:”

3、黑体”；color:blue多个标签具有相同属性，则可将其合并多个标签具有相同属性，则可将其合并 如：B,I,H1font-family:”黑体”；color:blue采用注释标记可防止低版本浏览器不认识采用注释标记可防止低版本浏览器不认识CSS，将其代码忽略，将其代码忽略 如创建创建CLASS 如：H1.c1color:red;text-decoration:underline H1.c2color:blue;text-decoration:none .c3font-size:10pt;color:#CCCCFF .红色带下划线H1标题 蓝色无下划线H1标题使用使用ID 语法：语法：#id

4、名名 属性属性1:属性值属性值;属性属性2:属性值属性值;引用方法：引用方法：语法法1：标签.类名名属性属性:属性属性值;语法法2：.类名名属性属性:属性属性值;引用方法：引用方法：CSS的放置1内联样式表 1放在标签内 2直接插入，如2外部样式表 建立独立的文本文件（标签之间的内容），扩展名“.css”，然后对其引用（可引用多个外部样式表）即可。1标记链接 2import导入 import “exa.css”;import “style/other.css”;样式冲突将两个或更多个CSS规则应用于同一文本的情况称为样式冲突。针对样式冲突，浏览器按照以下方式应用CSS规则：1.综合显示多种规则

5、所有属性，除非特定属性冲突。2.发生冲突时，采取就近原则（如内联样式优先外部样式、显示离文本最近的属性等）。3.若有直接冲突（如，其中blue类定义字体为蓝色，与color属性冲突），自定义CSS规则（使用CLASS属性应用的规则）中属性覆盖HTML标签样式中属性。CSS滤镜语法格式：filter:filtername(parameters)filter:CSS滤镜属性标识符。filtername:滤镜名称。parameters:各滤镜属性的参数。CSS滤镜种类及功能滤镜名称功能滤镜名称功能Alpha透明度Gray灰度BlendTrans淡入淡出转换效果Invert底片效果Blur模糊效果Li

6、ght灯光投影Chroma指定颜色透明Mask透明膜DropShadow投射阴影RevealTrans切换效果FlipH水平翻转Shadow阴影效果FlipV垂直翻转Wave利用正弦波打乱图片Glow外边界发光效果XrayX射线照片效果Alpha-透明度Alpha(Opacity=?,FinishOpacity=?,Style=?,StartX=?,StartY=?,FinishX=?,FinishY=?)Opacity:透明度等级（0100），0完全透明，100完全不透明。FinishOpacity：设置结束时的透明度，从而达到一种渐变效果。Style：透明区域形状特征，0代表统一形状，1代

7、表线性，2代表放射状，3代表长方形。StartX、StartY：渐变透明效果的开始坐标。FinishX、FinishY：渐变透明效果的结束坐标。Chroma-指定颜色透明filter:Chroma(color=color)FlipH和FlipV-翻转Filter：FlipH Filter：FlipV 可综合使用：Filter：FlipH FlipV Glow-边缘发光效果Filter：Glow(Color=?,Strength=?)Color:指定发光的颜色。Strength:指定发光的强度，1255，值越大发光效果越明显。Gray-灰度Filter：GrayInvert-底片效果Filter

8、：InvertMask-透明膜Filter：Mask(Color=?)Color：指定用什么颜色作为掩膜。Blur-模糊效果filter：Blur(Add=?,Direction=?,Strength=?)Add:是否被改变成模糊效果，有true和false两个参数。Direction:设置模糊的方向，模糊效果按顺时针方向进行，0度代表垂直方向，每45度一个单位，默认是向左270度。Strength:设置有多少像素的宽度将受到模糊影响，默认5pt，只能使用整数值。DropShadow-投射阴影Filter:DropShadow(Color=?,OffX=?,OffY=?,Positive=?)

9、Color:投射阴影的颜色。OffX、OffY:X、Y方向的阴影偏移量，值为整数，正整数代表X轴的右方向和Y轴的向下方向，负整数则相反。Positive:有true和false两个参数，true为任何的非透明像素建立可见的投影，false为透明的像素部分建立可见的投影。Shadow-投影Filter：Shadow(Color=?,Direction=?)Color:投影颜色。Direction:指定投影方向，与Blur滤镜的direction参数相同。与DropShadow的区别：Shadow的投影是连续的，而DropShadow是用偏移来定义投影的。Wave-以垂直波纹样式打乱Filter:

10、Wave(Add=?,Freq=?,LightStrength=?,Phase=?,Strength=?)Add:参数true表示打乱，false表示不打乱。Freq:在对象上共产生多少个完整波纹（生产波纹的频率）。LightStrength:对生成的波纹增强光影效果，0-100。Phase:设置正弦波开始的偏移量，0-100。Strength:振幅大小。Xray-X射线Filter：XrayLight-灯光投影Filter：LightLight滤镜有如下几种方法：AddAmbient：加入包围的光源。AddCone：加入锥形光源。AddPoint：加入点光源。Changcolor：改变光的颜

11、色。Changstrength：改变光源强度。Clear：清除所有光源。MoveLight：移动光源。RevealTrans-网页切换效果Filter：RevealTrans(Transition=?,Duration=?)BlendTrans-淡入淡出Filter：BlendTrans(Duration=?)Duration:特效持续时间。JavaScriptJavaScript的嵌入放在标记之间，该标记可放在网页中的任何位置（Body和Head之中）。将JavaScript程序以扩展名”.js”单独存放，然后调用，如:。语言基础1.变量定义 var temp;2.运算符 算术：+、-、*、/、%、+、-等。比较：、=、=、!=等。逻辑：&、|等。3.流程控制 ifelse switch语句 for循环 while循环4.函数function