您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 广告经营 > 典型商业网站建设实例精讲【Dreamweaver版】
超链接的类型a………./a基本语法ahref=“URL”target=“window_name”显示的文本或图片/ahref:要链接到的目标地址target:要显示超链接内容的窗口名,默认为当前窗口实例展示ahref=“../ch/cc.jpg”内部链接(同一站点内部网页间链接)/a………………….…………………….ahref=“”target=“_blank”外部链接(不同站点之间)/a………………….…………….ahref=“mailto:zmlx914@sina.com”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
本文标题:典型商业网站建设实例精讲【Dreamweaver版】
链接地址:https://www.777doc.com/doc-4022357 .html