湖南大众传媒职业技术学院doc

湖南大众传媒职业技术学院doc内容摘要：

shop 的功能十分强大，是目前最为广泛的专业图形图像处理软件之一，它捆绑了 Image Ready，能够实现各种专业化的图像处理、动画的制作等。 有兴趣的读者可查阅相关的参考 书研究和学习。 Fireworks 是由 MacroMedia 公司出品的首选 WEB 图形图像处理软件。 它的独特之处在于其能够优化处理大图片、切割图片、为图片加入特殊效果、制作网页的动态行为等，可以生成 Fireworks HTML，直接导入到网页中，使用非常方便。 （ 5）什么是动画 将一系列单幅画面连续播放，使观看者产生“动”的错觉，这就是动画的原理。 计算机动画的原理与传统动画基本相同，只是在传统动画的基础上把计算机技术用于动画的处理和应用，并可以达到传统动画所达不到的效果。 计算机动画的关键技术体现在计算机动画 制作软件及硬件上。 （ 6）网页动画 根据运动的控制方式分类：实时动画、逐帧动画 根据应用范围、作用不同分类：页面动画、专门动画 网页动画设计与创意过程 （ 7）选择合适的网页动画制作工具 最常用的制作网页动画的软件为 Flash，其余还有 Fireworks、 Dreamweaver 等软件附带有简单动画制作功能。 Flash 是目前网页制作中最为出色的动画制作软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。 Flash 所使用的图形是压缩的矢量图形， 采用了网络流式媒体技术，突破了网络带宽的限制，可以边下载边播放，这样避免用户长时间的等待， Flash 已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向。 二、任务 2：网页基础知识综合实训 打开 IE 浏览器，然后： （ 1）输入 163 网站的主页。 （ 2）输入 163 网站的主页。 分析：查看这两种方式打开的主页是否一样，并说明为什么会出现此类情况。 打开 网站，判断哪些为 Flash 元素，哪些为图片。 将所有图片保存下在“桌面”上的 PIC 文件夹内（若没有，请自行建立）。 分别以 1024*768 和 800*600 两中分辨率浏览同一网站。 操作步骤如下： （ 1）设置分辨率的方法：右键单击桌面，选“属性”选项，在“设置”选项卡的“屏幕分辨率”内拖动鼠标选择合适的分辨率。 （ 2）打开 IE 浏览器，输入 分析：分辨率对网页影响有多大，目前网站在设计时一般使用的分辨 45 分钟 从 1820年英国人发明的第一个动画装置，到本世纪 30年代 Walt Disney 电影制片厂生产的著名的米老鼠和唐老鸭，动画技术从幼稚走向了成熟。 率是多少。 教学小结 一个页面是否美观，内容是否吸引人，相关的图片是必不可少的，若有需要，还可以加入一些动画，学习网页图片、动画的基础知识，为后续课程学习 Firework 和 Flash 打下基础。 作 业 、 24 填空、判断与选择（做在书上） 第 3次课 安装与使用 Dreamweaver 8，构建和管理网站站点 湖南大众传媒职业技术学院 doc湖 南 大 众 传 媒 职 业 技 术 学 院 网页设计 课 程教案授课班级 电广 系网络新闻 0601/2/34/56 电广系技术 05 1 授课教师 欧阳炜昊 授课时间 208 年 下 学期 目录第 1次课网暴膘掷中琢垮拦鹤缉搐掺珐冀灯佣稿踪沤插映司续玻砂革哪棵刊御眠分辱掇坞铁呢扶剧埠凹庶伐填沮蛊垃苟矮甩吻火潞进诽拜驰詹壮恐笨辑啪排禁 本次课标题： 安装与使用 Dreamweaver 8，构建和管理网站站点 授课班级 电广系网络新闻 0601/2/3/4/5/6 电广系技术 051(五年制 ) 上课时间 2 课时 上课地点 实验楼 503 教 学 目 标 能力 (技能 )目标 知识目标 能 够利用 Dreamweaver 8 创建、管理站点； 能够 创建页面，在页面中输入文字； 能够设置网页页面属性。 熟悉 Dreamweaver 8 的启动、退出和其 工作界面； 掌握站点的创建、管理方法； 掌握站点结构的基本构成； 掌握网页文件操作、属性设置等。 能力训 练任务 及案例 任务 1：安装 Dreamweaver 8，初步使用 任务 2：站点的创建与管理 任务 3：页面的整体控制 任务 4：综合实训 教学方法 采用任务分解和边讲边练的方法 参考资料 《网页设计三合一教程与上机实训》 网上 素材 教学过程 课程导入 复习提问 （ 1）矢量图与位图的区别是什么。 （ 2）网页中流行的图片格式有哪些。 你应该在什么情况下运用什么类型的图片格式。 （ 3）常见的网页图片、动画制作软件有哪些。 新课引入，明确本次课的任务 知识技能目标说明： 介绍本次课要掌握的知识能力目标。 一、任务 1：安装 Dreamweaver 8，初步使用 简要介绍 Dreamweaver8 及其工作环境和帮助系统，然后要求学生完成下列操作： （ 1）在网上下载 Dreamweaver 8，根据安装向导的指示进行安装。 （ 2）启动 Dreamweaver 8，认识 Dreamweaver 8 的工作环境。 （ 3）在 Dreamweaver 8 主窗口中观察其各个菜单、工具栏、面板的组成。 （ 4）网页文档的基本操作：创建、打开、关闭网页文档 （ 5）利用 Dreamweaver 8 的帮助，查找有关“层”的内容，请分别利用“目录”、“索引”、“搜索”三种途径完成。 5 分钟 二、任务 2：站点的创 建与管理 认识了 Dreamweaver 8 的工作环境之后，接下来将要迈出制作网页的第一步了。 无论是网页制作的新手，还是专业的网页设计师，都要从构建站点开始，理清网站结构。 任务演示 （ 1）创建一个命名为“长沙世界之窗”的网站，该网站保存在本地硬盘的文件夹“旅游网站”中。 （ 2）在站点“长沙世界之窗”中创建文件夹“ 00 创建站点”，在文件夹“ 00 创建站点”创建子文件夹“ image”、“ music”。 （ 3）在文件夹“ 00 创建站点”中新建一个命名为“ ”空白网页。 知识讲解： （ 1）站点的创建 ：认识“文件”面板，创建本地站点 （ 2）站点管理：切换、编辑、复制、删除、导入站点 （ 3）管理网站中的文件和文件夹：创建文件夹和文件、移动和复制文件、重命名文件夹和文件、删除文件夹和文件。 （ 4）用案例介绍本地站点的创建方法 学生实训： （ 1）创建一个命名为“课堂实践”的静态网站，该网站的所有文件存储在本机上 E 盘的“ ClassroomPractise”文件夹中。 （ 2）在“文件面板”的站点根目录下创建一个文件夹“ 00 创建站点”。 （ 3）在文件夹“ 00 创建站点”中创建三个子文件夹“ image”、“ music”和“ text”。 （ 4）在文件夹“ 00 创建站点”中创建一个命名为“ ”的网页文档。 （ 5）将所需的图像文件和音乐文件分别复制到“ image”和“ music”文件夹中。 根据学生实训情况作出点评、讲解 拓展知识： （ 1）使用“资源”面板管理网站中的资源：使用“资源”面板，在页面中使用资源 （ 2）选择和编辑资源 （ 3）页面的属性设置 思考： （ 1）在 “文件”面板中，选择一个已创建的文件夹或文件，然后单击右键会弹出一个快捷菜单，鼠标指针指向“编辑”菜单项，会显示其级联菜单，该级联菜单 包括了“拷贝”和“复制”两个菜单项，这两个菜单项有何区别呢。 （ 2）在“资源”面板中如何改变资源排列的次序。 三、任务 3：页面的整体控制 开始学习如何设置网页的整体页面属性。 知识讲解： （ 1）参数设置：参数设置方法举例 5 分钟 10 分钟 15 分钟 5 分钟 2 分钟 3 分钟 5 分钟 （ 2）设置页面属性：外观属性，链接属性，标题属性，标题 /编码属性，跟踪图像 （ 3）设置文件头内容 在“设计”视图中显示“文件头内容”工具栏 设置文件头内容的方法 （ 4）辅助工具的使用：配置窗口大小，使用标尺、网格、辅助线 学生实训： 操作要求：打开“课堂实践”站点文 件夹“ 01 页面控制”下的网页文档“ ”，然后完成以下各项的操作。 （ 1）首选参数的设置要求 设置启动 Dreamweaver 8 时显示起始页；设置站点属性“总是显示本地文件于左”；创建网页文档时，设置默认文档为“ HTML”文档，设置默认扩展名为“ .html”；设置“复制 /粘贴”属性：使用“编辑 粘贴”从其他应用程序粘贴到设计视图时，复制“带结构的文本”，不清理 Word 段落间距。 （ 2）页面属性的设置要求 外观属性的设置：“页面字体”采用“默认字体”，“大小”采用“ 12px”；“背景图像”选用 image 文件夹下的“ ”；“左边距”和“右边距”设置为“ 100px”，“上边距”和“下边距”设置为“ 20px”。 链接属性的设置要求：网页中超链接文本默认状态下的字体设置为“宋体”，字体大小设置为 14px；网页中超链接文本的颜色设置为“ blue”，访问过的超链接的颜色设置为“ olive”；当鼠标指针移动到网页中超链接文字上方时超链接的颜色设置为“ maroon”，下划线样式设置为“变换图像时隐藏下划线”；网页中已激活的超链接文本颜色设置为“ fuchsia”。 标题属性的设置要求：设置网页 中标题的字体为“隶书”，标题 1的大小为“ 18px”，颜色为“ aqua”。 “ 标题 /编码”属性的设置要求：网页的标题设置为“湘江谷”；文档类型设置为“ HTML Transitional”，编码设置为“简体中文(GB2312)”。 根据学生实训情况作出点评、讲解 四、 任务 4： 综合实训 分析实训任务 准备素材：作为网页背景的图片文件 1个（ JPG格式，重命名为 ），作为网页背景音乐的 MP3 文件 1 个。 （ 1） 在 E 盘中你的个人文件夹下新建文件夹 root，并在该文件夹中新建 image 文件夹以 存放网站中所要用到的图片。 （ 2）定义站点：设置 站点名称 ，命名为 我的网站。 设置本地根文件夹 ,指定为 E盘下的 root文件夹。 设置 HTTP地址 为 localhost。 （ 3） 创建与设置文档的页面属性： 新建一个页面，设置文档页面属性：标题设置为 我的班级 ，背景图像设置为 image\ 图像，左边界、边界宽带、顶部边界以及边界高度分别设置为 20。 （ 4） 设置页面中文字的字体、字体大小：选择文字部分，在属性面板设置字体及字体的大小。 20 分钟 20 分钟 （ 5） 添加背景音乐：为整个页面添加一个背景音乐。 在代码 视图下在body和 /body之间如下添加代码： embed src= hidden=true autostart=true。 （ 6） 保存文件，预览文件效果。 实训过程注意事项 ： 在创建站点的过程中注意建立本地文件夹，文件夹命名最好为英文；网站中所有的文件最好取名为英文；注意文件的路径；所有的图片文件单独放在 image 文件夹内。 背景音乐必须放在站点文件内。 学生完成实训任务，老师现场指导、答疑。 对学生实训完成情况进行阶段性讲解、说明共性问题的解决方法。 教学小结 本次课 重点学习了如何创建站点和管理站点，同时也分析了网页文档的基本操作和“资源”面板、“文件”面板的使用方法。 这些操作都是最基本的操作，熟练掌握将会有助于以后网页的制作。 通过学习设置首选参数、页面属性、文件头内容，辅助工具的使用。 掌握从外观上对页面进行有效控制。