下载文档原格式
创建站点教案一. 引言网站是现代社会中最重要的信息传播和交流媒体之一。
无论是企业宣传还是个人展示，都离不开一个精美、易用的网站。
因此，学习如何创建一个站点是非常有价值的技能。
本教案旨在帮助学生们掌握创建站点的基本知识和技能。
二. 教学目标1. 了解什么是网站，以及网站的重要性。
2. 学习使用HTML和CSS创建基本的网站页面。
3. 掌握网站的结构和布局设计原则。
4. 学会使用各种工具和资源来优化网站的用户体验。
5. 实际操作中分析和解决常见的网站设计和开发问题。
三. 教学内容和步骤1. 什么是网站1.1 介绍网站的定义和作用。
1.2 分享网站在不同领域的应用案例。
2. 基本网页制作技术2.1 学习使用HTML创建网页的基本结构。
2.2 掌握使用CSS样式表定义网页的外观和布局。
3. 网站结构和布局设计原则3.1 介绍常见的网站结构和布局设计原则，如流线型布局、层次结构等。
3.2 分析和讨论各种网站布局的优缺点。
3.3 实践操作中演示如何设计一个具有良好结构和布局的网站。
4. 优化网站用户体验4.1 学习使用图像、颜色、字体等元素来提高网站的视觉吸引力。
4.2 了解响应式设计和移动优先原则，以适应不同设备和屏幕尺寸。
4.3 探讨网站导航和搜索功能的设计要点。
4.4 分享使用工具和技术来提高网站加载速度和性能。
5. 解决网站设计和开发问题5.1 分析和讨论常见的网站设计和开发问题，如浏览器兼容性、跨平台支持等。
5.2 掌握使用调试工具和技术来解决网站的问题。
5.3 实际操作中演示如何改进和优化一个存在问题的网站。
四. 教学方法1. 讲解：通过讲解的方式介绍相关概念和知识。
2. 演示：使用具体的案例演示如何创建站点和解决问题。
3. 实践：让学生亲自动手实验和操作，提高技能和经验。
4. 分组讨论：将学生分组，让他们共同讨论和解决问题，促进合作和学习。
五. 教学资源和评估1. 教学资源：- 电脑和互联网连接：用于学生实验和操作。
网站制作教案一、教案简介网站制作教案旨在帮助学生掌握网站制作的基本原理和技能，通过实践操作培养学生的网站制作能力。
本教案适用于高中职业教育信息技术课程。
二、教学目标1. 了解网站制作的基本概念和流程；2. 掌握网站制作中所需的基本工具和软件的使用；3. 学会使用HTML和CSS编写简单的网页；4. 培养学生的创新思维和团队合作精神。
三、教学内容和教学步骤1. 网站制作基础知识的讲解a. 什么是网站？b. 网站制作的基本流程c. 网站制作所需的基本工具和软件介绍2. HTML基础知识的学习和练习a. HTML的基本结构和标签b. HTML文档的创建和保存c. 常用的HTML标签和属性d. 实例演示和练习3. CSS基础知识的学习和实践a. CSS的基本语法和选择器b. CSS样式的应用和效果c. 实例演示和练习4. 网站设计原则和实践a. 网站设计中的色彩搭配和布局b. 图片和多媒体元素的应用c. 网站导航和用户体验5. 团队合作与项目实践a. 学生分组进行网站制作项目b. 团队合作的重要性和技巧c. 项目规划和管理四、教学评估1. 课堂练习和作业a. HTML和CSS的基础练习题b. 网站设计和制作作业2. 项目成果评估a. 学生团队制作的网站评估b. 网站设计的创意和实用性评估五、教学资源1. 电脑实验室2. 网站制作软件和工具的安装和配置3. 网络资源和教学视频的引用六、教学反思通过本教案的实施，学生能够系统地学习和掌握网站制作的基本知识和技能，具备一定的创新思维和团队合作能力。
教学中，教师应重视培养学生的实践能力和创造力，同时鼓励学生积极参与网站制作项目，并及时给予指导和反馈。
此外，教师还应根据学生的实际水平和兴趣，适当拓展教学内容，提供更多相关资源和案例，以激发学生的学习兴趣和动力。
课题：第19课让网页有声有色
王晓丽
一、教材分析：本课是第三单元的网页制作部分的最后一课，此前，学生已经学习了如何建
立一个初具雏形的网站，通过本课的学习，学生能够对网页进行润色，让网站更加精美活泼。
学生通过掌握添加背景图片、背景音乐的方法，理解网页特效的概念，掌握添加和修改网页特效代码的方法，对网页进行修饰美化，对层次较高的学生要求能根据实际需要选择适当的
特效代码，修改并添加到网页中，并为网页添加flash动画。
二、学情分析：武原中学是一个乡镇中学，据了解，学生学习能力、学习态度、学习习惯、
信息技术基础普遍较好。
三、教学目标：
知识与技能
1. 了解加入网页背景图片和背景音乐的方法。
2. 理解网页特效的概念
3. 掌握添加特效代码，基础好的同学掌握修改特效代码的方法
过程与方法
能够根据网页的具体需要对网页进行润色。
四、情感态度与价值观：
认识网络黑客的危害，培养遵守网络公德、维护网络秩序的观念。
五、重点与难点
重点：添加网页背景图片及背景音乐，添加网页特效
难点：运用、修改特效代码
课前准备：对比网站、自主学习帮助网站、资源包
六、教学过程
环节教师活动学生活动设计意图
课前播放《成龙历险记》片段观看吸引学生注意力
导入老师编写了一段成龙历险
记的故事，让学生进入故事
情境“做反黑高手”，情境
中的问题正好需要用上本
课所学内容来解决。
学生边听老师讲
故事，边分析故
事中提出的问
题，得出本堂课
需要完成的基本
任务。
激发学生的学习兴趣
为新课要讲的三个知识点
做铺垫。
小学信息技术网络课教学设计喜羊羊与灰太狼大庆兰德学校赵凤玲小学信息技术课网络教学设计喜羊羊与灰太狼：网络条件下文字、图片的保存[教案背景]随着互联网络的广泛应用，交互式的计算机系统结合互联网络的多媒体技术，凭借自身强大的功能，把课本与文字、图片合而为一，使学生根据自身的需要，选择媒体资料，进行自主学习成为可能。
因此，通过本课的学习，只在让学生了解互联网络的基本知识和功能，学会使用浏览器浏览网页的基本方法，掌握利用互联网络获取知识的基本方法和技能，培养学生的自主学习意识和实践能力。
[教学课题]学会利用搜索引擎，使用关键字搜索图片和文字，体验网络搜索的优势；学会图片、文字的下载、保存和整理。
[教材分析]这节课是人教版小学二年级下册第二单元的内容。
本节课在学生已经学习掌握利用中文搜索引擎查找相关信息的基本上，结合学习的年龄、兴趣、心理及认识结构的特点，按照由抽象到具体，循序渐进的原则，通过设置问题或任务，引导学生练习、探究，使网络搜索、图片、文字的保存贯穿于整个教学过程，同时，通过采用任务驱动教学法，开展与“任务”相关的探索学习活动（制作喜羊羊与灰太狼的小故事）培养了学习探索、研究的能力。
根据以上的教材分析确定本节课的三维目标如下：（1）知识与技能：掌握利用IE浏览器浏览网页的同时，掌握网页中的图片、文字的下载、保存方法，并能对这些内容进行整合应用，从而培养学生通过网络获取知识的能力和自主学习的能力。
（2）过程与方法：采用“任务驱动和小组合作”的学习模式，从学生感兴趣的身边实例入手，使学生自主确定学习需求，通过将下载的图片、文字保存到电脑里，培养了学生的小组合作意识；通过制作喜羊羊与灰太狼的小故事，培养了学生利用互络有目的的进行学习、交流，以及在实践生活中应用的能力。
（3）情感态度价值观：提高学生学习信息技术的兴趣，养成利用网络进行学习的习惯；学会进行小组合作学习，增强团队意识和实际处理问题的能力；培养学生学会分析、筛选及综合运用知识的技能，提升学生的计算机素养。
《网页设计与制作》课程单元教学设计---《项目: 缥缈世界和小魔术》一、教案首页本次课标题任务10 利用图层、时间轴和行为三结合综合实现动态效果网页设计与制作所属学科理科专业计算机应用课程网页设计与制作授课班级11计算机应用适用对象计算机专业高职生上课时间15-20分钟上课地点理实一体化教室教学目的要求学生通过本次课的学习和训练，能熟悉图层、时间轴和行为三者结合实现动态效果网页的设计与制作，让网页从设计到制作更灵动。
教学目标能力目标知识目标素质目标1．能使用“图层”加载动态效果网中的对象2．能通过使用“时间轴”实现动态效果3．能灵活应用“行为”实现动态效果的控制1．动态效果网页制作“三元素”2．图层、时间轴和行为三者在实现动态效果网页的具体常规作用3．动态效果网页设计与制作三元素的使用规律或步骤1．培养学生理论联系实际的品质2．培养学生敏锐的洞察力和分析力4．培养学生举一反三设计与动手并重的素质任务与案例任务1：飘渺世界（任意飘动的对象能停能动；背景和文字颜色单击改变），此为目标任务任务2：小魔术，此为补充实例（分析+演示+总结）重点难点及解决方法重点：图层和时间轴用来实现动态效果难点：灵活应用行为实现控制动态效果解决方法：引导学生根据任务要求，在温故知新的前提下，让学生有意识挖掘理论知识点，通过补充案例的分析和现场演示，并整理要点规律，再而回到引导任务加以分析实现，完成目标任务的同时夯实了理论知识点的掌握，为将来的举一反三奠定了坚实的理论和操作基础。
学习环境选择与学习资源设计1. 学习环境选择（1）多媒体教室（2）普通教师（3）计算机实验机房（4）专业实训室2. 学习资源设计（1）多媒体课件（2）网页素材及补充实例资源库形式方法手段目标导入+实例展示、讲解+教师提问+案例分析与实现+学生代表分析、教师点评、讲解并总结参考资料1、《dreamwear mx网页设计与制作》2、《dreamwear 8网页设计与实训教程》3、网上资料二、教学设计序号步骤名称教学内容教师活动学生活动时间分配(分)工具与材料课内/课外1告知（教学内容、目的）告知：本次课的教学内容：动态效果制作篇教学目的：要求学生通过本次课的学习和训练，能熟悉图层、时间轴和行为三者结合实现动态效果网页的设计与制作，让网页从设计到制作更灵动。
小学网页制作竞赛活动方案
本次小学网页制作竞赛旨在激发小学生的创造力和学习热情，培养他们的动手能力和团队合作精神。
通过参与网页制作竞赛，学生将有机会展现自己的想法和技能，同时也可以锻炼自己的解决问题能力和沟通能力。
竞赛分为个人赛和团体赛两个部分，学生可以根据自己的兴趣和实际情况选择参加。
在个人赛中，学生将独自完成一个网页设计的作品，展示自己的创意和设计能力；在团体赛中，学生将组成一个小组，共同合作完成一个网页设计的作品，培养他们的团队合作精神和协作能力。
网页设计的主题将围绕学习、生活、科技等方面展开，学生可以根据主题进行自由发挥，展示自己的想象力和创造力。
同时，学生还需要结合实际情况，考虑网页设计的实用性和可操作性，使作品更具有实际意义。
为了保证竞赛的公平性和公正性，我们将邀请专业的评委团队对参赛作品进行评选，并根据评委的评分确定获奖名单。
获奖的学生将有机会获得奖金和奖品，同时也可以获得更多的展示机会和认可。
通过本次小学网页制作竞赛活动，我们希望能够激发学生对技术和创意的兴趣，提高他们的综合能力和学习动力，促进小学生的全面发展和成长。
让我们一起为小学生打造一个开放、创新的学习环境，共同努力，共同成长！
第 1 页共 1 页。
《网页制作》教学设计（优质课比赛优秀设计）《网页制作》教学设计一、教材或教学内容分析本章内容在本教材中的位置处于第五章，是在文字处理(Word2000)和网络基础及因特网应用两章之后。
学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品，在软件的使用上有很多的共通之处，所以在学习frontpage的时候，很多内容可以让学生自学，而不必面面俱到地在课上讲授。
而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础，学生对网页中的基本元素——文字、图片、动画、声音等都有所了解，而网页的制作就是将这些元素重新组合到网页上，学生要学的就是这种组合的方法。
所以说，虽然大多数学生以前都未接触过网页的制作，但有了以上这些基础，学起来就轻松多了。
本章内容按照学生已有的基础，我对教学内容分了一下类，也为教学的组织工作打下一点基础。
本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。
重点是网页的制作和创建超链接，学会了这些就可以开始简单的网页制作了。
难点是网页框架，这部分相互之间关系比较复杂，必要时，老师在对各组个别辅导时，可以给予分别讲解。
这个分类可以为组长安排各个组员的任务提供参考，使分工更加合理。
二、教学对象的分析第 1 页共 6 页信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常用软件有所了解;而差一点的可以说是从高中开始才正式接触到信息技术知识的学习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。
三、教学策略的选择及媒体的使用在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。
任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学习的积极性。
网页设计教学计划一、教学目标网页设计作为一门重要的技能，在当今数字化时代具有广泛应用和市场需求。
本教学计划旨在帮助学生掌握网页设计的基本概念、技巧和流程，培养学生的创造力和实际操作能力，使其能够独立设计和开发具有良好用户体验的网页。
二、教学内容1. 网页设计基础知识- 网页设计的概念和发展历程- 网页设计的基本原则和设计元素- 网页设计的用户体验原则2. 网页设计工具和技术- 常用的网页设计软件介绍及使用技巧- HTML和CSS基础知识- 响应式设计和移动端优化技术3. 网页设计流程和项目管理- 网页设计流程的概述和步骤- 项目收集与需求分析- 网页设计的原型设计和界面设计- 网页开发和测试调试4. 用户体验设计- 用户研究和用户画像- 用户需求分析和可用性测试- 网站导航和信息架构设计5. 网页设计案例分析和实践- 分析和评价成功的网页设计案例- 自主设计和开发网页项目三、教学方法1. 理论讲授：通过讲解网页设计的基本知识和技能，帮助学生建立起扎实的理论基础。
2. 实践操作：引导学生运用所学的知识和技巧进行网页设计的实际操作，提升实际设计能力。
3. 个案研究：分析和评价当前成功的网页设计案例，帮助学生学习成功设计的要素和经验。
4. 团体项目：组织学生进行小组合作项目，培养团队协作和沟通能力。
四、教学评价与考核1. 日常表现评价：包括学生的课堂参与、作业完成情况以及实践操作时的表现。
2. 项目评估：根据学生完成的网页设计项目进行评估，包括设计方案的创意性、用户体验和技术实现等方面。
3. 综合评价：根据学生在学期末完成的综合项目，对其所学知识和能力进行综合评估。
五、教学资源1. 教材：选择权威的网页设计教材，结合实践案例进行教学。
2. 软件和工具：提供学生使用的网页设计软件和工具。
3. 互联网资源：引导学生查找并分析网页设计相关的经典案例和学术资源。
4. 机房和设备：提供学生进行实际操作的机房和必要设备。
网页制作教学设计优秀8篇制作交互网页教学设计篇一网页的制作一、教学题目：网页的制作二、教学目标：1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；2、认识frontpage的界面；3、掌握在主页中插入文字、图片、水平线；4、掌握页面文件与图片的保存。
三、教学重点：1、能在指定位置建立只有一个网页的站点（难点）2、能在页面中插入文字、图片、水平线3、掌握页面文件与图片的保存（难点）四、教学难点：在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程：教师活动：1、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）问题2：网页是不是就是主页？(第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：,主页也是网页)设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用frontpage建立站点，制作一个主页。
先来研究一下没有发布的网站，打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务。
2、新建站点frontpage的启动问：与word比较，有什么不同？（增加了视图区，编辑区有三个窗口）总结：视图区：多种视图模式是为了方便网站的管理。
全国中等职业学校教学设计教案参评教师XX参评组别计算机类专业课程参评科目PhotoShOP图形图像处理报送日期XXXXXXXX项目教学设计说明 (3)教案项目2《青春形象设计》（4课时） (6)客户需求书 (14)项目任务书 (15)项目教学设计说明一、项目总体设计《Photoshop图形图像处理》是我校中职计算机网络技术专业网络管理与维护方向的方向性课程，是以培养Photoshop平面设计中等应用型人才为培养目标。
本课程以介绍实际工作中常见的平面作品的设计方法为主线，重点介绍利用PhotoshopCS3中文版进行平面设计的基本方法。
《色彩与构图》是本课程的前序课程，《F1ash动画制作》、《Dreamweaver网页制作》是本课程的后续课程，故本课程起到了承上启下的作用，学习好本课程十分关键。
针对该课程我们选用的教材是高等教育出版社出版的，雷波主编的《PhotoshopCS3案例应用教程》。
该教材以“理论+案例”的形式组织教学内容，内容清晰明了，实用性强。
参加本课程学习的对象是我校中职二年级第一学期计算机网络技术专业的学生。
他们对于这类技能类的课程比较重视、参与性强；但单纯的案例模仿学习已经限制了他们活用知识的能力，他们期望学习的案例能更贴近他们的生活实际，完成从单纯模仿到灵活运用的蜕变。
在图像数字化的今天，大多数人甚至图文设计工作室、照相馆、影楼都在使用数码相机进行人像拍摄，数码后期制作这个岗位越来越受欢迎，我校亦开办了图文工作室作为学生的创业基地，工作室宗旨是在为广大师生提供良好的图文服务，服务包括证件照、大头贴、个人艺术照的拍摄与制作等，自开办以来取得了效益与口碑的双丰收。
充分利用学校现有的创业岗位条件，在保障原教材知识技能的基础上，考虑学生的年龄特点，我对原教材的“第4章影楼后期制作”中的知识技能进行了补充与重组，设计了项目《数码照片后期制作》，项目由层层递进的4个子项目展开教学。
项目1和项目2以校图文工作室的真实案例作为学生创作的来源，通过合理地补充课堂教学内容，使得课堂更贴近学生的生活实际，更贴近企业岗位技能，从而提高学生的实践操作能力、缩短就业适应期、提高对口就业率。
网页设计与制作——使用DIV+CSS布局网页《网页设计与制作——网页布局》教学设计【课题】网页布局——使用DIV+CSS布局网页【教材】《网页设计与制作》【授课班级】中等职业学校网络专业二年级【教时】 4课时【教材分析及学情分析】本次课采用的教材是国家十二五规划教材《网页设计与制作》，其中DIV+CSS布局网页是重要的教学单元。
本教材内容通俗易懂、图文并茂，并且包含有丰富的信息化实训案例。
本次课的教学对象为中职学校二年级学生，他们未来主要从事网页前端设计师的工作，要求具备网页前端设计的能力。
在本次课之前，我们的学生已经掌握了Dreamweaver网页设计的相关知识，具备了网页美工的基础，学生学习热情较高，喜欢团队合作的探究学习方式，但学生自主创新能力不足，学习代码编写有一定困难，因此本课重点讲解如何使用DIV+CSS布局网页的知识内容。
【教学目标】依据本教材的内容，结合学生的学情分析，本着提高学生的知识水平及分析处理能力为宗旨，我制定了知识目标、技能目标、情感目标相结合的三维教学目标：知识目标：（1）学会DIV+CSS网页布局方式（2）掌握DIV+CSS布局的定位方法技能目标：（1）能熟练使用CSS对网页中对象的位置精确排版；（2）灵活应用DIV+CSS进行网页布局；情感目标：（1）培养学生团队合作意识；（2）提高学生责任感和职业素养；【教学重点与难点】●教学重点：DIV+CSS网页布局方式、方法。
●教学难点：灵活使用DIV+CSS布局定位。
【教学设计】课前利用该课程的学习网站和微课资源库让学生自主预习。
课中采用信息化的混合式教学法、项目驱动法等多种方法相结合的形式来激发学生的学习兴趣，并且利用微课资源库来突破教学难点；在教学效果上采用多元评价检测方法，让学生体验成功的乐趣；最后老师进行归纳总结，进行知识拓展，延伸学生的知识面。
使学生在不知不觉中实现知识的传递、迁移和融合。
【学法分析】学生是学习的主体，教师是组织者和引导者，引导学生学会学习的方法，才能构建有效的课堂。
全国中小学信息技术与教学融合优质课大赛组委会函件第十三届全国高中信息技术与教学融合优质课大赛通知为深入探索应用信息技术创新教学、促进公平、提高教育质量的途径和方法，引领我国高中信息化教学方向，全面推动全国高中现代教育发展，由教育部数字化学习支撑技术工程研究中心、全国现代教育技术培训中心、东北师范大学联合举办第十三届全国高中信息技术与教学融合优质课大赛。
优质课大赛比赛的重点是应用信息技术创新教学模型和创设个性化学习环境，比赛项目分为研讨课、模拟展示课、观摩课和微课。
通过大赛，提升高中教师信息技术与教学深度融合的能力，全面推动全国高中优质资源班班通和网络学习空间人人通的应用工作，促进教育均衡发展。
第一部分：优质课大赛比赛项目项目1 研讨课一、比赛内容针对已经上过的一节课，参赛教师应在7分钟内，向评审专家、现场参会教师介绍：本节课的教学目标（尽可能培养学生的智慧），落实教学目标的创新性思路与方法，所确定的整合点，所选择的教学环境，为整合点所选择的资源与软件（建议尽可能选用交互电视或电子白板上课，有可能的情况下，使用电子书包），应用资源与软件开展教学活动的方式与方法,重点介绍如何应用教学资源和软件支撑整合点教学。
二、报名方式及参赛需报送材料1.报名方式参赛名额一般为每个区域5～10人，每个学校的每个学科最多推荐1名参赛教师。
区域按照规定名额及学科比例推荐参赛教师。
各学科推荐人数占总数的参照比例：语文20%、数学20%、英语15%、文科综合15%、理科综合15%、其他15%。
由区域教育局筛选后，发电子邮件并以光盘形式报送到组委会。
重点学校可独立推荐2-4名学科教师参赛，每个学科最多推荐1名参赛教师，直接报送组委会。
2.参赛需报送材料（1）参赛教师推荐表（表格见附件一）；（2）参赛课的教学设计（基本要求见附件二）、教学资源与软件（包括教学课件，图片、音视频、动画等素材，专题网站，工具软件等）（技术规范见附件七）、说课PPT。
网页设计与制作——使用DIV+CSS布局网页《网页设计与制作——网页布局》教学设计【课题】网页布局——使用DIV+CSS布局网页【教材】《网页设计与制作》【授课班级】中等职业学校网络专业二年级【教时】 4课时【教材分析及学情分析】本次课采用的教材是国家十二五规划教材《网页设计与制作》，其中DIV+CSS布局网页是重要的教学单元。
本教材内容通俗易懂、图文并茂，并且包含有丰富的信息化实训案例。
本次课的教学对象为中职学校二年级学生，他们未来主要从事网页前端设计师的工作，要求具备网页前端设计的能力。
在本次课之前，我们的学生已经掌握了Dreamweaver网页设计的相关知识，具备了网页美工的基础，学生学习热情较高，喜欢团队合作的探究学习方式，但学生自主创新能力不足，学习代码编写有一定困难，因此本课重点讲解如何使用DIV+CSS布局网页的知识内容。
【教学目标】依据本教材的内容，结合学生的学情分析，本着提高学生的知识水平及分析处理能力为宗旨，我制定了知识目标、技能目标、情感目标相结合的三维教学目标：知识目标：（1）学会DIV+CSS网页布局方式（2）掌握DIV+CSS布局的定位方法技能目标：（1）能熟练使用CSS对网页中对象的位置精确排版；（2）灵活应用DIV+CSS进行网页布局；情感目标：（1）培养学生团队合作意识；（2）提高学生责任感和职业素养；【教学重点与难点】●教学重点：DIV+CSS网页布局方式、方法。
●教学难点：灵活使用DIV+CSS布局定位。
【教学设计】课前利用该课程的学习网站和微课资源库让学生自主预习。
课中采用信息化的混合式教学法、项目驱动法等多种方法相结合的形式来激发学生的学习兴趣，并且利用微课资源库来突破教学难点；在教学效果上采用多元评价检测方法，让学生体验成功的乐趣；最后老师进行归纳总结，进行知识拓展，延伸学生的知识面。
使学生在不知不觉中实现知识的传递、迁移和融合。
【学法分析】学生是学习的主体，教师是组织者和引导者，引导学生学会学习的方法，才能构建有效的课堂。
《网页制作》教学设一、教材或教学内容分）和网络本章内容在本教材中的位置处于第五章，是在文字处理Word200和将要学习的网页制础及因特网应用两章之后。
学生所学的文字处理软Wor 公司的产品，在软件的使用上有很多的共通之处Microsof软Frontpag同而不必面面俱到地在很多内容可以让学生自学所以在学frontpag的时候而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础上讲授生对网页中的基本元素——文字、图片、动画、声音等都有所了解，而网页的制所以说，学生要学的就是这种组合的方法就是将这些元素重新组合到网页上学起来就轻松然大多数学生以前都未接触过网页的制作但有了以上这些基础了本章内容按照学生已有的基础，我对教学内容分了一下类，也为教学的组织网页的制作网站的建立和管理本章内容主要由网页基础知识作打下一点基础创建超链接、图片的处理、网页框架重点是网页的制作和创建超链接，学会了这些就可以开始简单的网页制作了难点是网页框架，这部分相互之间关系比较复杂，必要时，老师在对各组个辅导时，可以给予分别讲解这个分类可以为组长安排各个组员的任务提供参考，使
分工更加合理二、教学对象的分析页6 共页1 第
信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握
情况的差异还对一些常条件好一点的初中学生不仅已经熟练掌握了
课本上的内容，却相当大，而差一点的可以说是从高中开始才正式接触到信息技术知识的学用软件有所了解；习，他们需要多锻炼、多
指导，所以协作学习对学生的学习帮助很大。
三、教学策略的选择
及媒体的使用在教学策略的选择上，我使用的是任务驱动和协作学
习相结合的方法。
任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制这有助于激并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，作，发学生参与学习的积极性。
协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到让他们在学习之后获得成就感。
因此在媒体的选更多的东西，完成一个集体项目，系统有利于教师进行分组教学和学生TOP2000系统。
TOP2000择上，我们使用的是教学过程开始之前，教师把学生按座位分成四组，每个作品的点评及成果的展示。
保证每个组都有计算机操作方面比较突组都按学生对计算机的掌握程度平均分配，使其形成能够互帮互助的学习小组。
并由他们自己选出出的，也有相对比较差的，确定在班级主页制作过程中主要完成什然后由组长根据组员的情况，组长各一名，也就是说起到一个组织者的作用。
做过网页的人都知道，做网页是一项比么任务，而在这而要学生在较短的时间内制作出像样的网页是比较困难的，较费时的工作，组长把任务分到各组员头上以个过程中，网页的设计占去了相当多的一部分时间，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组
员后，在完成自己的网页后，之间进行经验交流，告诉组员自己的网页是如何制作出来的，其他组员就可在较短的时间之内这样，再重复
一遍制作过程花费的时间的不多的。
页6 共页2 第
因为每位组员都必掌握比较先进的网页制作方法，而不必再花那么多时间去探索。
也同样有自己探索学习的机会和介绍自须自己完成一个任务，所以在这个过程中，己经验的机会，使组内的每个学生都在学习中获得成就感。
四、教学过程
页6 共页3 第
页6 共页4 第
课后：大家集中各组的优势，将班级主页完成，挂到学校主页上下面是我所做出的评价：【优点】：1、对教学内容分析得体，对教学重难点把握准确，使用的软件难易适中!、对学生的基础分析到位，这样可以更好的把握教学进度!2、任务驱动法及小组合作学习的方法进行，特别在小组协作中分工相当明确，3同时也锻组长做什么，每位组员做什么都很明确，充分调动了学生的学习积极性，炼学生们
的团结协作精神!页6 共页5 第
、做到了学生为主体，教师为主导，教学过程中有师生活动和生生活动，课4堂气氛活跃，使得人人参与课堂教学。
【建议】：、信息技术教学应更多培养学生的信息素养。
1、布置课堂任务要分易、难至少两个，这样可有效调动不同层次学生的学习2积极性。
、提交教学任务后，应让学生通过教学软件或网络进行上传，并将其展示给3学生，进行互评，从而调动学生的学习积极性，提高任务的完成质量。
、建立良好的评价体系，包括教师评价学生的作业，学生对教师教学内容及4 方法的评价，学生互评等。
页6 共页6 第。
