网页行为和网页特效.ppt

1 网页特效 　 网页特效是用程序代码在网页中实现的特殊效果或者特殊的功能的一种技术.它为网页活跃了网页的气氛,有时候会起到一定的亲切力。 　　什么是网页特效? 　　网页特效就是用网页脚本(javascript,vbscript)来编写制作动态特殊效果,通常被人们称为网页特效. 1.1 网页特效分类 　　它一般分为:时间日期类、页面背景类 页面特效类、图形图象类、按钮特效类、鼠标事件类、Cookie脚本、文本特效类、状态栏特效、代码生成类 、导航菜单类、页面搜索类、在线测试类、密码类、技巧类、综合类、游戏类等等。 　　丰富多彩的网页特效,为网页增加了很不错的效果,初学网页者按照说明也很容易成功的为网页添加网页特效.学会添加网页特效的过程也能激发网页初学者更加了解HTML语言的结构. 1.1 网页特效分类 1.1 网页特效分类 2.1 滚动的图片和文字 我系学生作品滚动图片效果。 滚动的公告文字 2.1 滚动的图片和文字 学院团委网站“活动风采”滚动图片效果。 2.1 滚动的图片和文字 滚动的文字或图片 利用HTML的maquee/maquee标签可以实现网站中常见通知公告的滚动文字和滚动的图片,该标签的格式如下： marquee需要移动的文字/marqueedirection=＃ 例：marquee direction=left scrollamount=10开开心心每一天！/marquee 2.1 滚动的图片和文字 marquee 具体参数有： BGColor：滚动文本框的背景颜色。 Direction：滚动方向设置，可选择Left、Right、up和down。 scrolldelay：每轮滚动之间的延迟时间，越大越慢。 scrollamount：一次滚动总的时间量，数字越小滚动越慢。 Behaviour：滚动的方式设置，三种取值：Scroll（循环滚动）、Slide（单次滚动）、Alternate（来回滚动）。 2.1 滚动的图片和文字 marquee 具体参数有： Align：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。 Width：滚动文本框的宽度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。 Height：滚动文本框的高度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。 loop：滚动次数。默认为infinite hspace、vspace：前后、上下的空行。 课堂练习：滚动的图片和文字 实验任务1：滚动文字公告和图片 3 日期时间类的网页特效 日期时间类网页特效在网页中应用非常广泛，常见的有下面一些类型： 输出服务器日期时间，输出欢迎信息。 网页动态时间。 节日倒计时。 综合时间类等。 3.1 日期时间类的网页特效 课堂综合练习：时间日期类网页特效 实验任务2：网页特效综合练习 3.4 其他类的网页特效 网页特效非常多，网站开发人员根据网站和网页设计的需要选择和使用相应的网页特效，常见的网页特效还包括以下类别： 图像运用类、菜单导航类、页面窗口类、鼠标键盘类、娱乐游戏类、表格按钮类、图层样式类、链接文字、综合实例等。 3.4 其他类的网页特效 1.改变页面字体大小。 3.4 其他类的网页特效 2.滚动的图片。 3.4 其他类的网页特效 3.多分页新闻图片。 实验任务3：网页特效综合练习 学习情境7—网页行为和网页特效 主讲教师：张劲勇所属部门：计算机工程系 温故知新 知识回顾 网站导航条的制作。 DIV+CSS的综合应用。 本课堂知识点 网页特效的基本概念和意义。 网页特效的基本使用和综合运用。 3.1 日期时间类的网页特效 【任务实施】 1．编写javascript代码在网页中显示当前日期。 2.在调用的网页头部head/head内部输入定义的javascript编码。 3.2 日期时间类的网页特效 3.在网页主体部分的合适位置，输入HTML代码script type=text/javascript dateweek()/script，调用自定义函数dateweek()，显示当前日期。 4.编写javascript代码在网页中显示问候语 3.3 日期时间类的网页特效 课堂小结 了解网页特效的基本含义和意义。 理解和掌握网页特效的基本使用方法和综合运用方式。