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

超链接的类型a………./a基本语法ahref=“URL”target=“window_name”显示的文本或图片/ahref：要链接到的目标地址target：要显示超链接内容的窗口名，默认为当前窗口实例展示ahref=“../ch/cc.jpg”内部链接（同一站点内部网页间链接）/a………………….…………………….ahref=“”target=“_blank”外部链接（不同站点之间）/a………………….…………….ahref=“mailto:[e-mail]”E-mail链接/a………………….…………….ahref=“ttpsetup.exe”下载链接/a………………….…………….ahref=“#a1”锚点链接（指向同一网页的某个位置）/a………………….…………….ahref=“JavaScript:alert(‘你好’);”………………….…………….ahref=“JavaScript:;”空链接（用于向页面的对象、文本附加行为）/a脚本链接网页间切换效果Page-Enter和Page-Exit基本语法duration:切换效果持续时间，单位秒。transition:切换方式，有24种，取值0̴23。Metahttp-equiv=“Page-Enter”Content=“revealTrans(duration=x,transition=y)”Metahttp-equiv=“Page-Exit”Content=“revealTrans(duration=x,transition=y)”切换效果切换效果参数值切换效果参数值矩形从大到小0随机溶解12矩形从小到大1从上下向中间展开13圆形从大到小2从中间向上下展开14圆形从小到大3从两边向中间展开15向上推开4从中间向两边展开16向下推开5从右上向左下展开17向右推开6从右下向左上展开18向左推开7从左上向右下展开19垂直型百叶窗8从左下向右上展开20水平型百叶窗9随机水平细纹21水平棋盘10随机垂直细纹22垂直棋盘11随机选取一种特效23CSS样式表CascadingStyleSheet层叠样式表或级联样式表基本语法HTML标签{属性1:属性值;属性2:属性值;……}如：H1{font-family:”黑体”；color:blue}多个标签具有相同属性，则可将其合并如：B,I,H1{font-family:”黑体”；color:blue}采用注释标记可防止低版本浏览器不认识CSS，将其代码忽略如!--B,I,H1{font-family:”黑体”；color:blue}--创建CLASS如：H1.c1{color:red;text-decoration:underline}H1.c2{color:blue;text-decoration:none}.c3{font-size:10pt;color:#CCCCFF}!--凡是该属性的标签都可加class=“c3”引用--……………..H1class=“c1”红色带下划线H1标题/H1brH1class=“c2”蓝色无下划线H1标题/H1使用ID语法：#id名{属性1:属性值;属性2:属性值;……}引用方法：标签ID=“id名”语法1：标签.类名{属性:属性值;……}语法2：.类名{属性:属性值;……}引用方法：标签CLASS=“类名”CSS的放置1内联样式表1放在head标签内2直接插入，如Tablestyle=“font-size:10pt;color:blue”2外部样式表建立独立的文本文件（style标签之间的内容），扩展名“.css”，然后对其引用（可引用多个外部样式表）即可。1LINK标记链接LINKREL=“STYLESHEET”HREF=“exa.css”LINKREL=“STYLESHEET”HREF=“style/other.css”2@import导入STYLETYPE=“text/css”@import“exa.css”;@import“style/other.css”;/STYLE样式冲突•将两个或更多个CSS规则应用于同一文本的情况称为样式冲突。•针对样式冲突，浏览器按照以下方式应用CSS规则：1.综合显示多种规则所有属性，除非特定属性冲突。2.发生冲突时，采取就近原则（如内联样式优先外部样式、显示离文本最近的属性等）。3.若有直接冲突（如fontclass=“blue”color=“red”，其中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:透明度等级（0——100），0完全透明，100完全不透明。FinishOpacity：设置结束时的透明度，从而达到一种渐变效果。Style：透明区域形状特征，0代表统一形状，1代表线性，2代表放射状，3代表长方形。StartX、StartY：渐变透明效果的开始坐标。FinishX、FinishY：渐变透明效果的结束坐标。Chroma------指定颜色透明filter:Chroma(color=color)FlipH和FlipV------翻转Filter：FlipH!--水平翻转--Filter：FlipV!--水平翻转--可综合使用：Filter：FlipHFlipVGlow------边缘发光效果Filter：Glow(Color=?,Strength=?)Color:指定发光的颜色。Strength:指定发光的强度，1—255，值越大发光效果越明显。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的嵌入放在Scriptlanguage=“JavaScript”…/Script标记之间，该标记可放在网页中的任何位置（Body和Head之中）。将JavaScript程序以扩展名”.js”单独存放，然后调用，如:Scriptlanguage=“JavaScript”src=“a.js”/Script。语言基础1.变量定义vartemp;2.运算符算术：+、-、*、/、%、++、--等。比较：、、=、=、==、!=等。逻辑：&&、||等。3.流程控制if……else……switch语句for循环while循环4.函数function