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

上传人:平*** 文档编号:48599777 上传时间:2018-07-17 格式:PPTX 页数:30 大小:156.96KB
返回 下载 相关 举报
典型商业网站建设实例精讲【Dreamweaver版】_第1页
第1页 / 共30页
典型商业网站建设实例精讲【Dreamweaver版】_第2页
第2页 / 共30页
典型商业网站建设实例精讲【Dreamweaver版】_第3页
第3页 / 共30页
典型商业网站建设实例精讲【Dreamweaver版】_第4页
第4页 / 共30页
典型商业网站建设实例精讲【Dreamweaver版】_第5页
第5页 / 共30页
点击查看更多>>
资源描述

《典型商业网站建设实例精讲【Dreamweaver版】》由会员分享,可在线阅读,更多相关《典型商业网站建设实例精讲【Dreamweaver版】(30页珍藏版)》请在金锄头文库上搜索。

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

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 采

3、用注释标记可防止低版本浏览器不认识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外部样式表建立独立的文本文件(标签之间的内容)

4、,扩展名 “.css”,然后对其引用(可引用多个外部样式表)即可。 1标记链接2import导入import “exa.css”;import “style/other.css”;样式冲突将两个或更多个CSS规则应用于同一文本的情况称为样式冲突。 针对样式冲突,浏览器按照以下方式应用CSS规则:1.综合显示多种规则所有属性,除非特定属性冲突。2.发生冲突时,采取就近原则(如内联样式优先外部样式、显示离文本最近 的属性等)。3.若有直接冲突(如,其中blue类定义字体为 蓝色,与color属性冲突),自定义CSS规则(使用CLASS属性应用的规则)中 属性覆盖HTML标签样式中属性。CSS滤镜语

5、法格式: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(Opac

6、ity=?,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

7、: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和fal

8、se两个参数。 Direction:设置模糊的方向,模糊效果按顺时针方向进行,0度代表垂直方向, 每45度一个单位,默认是向左270度。 Strength:设置有多少像素的宽度将受到模糊影响,默认5pt,只能使用整数 值。DropShadow-投射阴影Filter:DropShadow(Color=?,OffX=?,OffY=?,Positive=?) Color:投射阴影的颜色。 OffX、OffY:X、Y方向的阴影偏移量,值为整数,正整数代表X轴的右方向和Y轴 的向下方向,负整数则相反。 Positive:有true和false两个参数,true为任何的非透明像素建立可见的投影, fals

9、e为透明的像素部分建立可见的投影。Shadow-投影Filter:Shadow(Color=?,Direction=?) Color:投影颜色。 Direction:指定投影方向,与Blur滤镜的direction参数相同。与DropShadow的区别:Shadow的投影是连续的,而DropShadow是用偏移来定义投影的。Wave-以垂直波纹样式打乱Filter:Wave(Add=?,Freq=?,LightStrength=?,Phase=?,Strength=?) Add:参数true表示打乱,false表示不打乱 。 Freq:在对象上共产生多少个完整波纹(生产波纹的频率)。 Ligh

10、tStrength:对生成的波纹增强光影效果,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

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 中学教育 > 教学课件

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号