1 / 45
文档名称:

网页设计实例制作.ppt

格式:ppt   大小:1,891KB   页数:45页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

网页设计实例制作.ppt

上传人:杨勇飞2 2022/5/26 文件大小:1.85 MB

下载得到文件列表

网页设计实例制作.ppt

相关文档

文档介绍

文档介绍:网页设计实例制作
学****目标
了解网页构思及组成
掌握使用Flash MX制作网页的技巧
提高Flash MX软件的综合应用能力
培养使用Flash MX软件制作动画的相关经验。
项目——制作厦门旅游网
介绍厦门的人文景观及风的旋转方式吸引网民的视线。
操作步骤:输入文字“loading”并打散->渐变填充文字并制作阴影->将每个字母转换成图形元件->分别制作每个字母的运动渐变效果。
效果图:
引导页的制作——黑色布幕
绘制一块黑色布幕,将其制作成运动渐变动画,使黑色布幕自上而下拉开,进入到梦幻般的蓝色,有一种豁然开朗的效果。
操作步骤:绘制黑色无边框矩形->将矩形修改成布幕效果->将布幕转换成图形元件->制作自上而下拉开的运动渐变。
效果图:
引导页的制作——移动装饰线条
用白色绘制上下两组线条,上下两组线条数量不一致,使其富于变化,并将其制作成运动渐变动画,分别从画面两侧进入视线,展现出页面的动感,并由此引出图片滚动条。
操作步骤:分别绘制间距不同的3条白线和4条白线的图形元件->制作元件从画面两侧进入视线的运动渐变。
效果图:
引导页的制作——图片滚动条
导入素材中准备的风光图片资料,制作“图片滚动效果”的影片剪辑,然后制作遮罩层动画,使图片在指定范围内循环出现。
操作步聚:导入图片将其打散并处理成图示效果->几张处理后的图片排列整齐->制作图片滚动的影片剪辑->制作平行四边形的遮罩层。
效果图:
引导页的制作——动态Welcome
添加白色的“Welcome”字样,制作从大到小,从浅入深的运动渐变动画,增加网页的动态效果,吸引网民,对整个页面也起到很好的装饰作用。
操作步骤:输入文字并打散->创建帧帧动画,每隔5帧改变一个字母的位置->设置Alpha值,使文字颜色渐淡。
效果图:
引导页的制作——环形齿轮按钮
利用装饰的环形齿轮作为按钮,实现不同网页间的跳转,同时,又将环形齿轮附以变化,增加了动感,也使网页更加简捷、明快。
操作步骤:在按钮元件的各帧中插入静态环->将“指针经过”帧修改为动态环->插入文字图层。
效果图:
引导页的制作——修饰页面
可根据自己的兴趣爱好对页面进行一些装饰,特别是针对页面空白处进行装饰,使得页面看起来比较丰满。
效果图:
主页的制作
新建文件及制作背景
同心圆线条装饰页面
网格装饰线
制作按钮
修饰页面
主页的制作——新建文件及制作背景
新建文件:
778 像素×430 像素,背景色为黑色,文件名为“”。
“”文件所有元件,作为库导入到当前文件中。
制作背景:
将“背景”元件拖到场景中央。
主页的制作——同心圆线条装饰页面
使用绘图工具,采用白色绘制与环形齿轮类似的圆来装饰页面,保持整个网站风格的一致性又富于变化。
操作步骤:绘制6个间距不同的同心圆->绘制2条线条->处理图形。
效果图:
主页的制作——网格装饰线
使用绘图工具绘制一些网格线,并设置Alpha值,与引导页的流动线条相呼应,填充整个页面,使其丰满而不空洞。
操作步骤:绘制网格->处理图形->设置Alpha值
效果图:
主页的制作——制作按钮
作为主页,就需要将展现整个网站的主要内容,并能实现不同网页之间的跳转。制作4个按钮,采用非常醒目的色调,使网民一目了然。
操作步骤:新建按钮,绘制圆角矩形->将边框与矩形稍微错开->添加文字。
效果图:
主页的制作——修饰页面
装饰主要是填充网页的空白处,具体装饰对象可以根据自己的喜好进行选择,但注意网页风格的一致性。
效果图:
文字页的制作
新建文件及制作背景
添加文字
制作按钮
装饰页面
文字页的制作——新建文件及制作背景
新建文件:
778 像素×430 像素,背景色为黑色,文件名为“”。
“”文件所有元件,作为库导入到当前文件中。
制作背景:
“背景”元件拖到场景中央。
帧处,即可看到背景的整体效果。锁定图层。
文字页的制作——添加文字
因为文字内容较多,文字的显示采用动态多行文本框结合滚动条组件来显示文字内容,使得每页的文字内容更加充实,另外因为包含“厦门概况”、“厦门人文”及“厦门景点”三个方面的内容,因此,采用3页(即3个不同的关键帧),并将每帧的动作脚本设置为“stop()”,再利用按钮来进行跳转。
文字页的制作——添加文字
操作步骤:绘制2个圆角矩形虚线边框->大圆角矩形边框内嵌入一个略小的动态文本,输入文字->动态文本框内添加滚动条组件->为帧添加动作。
效果图:
文字页的制作——制作按钮
制作两个按钮,一个