web教学方案设计第一节.docVIP

教学课时：2课时 教学内容： Internet基础知识 教学目的：1、了解Internet的工作原理 2、掌握web的概念 3、掌握B/S模式及动态网页 4、掌握站点的建立及管理 教学重点： B/S模式及站点的建立 教学难点：计算机网络的分类 教学方法：实践互动型教学法 目标教学法 自学指导法 教具使用：黑板 课件 计算机 教学过程： 教学过程 教师活动 （教法） 学生活动 （学法） 引入 导语：当今社会是一个信息时代，计算机网络在这个时代起到了至关重要的作用，其中web服务的作用更是无人能比的。 分小组思考并回答 web服务的功能。 二、新授 （一）Internet的工作原理。 （二）B/S模式及动态网页 ●出示目标 Internet的工作原理 B/S模式 动态网页 自读目标，明确目标 了解重难点，以便调整学习的 侧重 1、什么是B/S模式 用课件出示概念和图示： B/S模式基于浏览器、WWW服务器和应用服务器以及数据库服务器的计算结构称B/S模式。 图示： 理解概念涵义 2、B/S模式的结构和C/S模式有何区别 列举实例分析，帮助学生理解这种模式是如何工作的 C/S模式是如何工作的？ ★学生以小组为单位交流B/S模式和C/S模式的区别是什么？ 3、建立和管理本地站点： ①规划站点结构 按主题分 按类型分 ②注意事项： 首页； 层次； 演示站点的建立过程： 先规划草本 实际建立站点 使用Dreamweaver操作建立站点的整个过程。 （教学方法采用演示法） 观察老师的演示过程并记录笔记。 思考，回答 1、个人网站的建立过程 （二）网站的建立流程 1 ①需求分析 ②规划站点 ③搜集资料 ④制作首页 案例讲解：制作医疗机构网站的流程。（课件演示） 讨论，举例手机销售网站；女性化妆品网站。 （二）网页布局： ①要结合主题 ②布局种类： 分列式； 自由式； 区域式； 讲解各种布局的特点以及使用的情况： 如：（女性化妆品网站适合采用自由式布局；医疗机构采取三栏式比较适合）。 思考：服装网的布局？ （三）网页颜色 1、主颜色的应用； 2、辅颜色的应用； 讲解颜色的设计要符合主题。如医疗机构的网站的主颜色应该清新、和谐代表健康，所以方案可采取（主颜色为绿色或浅蓝色，副颜色为白色） ★分小组抢答 ★女性美容机构的颜色搭配；电脑销售网站的颜色配置。 （四）网页元素的设计： 1、logo设计； 2、导航的设计； 3、动画的设计； 讲解网页各元素的设计都要为网站的主题服务；案例： （sohu网站个元素的设计；新浪网站各元素的设计） 思考讨论，搜狐和新浪网站各元素和主题的联系。 小结 引导学生归纳知识点 归纳，总结 板书： 一、本节目标 二、学习重点 出示目标 1、了解Internet的工作原理 2、掌握B/S模式和动态网站的概念； 3、掌握站点的建设和规划 4、掌握网站的建设流程； 5、掌握网页的布局、颜色和元素的设计； 一、web模式 1、概念 2、结构 二、网站 1、建设流程； 2、网页的布局； 3、网页的颜色； 4、网页元素； 习题巩固： 作业： 教后反馈： 学生兴趣高昂，知识掌握较好 个别学生不能准确判断各种网络的结构