《网页设计制作-1》由会员分享,可在线阅读,更多相关《网页设计制作-1(20页珍藏版)》请在金锄头文库上搜索。
1、 网页设计制作教师:张立涓课程介绍 为什么要学这门课? 学完了这门课同学们能够做什么?课程介绍 后续课程: Internet高级技术 课程要求: 1掌握互联网基本知识,及有关Web网站建设的基本概念与 方法。 2掌握网页设计制作的基本概念,HTML超文本标记语言的 基本知识。 3主要掌握网页制作工具Dreamweaver、Flash和Firework 的使用 考核办法 操作考核 :40% 平时成绩:20%(平时作业+考勤) 课程设计:40%课程要求 课上作业必须当堂提交,除病假外补交作业无效 课程结束后作一次课程设计,要求做综合性网站,并撰写课 程设计报告 迟到、旷课扣平时成绩,迟到一次扣1分
2、,旷课一次扣2 分。 课堂提问和优秀作业每次加1-2分联系方式 手机:13066850506 邮箱: 办公室:26731176 行政楼413网页制作三剑客Macromedia公司的网页设计三剑客软件包括:Dreamweaver :站点管理、页面制作Flash :动画制作Fireworks :网页图像设计第一讲 Flash 使用入门本节课重点、难点 熟悉Flash工作环境 简单逐帧动画的制作 国内外优秀Flash作品欣赏可口可乐公司,著名的Flash 商用网站(www.coca-) 获奖作品欣赏2003年纽约flash电影大赛获奖作品2004闪动生活Flash大赛一等奖2006金闪客年度盛典ht
3、tp:/ 学生Flash优秀作品Flash 作品欣赏Flash的历史 Flash的前身: Future Splash Macromedia公司收购了Future Splash 1996年Flash诞生Flash 使用入门 工作环境 文件操作:1 .fla文件2 .swf文件3.动画制作好后可以发布为.swf或.gif或.htm 等格式简单逐帧动画的制作 简单的文字动画:要点:1.背景大小500*1002. 按F6复制关键帧逐帧动画中帧的类别在flash中两种创建动画的方法:逐帧动画、补间动画帧分为以下几种:关键帧、普通帧、空白关键帧、空白帧关键帧 普通帧 空白帧空白 关键 帧当前帧帧的添加与删
4、除创建关键帧:F6创建普通帧: F5删除关键帧:shift + F6删除普通帧: shift+ F5制作逐帧动画 倒计时逐帧动画注意事项:1.在对计数层进行操作的时候将背景 层“锁住”,以免误操作2.按F5插入普通帧,可以延长动画时间步骤参考课本P166Flash Mx使用入门绘图工具和图形编辑工具的使用演示:鼠绘人物视频简单逐帧动画的制作 选作练习:人物眨眼 步骤提示:1.第一帧绘制人物的眼睛(睁开状态) 2.按F6复制第一帧至第11帧 3.在第11帧修改图像为人物闭眼睛状态选作练习:较复杂逐帧动画 打字动画P206注意事项:1.为每一个字和光标创建图形元件2.图形元件制作好后,制作动画一定要注意切换到“ 场景”中3.使用“绘图纸外观”来定位光标的位置按下“绘图纸外观”按钮总结 熟悉Flash工作环境 制作简单的逐帧动画