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

超链接的类型.基本语法显示的文本或图片ü href：要链接到的目标地址 ü target：要显示超链接内容的窗口名，默认为当前窗口实例展示内部链接（同一站点内部网页间链接）. 外部链接（不同站点之间）. E-mail链接. 下载链接. 锚点链接（指向同一网页的某个位置）. 空链接（用于向页面的对象、文本附加行为）脚本链接网页间切换效果Page-Enter和Page-Exit基本语法ü duration:切换效果持续时间，单位秒。 ü transition:切换方式，有24种，取值0 23。切换效果切换效果参数值切换效果参数值矩形从大到小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:”黑体”；color:blueØ 多个标签具有相同属性，则可将其合并如：B,I, H1font-family:”黑体”；color:blue Ø 采用注释标记可防止低版本浏览器不认识CSS，将其代码忽略如Ø 创建CLASS如：H1.c1color:red;text-decoration:underlineH1.c2color:blue;text-decoration:none.c3font-size:10pt;color:#CCCCFF 红色带下划线H1标题蓝色无下划线H1标题 Ø 使用ID语法：#id 名 属性1:属性值;属性2:属性值; 引用方法： 语语法1：标签标签 .类类名属性:属性值值; 语语法2： .类类名属性:属性值值; 引用方法：CSS的放置1内联样式表1>放在标签内2>直接插入，如 2外部样式表建立独立的文本文件（标签之间的内容），扩展名 “.css”，然后对其引用（可引用多个外部样式表）即可。 1>标记链接2>import导入import “exa.css”;import “style/other.css”;样式冲突将两个或更多个CSS规则应用于同一文本的情况称为样式冲突。 针对样式冲突，浏览器按照以下方式应用CSS规则：1.综合显示多种规则所有属性，除非特定属性冲突。2.发生冲突时，采取就近原则（如内联样式优先外部样式、显示离文本最近 的属性等）。3.若有直接冲突（如，其中blue类定义字体为 蓝色，与color属性冲突），自定义CSS规则（使用CLASS属性应用的规则）中 属性覆盖HTML标签样式中属性。CSS滤镜语法格式：filter:filtername(parameters)filter:CSS滤镜属性标识符。 filtername:滤镜名称。 parameters:各滤镜属性的参数。CSS滤镜种类及功能滤镜名称功能滤镜名称功能Alpha透明度Gray灰度BlendTrans淡入淡出转换效果Invert底片效果Blur模糊效果Light灯光投影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代表线性，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：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=?)ü 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: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：改变光的颜色。 ü Changstrength：改变光源强度。 ü Clear：清除所有光源。 ü MoveLight：移动光源。RevealTrans-网页切换效果Filter：RevealTrans(Transition=?,Duration=?)BlendTrans-淡入淡出Filter：BlendTrans(Duration=?)ü Duration:特效持续时间。JavaScriptJavaScript的嵌入ü 放在标记之间，该标记可 放在网页中的任何位置（Body和Head之中）。ü 将JavaScript程序以扩展名”.js”单独存放，然后调用，如:。语言基础1.变量定义var temp; 2.运算符算术：+、-、*、/、%、+、-等。比较：、=、=、!=等。逻辑：&&、|等。 3.流程控制ifelseswitch语句for循环while循环 4.函数function