典型商业网站建设实例精讲Dreamweaver版课件_第1页
典型商业网站建设实例精讲Dreamweaver版课件_第2页
典型商业网站建设实例精讲Dreamweaver版课件_第3页
典型商业网站建设实例精讲Dreamweaver版课件_第4页
典型商业网站建设实例精讲Dreamweaver版课件_第5页
已阅读5页,还剩25页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

超链接的类型<a>……….</a>基本语法

<ahref=“URL”target=“window_name”>显示的文本或图片</a>href:要链接到的目标地址target:要显示超链接内容的窗口名,默认为当前窗口实例展示<ahref=“../ch/cc.jpg”>内部链接(同一站点内部网页间链接)</a>….…….<ahref=“”target=“_blank”>外部链接(不同站点之间)</a>….…………….<ahref=“mailto:”>E-mail链接</a>….…………….<ahref=“ttpsetup.exe”>下载链接</a>….…………….<ahref=“#a1”>锚点链接(指向同一网页的某个位置)</a>….…………….<ahref=“JavaScript:alert(‘你好’);”>….…………….<ahref=“JavaScript:;”>空链接(用于向页面的对象、文本附加行为)</a>

脚本链接基本语法

duration:切换效果持续时间,单位秒。transition:切换方式,有24种,取值0̴23。<Metahttp-equiv=“Enter”Content=“revealTrans(duration=x,transition=y)”><Metahttp-equiv=“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层叠样式表或级联样式表CSS的放置内联样式表1>放在<head>标签内2>直接插入,如<Tablestyle=“font-size:10pt;color:blue”>外部样式表

建立独立的文本文件(<style>标签之间的内容),扩展名“.css”,然后对其引用(可引用多个外部样式表)即可。

1><LINK>标记链接<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:各滤镜属性的参数。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:FlipHFlipVGray灰度Filter:GrayInvert底片效果Filter:InvertMask透明膜Filter:Mask(Color=?)Color:指定用什么颜色作为掩膜。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:对生成的波纹增强光影效果,0100。Phase:设置正弦波开始的偏移量,0100。Strength:振幅大小。Light灯光投影Filter:LightLight滤镜有如下几种方法:AddAmbient:加入包围的光源。AddCone:加入锥形光源。AddPoint:加入点光源。Changcolor:改变光的颜色。Changstrength:改变光源强度。Clear:清除所有光源。MoveLight:移动光源。RevealTrans网页切换效果Filter:RevealTrans(Transition=?,Duration=?)JavaScript的嵌入放在<Scriptlanguage=“JavaScript”>…</Script>标记之间,该标记可放在网页中的任何位置(Body和Head之中)。将JavaScript程序以扩展名”.js”单独存放,然后调用,如:<Scriptlanguage=“JavaScript”src=“a.js”></Script>。语言基础1.变量定义vartemp;2.

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论