情感目标 教学重点 教学难点 图像的编辑 图像的编辑 提高学生团结合作精神，提高学生竞争意识 教学资源 1.教学场所：多媒体教室 2.教学设备：安装有Dreamweaver cs5软件的计算机 3.教学资料：辅助课件.多媒体教学软件 讲解法、任务驱动教学法 学法 教学过程 小组讨论法 教法 过程安排 教学内容 前面介绍网页的时候有说过，在保证画质的情况下，图片的数据量越小越好。问题：如果一张图片数据量很大，我们该如何编辑？ 教师活动 演示cluo.jpeg这张图片，分析数据量为93k、画质为1024*768规格的图片如何更改数据量和规格？ 对图片宽、高、裁切、重新采样、锐化等设置进行演示 学生活动 分组讨论用什么方法来更改数据量和规格 设计意图 提出问题引发学生思考，引出这次课的主题 导入新课 (5min) 任务一 编辑图片 (30min) 给出cluo.jpeg和gg.jpeg两张图片进行对比，提出任务：如何从cluo.jpeg变化到gg.jpeg？ 具体操作步骤：打开DW软件——插入图像cluo.jpeg，对图片属性设置如下目标值： 观看教师演示，并思考cluo.jpeg变成cluo.jpeg的方法 引导学生学习理论的时候思考如何理论运用到实践 编辑完成后与原图像进行对比，会发现数据量、规格都发生变化，但浏览网页更友好
概念：在网页浏览中，有时当鼠标移到某个图像上或者单击时，图像会变成另外一副图像。 浏览时效果： 任务二 制作翻转图像 (50min) 鼠标放上去时效果： 1、 鼓励学生小组讨论如何完成翻转图像效果； 2、 给学生展示翻转图像做出来的效果，然后讲解如何 才能完成这个效果 小组讨论如何完成该效果并进行尝试 课堂小结 (5min) 一、如何编辑图像 二、制作翻转图像效果 一、编辑图像 1、 重新采样 板书设计 2、 裁剪、锐化 二、翻转图像制作效果 本次教学学生较感兴趣，特别是鼠标经过的图像，学生完成得较好，值得鼓励 教学反思
课题 教学目标 知识目标 2.3创建超级链接 教学课时 2课时 1、 掌握创建超链接的方法 2、 掌握相对链接和绝对链接的区别
3、 创建锚点链接 能力目标 情感目标 教学重点 教学难点 提高学生学习创作能力 提高学生团结合作精神，提高学生竞争意识 1、 正确认识路径 2、 理解相对链接和绝对链接的区别 添加超链接、相对路径、绝对路径 1.教学场所：多媒体教室 2.教学设备：安装有Dreamweaver cs5软件的计算机 3.教学资料：辅助课件.多媒体教学软件 讲解法、任务驱动教学法 学法 教学过程 小组讨论法 教学资源 教法 过程安排 教学内容 每次浏览网页的时候点击某个文字或者图片，能自动跳转到另一个页面，提问：这样的链接形式叫什么？如何实现？ 教师活动 进入新浪网给学生演示超级链接的效果并进行提问 给学生演示如何插入链接；演示不同目标新建窗口的区别 学生活动 观看效果并讨论如何才能实现该效果 设计意图 以提问且学生较熟悉的浏览网页的方式吸引学生的注意 让学生熟悉DW添加超级链接的界面 正确理解相对链接和绝对链接，为下面的学习打下基础 锚点链接应用比较广泛，学生需要掌握并应用 导入新课 (5min) 一、新建站点jcww，并在站点内新建默认图像文件夹images，将网页Index.HTML里的“我与足球”链接到news.HTML，目标为-blank；任务一 “足球新闻”链接到“逢入京创建超级链接 使.HTML”，目标为-new；“足球明（20min） 星”链接到“我与足球网.HTML”，目标为-self。 二、对比每个目标不同，网页新建窗口不同并进行总结 任务二 相对链接和绝对链接 (20min) 任务三 锚点链接 (35min) 区别： 相对链接是指链接的地址是本站点之内的对象；绝对链接是指链接的地址是远程对象，用域名或IP作为地址 一、概念：在本页进行链接的叫做锚点，一般在长篇的文章或技术文档中是使用，链接到某个特殊的段落。 观看教师演示，并思考-new、-blank、-self几个目标值窗口的区别 演示教材P60实例 演示如何插入锚点链接 思考并正确理解相对链接和绝对链接概念 观看教师演示并思考锚点链接的应用
二、打开第4章/4-3/jieshao.html网页，演示锚点链接效果 课堂小结 (5min) 作业布置 (5min) 一、页面与页面之间的超链接 二、相对链接和绝对链接 三、锚点链接（本页之间链接） 一、网上查找哪些页面常用页面与页面链接，哪些是用锚点链接并总结 二、利用教材第4章/4-3/jieshao.html的素材，自己动手创建锚点链接 三、创建超级链接的方法与步骤 板书 四、相对链接和绝对链接 五、创建锚点链接 本次课主要介绍超链接的常用方法，超链接在学生上网中随处可见，较易理解，学生之间教学反思 的讨论也非常激烈，较好。 实训课题 图像处理和创建超链接 3、 学会利用DW处理图像 4、 掌握创建超级链接的方法 5、 理解相对链接和绝对链接概念 1、 图片处理 2、 超级链接 超级链接的使用 上机实训 教案、素材、案例、教材、计算机机房 7、 对照实习报告的要求，完成上机任务； 实训要求 8、 任务完成后及时要求教师考评； 9、 完善实习报告，填写实训总结； 4、遵守实训纪律，不游戏，不睡觉，不高声谈论。 实训课时 2课时 实训目标 实训重点 实训难点 实训方法 实训准备
实训过程 任务一 处理图像 操作要求及步骤 1、 将图片6.jpeg修改为尺寸为240*160，数据量设置为8K左右（6-11k都可以）并进行裁剪和锐化等设置，熟悉图片处理几个设置，设置完成后以网页的形式保存，保存在文件夹中，保存名称为“xiugai.html” 2、 将教师发送的Index.HTML网页进行编辑，将“我与足球”四个字链接到“我与足球网.html”，目标为-self；将“足球新闻”四个字链接到“逢入京使.html”， 目标为-blank；将“足球明星”四个字链接到“news.html”， 目标为-new。 3、 修改页面属性：在页面属性对话框中，设置链接选项中的大小为16像素，链接颜色为“#6666cc”，变换图像颜色为“#ff6600”，已访问链接为“#663366”，活动链接为“#99cc00”，下划线样式为“仅在变换图像时显示下划线”。设置的对话框如下图所示： 任务二 超级链接 完善报告 填写实训总结，并上交实习报告。 剩余时间，可进行自主练习，内容不限，但不可违反上机纪律 本次实习内容较多，大部分学生能在规定时间内完成任务，较好。 自主练习 实训总结
实训课题 跳转菜单 6、 掌握图像热点链接的使用 7、 掌握脚本链接 8、 掌握链接检查器的使用 路径的正确使用 链接的运用及链接检查器的使用 实训课时 2课时 实训目标 实训重点 实训难点
《网页制作》教案 - 图文
