1、第一单元引言 0.1 任务引入 0.2 整体解决方案 0.3 学习计划与任务分解第一单元学习计划 序号学习情景学时1体验互联网22设计网页页面Fireworks 8应用103制作网页动画Flash 8应用144制作网站Dreamweaver 8基础应用125制作动态网页Dreamweaver 8高级应用86编写网页程序HTML编程127管理、检测与发布站点28课程设计班级网站制作4总学时64第一单元 学习目标互联网是一切Web(网页)应用的基础。要学习设计网页,建立网站,必要的互联网知识和技能是必须掌握的。本学习情景是本书学习的基础篇,学习和掌握本学习情景的知识和技能,将为后面内容的学习奠定坚
2、实的基础。重点:域名IP地址ISPInternet提供的服务网页制作常用技术 难点:域名IP地址学习情景一学习情景一 体验互联网体验互联网第一单元学习情景一学习情景一 体验互联网体验互联网 任务一:了解Internet基础知识 任务二:了解Internet规范 任务三:了解Internet提供的服务 任务四:了解Internet的发展 任务五:了解网页制作常用技术第一单元 一、初识Internet 思考:有哪些应用?1 Internet的起源 2 Internet在中国的发展 3 Internet与Intranet 任务一:了解Internet基础知识第一单元 1 Internet管理 2 域
3、名、IP地址及ISP任务二:了解Internet规范 第一单元任务三:了解Internet提供的服务 1 信息浏览(WWW)2 电子邮件(E-mail)3 远程登录(Telnet)4 文件传输(FTP)5 信息搜索 6 视频点播(VOD)与视频会议 7 电子商务(E-Commerce)思考:还有哪些服务?第一单元 1 制约Internet发展的因素 2 Ipv6 任务四:了解Internet的发展 第一单元任务五:了解网页制作常用技术 1 网页制作三剑客 2 HTML标记语言 3 ASP技术 4 ASP.NET技术 5 JSP和PHP技术 第一单元学习情景二学习情景二 设计网页页面设计网页页面
4、Fireworks 8Fireworks 8应用应用 学习目标网站的制作,首先要进行网页的设计与制作,如何能够设计出一个美观、易用的网页界面,是这一学习情景的教学目的。重点:图形图像编辑图层与蒙版滤镜切片与热区按钮 难点:蒙版切片第一单元学习情景二学习情景二 设计网页页面设计网页页面Fireworks 8Fireworks 8应用应用 任务一:安装与了解Firework 8 任务二:制作图形图像与文字 任务三:添加图层与蒙版 任务四:添加特效与动画 任务五:制作交互网页 任务六:综合案例学苑小居网站首页设计第一单元任务一:安装与了解Firework 8 1 安装与启动Fireworks 8 2
5、 熟悉Fireworks 8工作界面 3 操作文档 4 设置画布与图像属性 5 利用历史记录面板 第一单元任务二 制作图形图像与文字 1 编辑矢量图 2 编辑文本 3 编辑位图 4 图层及蒙板 5 滤镜与特效 6 交互网页制作 7 综合实训第一单元绘制矢量图第一单元编辑矢量图2选择矢量图对象三种基本的对象选择工具:“指针指针”工具:选择、拖放对象或路径。“选择后方对象选择后方对象”工具:在图层或图组中选择被遮盖了的对象。“次选次选”工具:选择组合中的某个对象或对象的局部。第一单元编辑矢量图3对象的管理对象的组合的操作要撤销该组合对象的操作第一单元编辑矢量图4对象变形 缩放变形工具 自由变形工具
6、 第一单元编辑矢量图5路径的组合与改变【修改】【组合路径】对多个路径进行合并、联合、相交、打孔和裁切等操作。并可对合并的路径进行拆分 【修改】【改变路径】对路径进行简化、扩展笔触、伸缩路径等操作。第一单元矢量图编辑 6布局工具显示标尺显示网格对齐网格编辑网格显示引导线第一单元编辑文本1文本的创建2文本属性3移动文本 4调整文本区域的大小5文本的缩放、倾斜和旋转 6文本附加到路径上,;例:校徽7将文本路径化 第一单元立体字效果梦幻效果第一单元金属字效果立体字闪光效果第一单元霓虹灯效果液晶文字效果第一单元编辑位图1查看编辑模式 2创建位图3位图区域的选取与调整4位图的编辑5重复绘制第一单元魔术棒等
7、工具选择区域 操作:选择一棵树并保存 第一单元橡皮图章/红眼消除工具第一单元替换颜色 第一单元图层及蒙板 图层的概念图层的概念:图层可以看成是叠放在一起的透明的胶片,如果层上没有任何东西的话,就可以透过它直接看到下一层。第一单元图层 1创建图层2选取图层3复制图层4重命名图层5改变图层排列顺序6删除图层7在图层中编辑对象8设置图层属性9在帧中共享图层第一单元撕裂的照片 第一单元 文本附加到路径 作业:绘制我校校徽 要求:透明底,PNG格式第一单元 制作阴阳文字 举一反三:第一单元图层及蒙板 蒙版的概念蒙版的概念:被蒙对象显示的透明度是以蒙板对象的颜色来决定的。蒙板对象的色彩越白,被蒙对象的透明
8、度越高;反之,蒙板对象的色彩越黑,被蒙对象的透明度越低。第一单元蒙版1.创建蒙板【实例】望远镜效果【实例】蒙板文字2移动或删除蒙板第一单元虑镜与动画 滤镜是用来处理图像,包括明亮对比度、色调、饱和度、模糊及锐化等等,虑镜可以将图像进行一些特殊处理,得到特别的效果。第一单元滤镜的应用 虑镜的应用对象:位图/路径;一个对象/多个对象 某个对象的一部分 虑镜的应用:(1)选中需进行虑镜处理的图像 (2)执行菜单命令【虑镜】(3)选择某个虑镜命令 第一单元滤镜的应用【实例】飞舞的蝴蝶第一单元【实例】像框效果第一单元Fireworks动画 1.帧面板“帧”的概念:“帧”在动画制作中是非常重要的概念,动画
9、是由播放连续帧中的多幅静态图像而形成。第一单元Fireworks动画 2.导入时创建动画【实例】导入“小天使”gif动画3.gif动画制作【实例】“快乐主妇”动画制作4.Swf动画制作【实例】运动动画(小球运动)第一单元Fireworks动画 5.补间动画制作【实例】扇型制作第一单元交互网页制作 1 相关概念超链接:超链接:是一种标记,形象的说就是单击网页中的这个标记则能够跳转到连接地址制定的网页,这个标记可以做在文本上也可以做在图像上。图像映像:图像映像:具有超级链接的图像。切片(切片(Slices):):是将一张大图像分割成多个小图像。热区(热区(Hotspots):):图像的不同部分可以
10、创建不同的超级链接,这些部分则称为热区。图像映像是热区的一个特例。第一单元交互网页制作 2、热区 热区(也称热点)是指在网页中,点击某个区域后,能链接到其他网页的区域。创建热区 显示与隐藏热区 消除热区 添加超级链接 无单独的导出热区功能 第一单元交互网页制作 3、切片 切片应用于网页后,可以减小图像的存储容量,加快网页传输的速度。创建切片:矩形切片 多边形切片 显示与隐藏切片:取消切片:导出切片:第一单元交互网页制作 4、按钮 按钮的状态:释放:正常态;滑过:鼠标滑过的状态;按下:鼠标按下的状态;按下时滑过:鼠标按下后,在其上移动的状态。第一单元交互网页制作 4、按钮 制作按钮:(P73)按
11、F12 预览按钮效果。第一单元交互网页制作 5、导航条 导航条实际上是一组分别指向不同超链接地址的按钮集,它一般放在网站的“Top”框架中,始终在屏幕上显示,对网站的浏览者起着导航的作用,所以被称作导航条。它的制作实际上就是制作多个按钮,按一定顺序排列,对每个按钮分配不同的超链接地址和行为,放入页面中即可。第一单元交互网页制作 6、弹出菜单【实例】制作弹出菜单(P75)第一单元网站首页设计步骤 一般来说,设计网站首页包括如下步骤:(1)页面设计规划;(2)素材准备;(3)页面制作;(4)页面生成。第一单元综合案例个人网站首页设计 本案例将完成一个名为“学苑小居”的大学生个人网站首页的设计与制作
12、。第一单元学习情境三 制作网页动画Flash 8应用 学习目标:如何能够完成动画的创作,是这一学习情景的教学目的。重点:Flash绘图元件补间形状补间动画Action动作 难点:Flash绘图元件Action动作第一单元 任务一:安装与认识Flash 8 任务二:使用工具箱中的工具绘图 任务三:创建元件与使用库 任务四:创建Flash动画 任务五:创建行为与编写ActionScript 任务六:输出与发布Flash作品 任务七:利用SWiSHmax制作文字动画 任务八:制作网页广告动画第一单元任务一:安装与认识Flash 8 1 配置Flash 8系统环境 2 安装与认识Flash 8 3认识
13、Flash 8工作界面 4 操作文档 5 设置文档属性 6利用历史记录面板 第一单元任务二 使用工具箱工具绘图 1 绘制基本图形 2 利用选择工具绘制图形 3 巧用绘图模型绘制图形 4 巧用变形面板功能绘制图形 5 绘图功能综合利用绘制动物图形 6 利用文本工具创建文本 第一单元1、绘制显示器2、绘制红心 3、绘制小草 4、绘制树叶思考:绘制破裂鸡蛋5、绘制月亮6、绘制球体思考:绘制气球第一单元7、绘制花朵8、绘制雪花思考:绘蜘蛛网,扇子等第一单元*绘图10、绘制云彩11、绘制雨伞12、绘制信封13、绘制灯笼14、绘制蜡烛15、绘制酒杯第一单元16、绘制鸭子思考:绘制蝴蝶第一单元17、波浪文字
14、18、透视文字19、描边文字20、制立体字21、图案文字22、变形文字第一单元任务三 创建元件与使用库 1 认识库、元件和实例 2 创建元件 3 使用元件实例的应用 第一单元任务四 创建Flash动画 1 认识动画 2 创建逐帧动画 3 创建补间动画 4 创建引导层动画 5 创建遮罩动画 6 认识场景 7 为动画添加声音 第一单元任务五 创建行为与编写ActionScrip 1 使用行为面板添加行为 2 使用动作面板编写动作脚本 第一单元任务六 输出与发布Flash作品 1 输出Flash动画文件 2 发布Flash动画文件 第一单元任务七 利用SWiSHmax制作文字动画 1 认识SWiSHmax 2 利用SWiSHmax制作文字动画 第一单元任务八 制作网页广告动画 第一单元实训 用Flash绘制图画春景 第一单元实训 创作Flash动画春江晓景