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