高中信息技术选修3教案-6.2 网站的制作与调试-浙教版

课题名称 网站的制作与调试 教学内容分析 此课是浙江教育出版社出版的选修教材《网络技术应用》中第六章《网站设计与制作》中的第二节课，在前一节课，学生们了解了网站主题设计的要求，如何对收集的资料进行编辑整理和对网站布局进行规划，这节课是上一节课的延续，主要是让学生亲自体会网站开发流程中的最重要的一步，即制作与调试。这节课以学生所设计的网站首页为例，让学生们亲自创作，体会开发的过程。 学情分析 网站是学生接触较多的信息技术内容，学生们对如何开发网站还是很感兴趣的，学生们前期所学的photoshop也能派上用场，通过对网站建设知识的学习、探索，可以提升学生的创造能力。 教学目标 知识与技能 掌握运用Dreamweaver制作网页的基本技巧，了解设计首页需注意的细节，了解网页布局的多种形式。能够自主进行网站的调试与测试。 过程与方法 通过自主学习或协作学习，学会运用工具解决问题。 情感、态度与价值观 设计有意义的主题网站，树立正确价值观。 教学重点 网站首页设计需注意的问题；网站的调试与测试； 教学难点 Dreamweaver工具的使用，网站的调试 教学策略的选择与设计 学生通过自主学习微课或学习教师教授的内容来制作网站。 教学环境及 资源准备 能够联网的计算机机房，电脑安装好Dreamweaver应用程序。 教学过程 教学环节 教师活动 学生活动 设计意图 课前回顾 回顾上节课所教授的内容：制作网站的步骤，明确主题、资料收集、规划网站的布局。引出本节课内容，网站首页的设计。 思考 通过回顾，让学生快速进入学习情境，为新知识的学习做准备 知识传授 网站首页的设计流程： 1.设计首页的功能模块 2.设计首页的版面 3.处理技术上的细节 思考 通过讲解，让学生对设计首页有所了解 知识传授 网页的布局形式有哪些？ “同”字形网页布局、 “口”字形网页布局、 “三”字形网页布局、 对称形网页布局、 “川”字型网页布局 学生思考并画出自己将要设计的网站的布局形式！ 画出首页布局 通过观察多种形式的布局，启发学生进行创造性发挥。 知识传授 页面色彩的规划： （1） 色彩选择的原则： · 忌讳对比强烈的颜色搭配做主色 · 文字颜色应该与链接颜色区分开 · 不知用什么颜色，就用白色 · 主色应该控