APP下载

《DreamWeaver网页设计与制作》的教学—特效实例

2018-07-12贺乐鞍山市信息工程学校

消费导刊 2018年22期
关键词:单元格网页面板

贺乐 鞍山市信息工程学校

DreamWeaver是目前最流行的网页制作软件之一,其功能强大,方便使用,也是一款集创建站点、网页制作、站点上传于一体的优秀网页制作软件,在制作静态网页和使用ASP、ASP.NET、PHP及JSP等语言制作动态网页方面都有非常出色的表现,备受广大网页设计师的青睐。

在网页中添加一些恰当的特效,使网页页面具有一定的交互性、动感性,能吸引浏览者的眼球,提高页面的观赏性和趣味性。在网页设计教学中,力求符合教师授课要求和学生认知规律,为体现任务驱动和分层教学的教学理念,通过具有典型性、代表性的跑马灯文字效果和制作透明Flash实例来具体实现。

一、跑马灯文字效果

电脑中的跑马灯,跑马灯在编程中,通常指有时需要用一矩形条显示少量用户特别关心的信息,这条信息串首尾相连,向一个方向循环滚动。

Dreamweaver提供了一个很有意义的标签<marquee>,使用户可以轻松地制作跑马灯文字效果,也就是滚动文字。

1.打开文件,将光标放在单元格内,输入“欢迎光临芳华商务网”这个几个字,进入到“代码”视图中,在“欢迎…”文字左右两侧分别输入<marquee>、</marquee>滚动标签。

2.这样,一个简单的跑马灯文字制作完成了,预览看效果,下面改变一下运动速度:再次切换到“代码”视图,在“marquee”旁单击空格键,在弹出的属性菜单中选择“Scrollamount”,在值中输入“2”,表示滚动速度为2,最后生成代码,预览,看看速度是不是变慢了。

3.Marquee标记的常用属性:

①Direction:表示滚动的方向,值可以是left,right,up,down,默认为left。

②Behavior:表示滚动的方式,值可以是Scroll(连续滚动)slide(滑动一次)alternate(来回滚动)

③Loop:表示循环的次数,值是正整数,默认为无限循环。

④Scrollamount:表示运动速度,值是正整数,默认为6.

⑤Scrolldelay:表示停顿时间,值是正整数,默认为0,单位为毫秒。

提示:以上各参数都是可选的,只用<marquee>标记,IE则会默认为向左滚动。

二、制作透明flash

Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准,由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者利用 Flash 创作出漂亮、可改变尺寸的导航界面以及其他奇特的效果。Flash通常也指Macromedia Flash Player(现Adobe Flash Player)。2012年8月15日,Flash退出Android平台,正式告别移动端。2015年12月1日,Adobe将动画制作软件Flash professional CC2015升级并改名为Animate CC 2015.5,从此与Flash技术划清界限。

在网页制作中,除了子自己制作的Flash影片外,还可以利用现成的Flash资源,直接将其设为透明背景,这样既节省了时间,又添加了动态效果,特殊情况下,不失为一条捷径。下面就用这个方法,再次制作珠宝网的banner。

①打开文件,将鼠标放在网页中页面中央的空白单元格内,在“属性”面板中设置其背景图片为“banner.jpg”,在单元格内插入影片xin.swf,单击“属性”面板的“播放”按钮。

②由于影片较小,下面将其拉大,在“属性”面板中,将“宽”改为“800”,高改为“212”,使其铺满单元格。

③单击“属性”面板中“参数”按钮,在弹出的对话框中单击“+”号,在参数中输入“wmode”,值中输入“transparent”(就是将Flash背景设为“透明”的意思)

④设置后的效果在编辑状态中看不到,按F12键预览,看到Flash影片变成透明,附加在原来的图片之上,效果和原案例中一样,在网上还有血多可以制作此效果的“透明Flash影片”,读者可以试着下载运用,可暂时弥补不会flash的不足,给网页增加意想不到的动感效果。

《网页设计与制作》课程是计算机专业、电子商务等专业的一门专业课程,是一门实践性很强的专业技术课程,又是一门主干课程,视为加强对学生应用操作能力的培养而开设的综合性课程,它涵盖了HTML语言、DreamWeaver、Photoshop、Flash等相关知识,全面介绍WEB站点开发、设计、制作、维护等技术。通过本课程特效实例的学习,使学生掌握DreamWeaver软件的操作方法和操作技巧,学会应用其创建个人网站、具备一定的网站设计能力,学会网站的测试、维护、发布及推广等。通过实特效例的讲解,让学生掌握网页制作和网站开发知识。训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效。

猜你喜欢

单元格网页面板
面板灯设计开发与应用
流水账分类统计巧实现
玩转方格
玩转方格
MasterCAM在面板类零件造型及加工中的应用
基于CSS的网页导航栏的设计
浅谈Excel中常见统计个数函数的用法
Photoshop CC图库面板的正确打开方法
基于URL和网页类型的网页信息采集研究
网页制作在英语教学中的应用