网页高效设计实例制作.pptVIP

文字页的制作——添加文字 因为文字内容较多，文字的显示采用动态多行文本框结合滚动条组件来显示文字内容，使得每页的文字内容更加充实，另外因为包含“厦门概况”、“厦门人文”及“厦门景点”三个方面的内容，因此，采用3页（即3个不同的关键帧），并将每帧的动作脚本设置为“stop()”，再利用按钮来进行跳转。 文字页的制作——添加文字 操作步骤：绘制2个圆角矩形虚线边框－大圆角矩形边框内嵌入一个略小的动态文本，输入文字－动态文本框内添加滚动条组件－为帧添加动作。 效果图： 文字页的制作——制作按钮 制作两个按钮，一个用来返回到主页，另一个用来控制不同文字页间的切换，要设置该按钮的动作脚本。 操作步骤：将返回按钮置于右下部－制作播放按钮，为其添加动作。 效果图： 文字页的制作——装饰页面 可以根据自己的喜好对页面进行适当的修饰，如可在页面中添加动态环、泡泡等装饰。 效果图： 图片页的制作 新建文件 制作背景 波浪动画 制作按钮 图片页的制作——新建文件 操作步骤： 1.设置文档尺寸大小为 778 像素×430 像素，背景色为黑色，文件名为“photo.fla”。 2.将 “element.fla”文件所有元件，作为库导入到当前文件中。 图片页的制作——制作背景 操作步骤： 1.将“背景”元件拖到场景中央。 2.将“静态环”元件拖到场景中间偏右的地方，锁定图层。 效果图： 图片页的制作——波浪动画 用流动的波浪增加网页的动感，也呼应了厦门作为海滨城市的特点。利用绘图工具绘制波浪图形元件，并制作运动渐变动画，使其呈现波动的效果。 操作步骤：绘制波浪状图形－水平翻转置于顶部－制作运动渐变动画。 效果图： 图片页的制作——制作按钮 制作6个按钮，1个用来返回主页，另5个制作成图片按钮，当鼠标经过它们时，在“静态环”内会显示其放大的图片效果。将图片处理成圆形，并将5个按钮沿着环形齿轮排开，保持网页风格一致性。 操作步骤：导入图片－转换成按钮元件－图片处理成圆形－“指针经过”帧多放置一个放大和圆形图片－将处理完的各图片按钮沿着齿轮装饰圈排开。 图片页的制作——制作按钮 效果图： 合成网站 组合文件 将小组中每个人制作完成的动画文件，作为场景加入到最终的成品文件中。这儿只需要在成品文件中建立4个场景，并依次使用复制、粘帖功能即可。 设置链接 为成品文件中的各按钮和有关帧添加动作，使各场景的网页文件能方便地实现快速跳转。 导出文件 将成品文件导出成HTML文件格式，为使网页效果更佳，可多次预览、微调。 评价标准 主题明确、健康； 布局合理，结构合理、规范； 色彩搭配合理、美观，设计新颖、有创意； 导航美观、醒目、转换合理。 归纳小结 通过制作旅游网站，掌握Flash MX动画制作的基本操作方法，培养Flash MX软件的综合应用的相关经验。 学会利用辅助学习软件自主探究的学习方法，并能够互相学习，取长补短。 网页设计实例制作 第6章 网页设计实例制作 《数码构成技术实现》 项目——制作厦门旅游网 介绍厦门的人文景观及风景名胜 小型网站，在3课时内完成 提供素材： 图片信息（厦门的主要风光图片） 文字信息（厦门概况、景点、人文） 该网站至少3页以上。 作品构思 厦门是个海滨城市，因此网页主色调采用蓝色，应用不同深浅的蓝色块，使其富于变化。 作为一个网站，必须要由一个主页和若干子页组成，并且保证各网页的风格一致。 作为一个旅游网，就要有冲击力吸引网民的眼球，一开场就使用较多的动画，利用跳跃的画面，流动的线条来锁定网民的视线，因此考虑制作一个引导页。 网站构成 引导页：网站的开场，制作许多动画效果吸引网民的眼球，并通过将该网页的主要内容或信息展示出来。 主页：通过醒目的4个大按钮，将网站的内容以画龙点睛的方式表现出来。 文字页：使用大量的文字介绍厦门概况、人文、景观。 图片页：以图片的方式将厦门的优美风光展现出来。 制作网站的步骤 阅读素材，确定主题，作品构思 根据题意要求，确定各网页的主要内容，使用哪些动画表示 将各网页链接，合成网站 制作时应注意的问题 主题鲜明，风格统一； 结构合理、规范； 色彩和谐； 导航合理； 尽量将所学的内容都运用到网站制作中。 网站的制作 基本元件 引 导 页 主 页 文 字 页 图 片 页 合成网站 基本元件的制作 背景元件 Logo元件 环形齿轮元件 泡泡装饰元件 返回按钮元件 基本元件的制作——背景元件 采用深浅不同的蓝色系列，以时尚的线条突出整个网页的活力。使用绘图工具、箭头工具和着色工具完成。 操作步骤：绘制矩形框－划分成若干小矩形框－填充小矩形框－去掉线条－放大图形 效果图： 基本元件的制作——Logo元件 采用条形码形式，以简洁明朗的黑色线条表现其内在含义。