首页的设计与制作教学设计

《制作网页》教学设计（精选5篇）《制作网页》教学设计1教学目标：1、知识与技能（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。

（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。

（3）理解热区链接的含义及创建方法。

2、过程与方法（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。

（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。

（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。

3、情感态度与价值观（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。

（2）完成超级链接，使学生感受成功的喜悦和快乐。

教学重、难点：1、教学重点：（1）超级链接的含义及链接源和链接目标的含义。

（2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。

2、教学难点（1）书签链接中名称及对应链接位置的设定。

（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。

教学方法与教学手段：任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。

教学准备："动物——人类的朋友"站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。

教学过程：1、引入展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题——超级链接。

提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。

设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。

2、新授（1）站内超级链接引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：任务1同一站点内不同页面之间的链接1制作首页（欢迎页）到表格页的超链接。

《制作网站首页》教学设计方案（第一课时）一、教学目标1. 知识与技能：掌握网站首页的制作流程，包括网站整体规划、网页布局设计、素材准备、网页制作、测试发布等。

2. 过程与方法：通过实际操作，掌握利用软件工具进行网页设计和布局的方法。

3. 情感态度价值观：培养学生的团队协作精神和创新认识，激发他们对信息技术的兴趣。

二、教学重难点1. 教学重点：学生能够根据主题规划和设计首页，熟练进行网页布局和美化操作。

2. 教学难点：学生在实际操作中解决遇到的问题，提升团队协作和创新能力。

三、教学准备1. 制作好教学PPT，准备相关素材和软件工具。

2. 安排好小组，确保每个小组有足够的资源和设备。

3. 设定合适的教室规则，引导学生积极参与和讨论。

4. 提前试讲，调整教学方案，确保教室顺利进行。

四、教学过程：（一）情境导入教师播放一段关于校园的短片，短片中包括校园风景、师生活动等素材，并提出问题：“这段短片中包含了哪些信息？如何将它们整合在一起？”引导学生思考网页的制作方法。

学生讨论并回答问题，教师总结并引出网站首页的观点和制作方法。

（二）新知探究1. 任务一：网站首页规划学生以小组为单位，利用多媒体教学平台，根据教师提供的模板和素材，规划网站首页的内容和结构。

教师巡视指导，帮助学生解决遇到的问题。

2. 任务二：首页元素插入与编辑在规划好的首页基础上，学生根据教师提供的素材，将图片、文字、动画、视频等元素插入到相应的位置，并进行编辑和调整。

教师巡视指导，对有困难的学生进行针对性的辅导。

3. 任务三：首页效果评估与优化学生完成首页制作后，在多媒体教学平台上展示作品，并由其他学生进行点评和打分。

教师对点评进行总结和评判，提出优化建议。

（三）协作学习学生在小组内进行协作学习，互相帮助，共同解决制作过程中遇到的问题。

教师巡视指导，及时解决学生遇到的问题。

（四）稳固提高学生完成教师安置的课后作业，稳固所学知识，提高技能水平。

《网店美工设计(项目式全彩微课版)》
配套教学教案
第1讲
第2讲
第3讲
3.4.2设计理念
小结1、掌握主图的设计基础。

2、掌握直通车图的设计基础。

3、掌握钻展图的设计基础。

作业
3.4项目演练-设计居家大衣橱直通车图
本任务通过设计居家大衣橱直通车图，明确当下家居产品行业直通车图的设计风格并掌握直通车图的设计要点与制作方法。

第4讲
4.3项目演练-设计果汁饮品海报
本任务通过设计果汁饮品海报，明确当下饮品行业海报的设计风格并掌握海报的设计
要点与制作方法。

作业
第5讲
5.3项目演练-设计PC端数码产品首页
本任务通过设计PC端数码产品首页，明确当下数码产品行业PC端首页的设计风格并掌握PC端首页的设计要点与制作方法。

作业
第6讲
6.3项目演练-设计PC端运动鞋品详情页设计
本任务通过设计PC端运动鞋品详情页，明确当下鞋品行业PC端详情页的设计风格并掌握PC端详情页的设计要点与制作方法。

作业
第7讲
7.3项目演练-设计无线端数码产品首页
本任务通过设计无线端数码产品首页，明确当下数码产品行业无线端首页的设计风格并掌握无线端首页的设计要点与制作方法。

作业
第8讲
8.3项目演练-制作花艺活动宣传视频
本任务通过制作花艺活动宣传视频，明确当下花艺行业宣传视频的后期风格并掌握宣传视频的后期处理要点与后期处理方法。

作业。

《网站主页的设计》教学设计浙江绍兴市第一中学信息处董烨华一、教材分析本节课讲授浙江教育出版社《信息技术基础》第六章“网页的设计与制作”的相关，并根据《浙江省普通高中新课程实验信息技术学科教学指导意见》进行了适当设计，教学侧重于让学生掌握网站的策划与构思和熟练掌握简单网页的设计与制作。

二、学情分析学生已经会收集和整理素材，掌握了用FrontPage制作网页的基本操作，对网站的策划与构思有了一定的了解，但网站创建的知识以及网站策划构思的实践比较欠缺，另外学生现有知识水平存在一定差异。

三、教学目标知识与技能：能较熟练地运用表格实现网页布局；知道创建网站的一般过程，了解一些主页设计的知识；初步掌握网站的策划与构思。

过程与方法：通过自主探究和小组合作完成学习任务，掌握一些探究学习的方法，培养与他人协作、交流的意识和能力。

情感、态度与价值观：通过网站主页设计，激发学生的创作欲望，提高学习信息技术的兴趣和愿望；通过教师提供的创作背景信息，使学生更关注气候变化对人类发展的影响，增强社会责任感。

四、教学重难点重点：学会运用表格实现网页布局，初步掌握网站的策划与构思。

难点：如何在主页制作中实现自己的网站设计构思。

五、教学过程1．教学引入，学习准备教师指导学生访问课堂学习网站（如图1），然后介绍网站的创作构思与特点。

师：这是老师为课堂学习专门设计制作的一个网站，请同学们从“名称贴切、主题鲜明、内容丰富、结构清晰、界面友好美观”五个角度，给网站做个评价，认为都满意就赶快伸出五个手指头。

学生们高举手臂，伸出五个手指。

师：谢谢大家的支持，你们的认可是我创作的动力。

师：通过前段时间的学习，我们已经较好地掌握了素材收集与整理的方法；掌握了一些利用FrontPage软件做网页的基本操作；在欣赏优秀网站的基础上，对网站的策划与构思有了一定了解。

这节课，我们将跟随着学习网站的导航栏，一起揭开创建个人网站的第一页──设计制作网站主页。

《网页设计与制作》课程单元教学设计---《项目: 缥缈世界和小魔术》一、教案首页本次课标题任务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. 让学生了解自动化生产线的基本概念和组成。

2. 使学生掌握自动化生产线安装与调试的基本方法和技巧。

3. 培养学生团队合作意识和解决实际问题的能力。

二、教学内容：1. 自动化生产线的基本概念和组成2. 自动化生产线的安装步骤和方法3. 自动化生产线的调试技巧4. 自动化生产线常见问题的解决方法5. 团队合作与沟通技巧三、教学方法：1. 讲授法：讲解自动化生产线的基本概念、组成、安装步骤和方法，调试技巧等。

2. 实践操作法：让学生亲自动手安装和调试自动化生产线，提高实际操作能力。

3. 案例分析法：分析实际案例，使学生更好地理解和掌握自动化生产线的安装与调试。

4. 小组讨论法：分组讨论，培养团队合作意识和沟通技巧。

四、教学准备：1. 教室环境布置：安装自动化生产线模型，便于学生观察和学习。

2. 教学设备：计算机、投影仪、音响等。

3. 教学素材：教材、教案、PPT、实际案例等。

4. 实践材料：自动化生产线模型、工具等。

五、教学过程：1. 导入：简要介绍自动化生产线的基本概念和应用领域，引发学生兴趣。

2. 讲解：详细讲解自动化生产线的基本组成、安装步骤和方法，调试技巧等。

3. 实践操作：让学生分组进行自动化生产线的安装和调试，教师巡回指导。

4. 案例分析：分析实际案例，使学生更好地理解和掌握自动化生产线的安装与调试。

5. 小组讨论：学生分组讨论，分享经验和心得，培养团队合作意识和沟通技巧。

6. 总结：对本次课程进行总结，强调重点知识点和注意事项。

7. 作业布置：布置相关练习题，巩固所学知识。

六、教学评估：1. 课堂问答：通过提问方式检查学生对自动化生产线基本概念和组成的理解程度。

2. 实践操作评估：观察学生在安装和调试自动化生产线过程中的操作技能和解决问题的能力。

3. 小组讨论评估：评估学生在小组讨论中的团队合作意识和沟通技巧。

4. 课后作业：检查学生对课堂所学知识的掌握情况。

【导语】教案是教师为顺利⽽有效地开展教学活动，根据课程标准，教学⼤纲和教科书要求及学⽣的实际情况，以课时或课题为单位，对教学内容、教学步骤、教学⽅法等进⾏的具体设计和安排的⼀种实⽤性教学⽂书。

⽆忧考准备了以下内容，供⼤家参考!篇⼀ 说课题⽬： FrontPage页设计技巧综合运⽤ 专家们、教师们：⼤家好！ 今天我说课的题⽬是：FrontPage页设计技巧综合运⽤ 我的说课将从以下⼏个⽅⾯进⾏： ⼀：说教材 ⼆：说教学⽬的 三：说学⽣ 四：说教学⽅法及实现途径 五：说有关教学设计中的三个引导点 ⾸先说教材： 教材的选取：教材使⽤经全国中⼩学教材审定委员会审查通过，全⽇制普通⾼级中学信息技术教科书，⾼中第三册，第⼀单元FrontPage页设计的总结运⽤课。

这⼀教材由⼴西科学技术出版社出版 本节教学内容所处的地位：是巩固与提⾼学⽣页设计技巧的极好机会，⽽且是教师抓住机会进⾏更精彩、更有意义的教学设计与教学实施的关键时期，我想这点会在我后⾯的教学设计阐述中体会。

接下来说教学⽬标： 基础知识⽬标： 巩固前⾯已学的页设计技巧，⽽且将激发学⽣⾃主去探讨，更多的页设计技巧。

能⼒培养⽬标： 培养学⽣互相合作，共同提⾼的良好品质；⿎励学⽣们在这⼀页设计运⽤课中，充分利⽤络资源，培养⾃⼰主动学习及探究能⼒和综合信息素养。

情感教育⽬标： 如何使信息技术教学成为培养学⽣综合素质的⼀个平台，如何设计除了教会学⽣使⽤⼀些基础软件知识之外的更多的东西，这是我⼀直在计算机课教学中思考的⼀个问题；学⽣情感教育的培养，⼀直应成为我们课堂教学中，不可缺少的重要素质教育⽬标之⼀，所以选择母爱为主题，由此培养学⽣对母爱的理解及体验母亲对⼉⼥平凡⽽伟⼤的爱；另外也为丰富我⾃⼰的情感：我作为⼀名普通的教学⼈员，我希望在我的教学中做我应做的，做我能做的，多探讨，多尝试，丰富学⽣的内⼼同时，我也在其中丰富⾃⼰，并感受更多的快乐。

接下来说学⽣： 学⽣计算机知识背景： 我的学⽣是⾼⼆的学⽣，⾼⼆的的学⽣经过⾼⼀计算机基础知识的学习以后，他们有⼀定的络知识，如何设计⼀个教学环节不仅仅简单让学⽣回顾复习⼀下，⽽是能达到更⾼的层次，下⾯了解⼀下： 学⽣的⾝⼼特点： ⾼中⽣在⼼理和⾏为上表现出强烈的⾃主性，具有很强的⾃信⼼和⾃尊⼼，热衷于展现⾃⼰的⼒量和才能；他们已不满⾜于⽗母、⽼师的讲解，或书本上的现成结论， 学⽣与⽗母的交流： 在⾼中阶段，⾼⽣中的⾃主、独⽴性使他们的个性处于极其张扬与反叛的时期，⽗母与孩⼦的交流往往在这⼀时期成为多事之秋。

一、教学目标1. 了解网店装修的基本概念和重要性。

2. 掌握网店装修的基本流程和技巧。

3. 学会使用常见的网店装修工具和软件。

4. 培养学生独立完成网店装修的能力。

二、教学对象本课程适用于有一定电脑操作基础，希望提升网店装修能力的电商从业者、大学生以及网店爱好者。

三、教学内容1. 网店装修概述- 网店装修的定义和作用- 网店装修的基本原则2. 网店装修流程- 网店装修前的准备工作- 网店装修的设计构思- 网店装修的具体实施3. 网店装修工具和软件- 图片处理软件（如Photoshop、Canva等）- HTML和CSS基础- 网店装修模板及插件4. 网店装修技巧- 页面布局与色彩搭配- 图片处理与优化- 字体选择与排版- 动画效果制作5. 网店装修实战案例- 案例一：店铺首页装修- 案例二：店铺详情页装修- 案例三：店铺促销活动页面装修四、教学方法1. 讲授法：讲解网店装修的基本概念、流程和技巧。

2. 案例分析法：通过分析实际案例，让学生了解网店装修的实战技巧。

3. 实践操作法：让学生动手实践，巩固所学知识。

4. 互动讨论法：鼓励学生积极参与讨论，提出问题，共同解决问题。

五、教学进度安排1. 第1周：网店装修概述、网店装修流程2. 第2周：网店装修工具和软件、网店装修技巧3. 第3周：案例一：店铺首页装修4. 第4周：案例二：店铺详情页装修5. 第5周：案例三：店铺促销活动页面装修六、教学评价1. 课堂表现：学生的出勤率、课堂参与度等。

2. 实践作业：学生的网店装修作品，包括设计构思、实施过程和最终效果。

3. 期末考试：考察学生对网店装修知识的掌握程度。

七、教学资源1. 教材：《网店装修实战教程》2. 网络资源：相关网站、论坛、教程等3. 实践平台：提供网店装修实践平台，如淘宝、京东等电商平台通过本课程的学习，学生能够掌握网店装修的基本知识和技能，提高网店的美观度和用户体验，从而提升店铺的竞争力。

《H5页面设计（Mugeda 版）》教学教案第1章1.2.3 条理性原则1.2.4 切身性原则1.2.5 创新性原则1.3 H5 页面的设计规范1.3.1 页面尺寸1.3.2 页面适配1.3.3 文件大小1.4 H5 页面的设计流程1.4.1 明确设计目的1.4.2 策划内容1.4.3 搜集素材1.4.4 进行页面设计1.4.5 进行交互设计1.4.6 生成和发布H5综合训练——分析《方寸之间看徽州》拼图H5 游戏小结1.了解H5的基础知识。

2.掌握如何学好H5设计。

3.掌握H5的设计原则与制作流程课后练习（1）如何理解H5 与H5 页面，二者有什么区别和联系？（2）列举H5页面的设计原则，并举例分析某个H5页面设计对这些原则的遵循情况。

（3）简要说明H5 页面的不同设计风格。

（4）鉴赏下图所示的草莓音乐节H5页面，分析其设计风格并对该风格的特点进行介绍。

（5）鉴赏下图所示的音乐公益H5页面，分析其风格，并简述其遵循的设计原则。

第2章2.3.2 模板管理2.3.3 素材管理2.4 Mugeda 中的H5 编辑器界面2.4.1 菜单栏2.4.2 工具栏2.4.3 “时间线”面板2.4.4 工具箱2.4.5 “页面编辑”面板2.4.6 页面编辑区2.4.7 “属性”面板综合训练——使用模板制作出游季H5 页面小结1.掌握Mugeda的基础知识，以及在Mugeda平台中新建和管理页面、素材。

2.掌握Mugeda中的H5编辑界面的操作方法。

课后练习（1）简述新建H5 页面的方法。

（2）简述模板的使用方法。

（3）简述Mugeda 的H5 编辑器界面的组成部分。

（4）在Mugeda 中新建一个名为“新春贺喜”的H5 页面，保存该页面，然后在Mugeda 中新建一个名为“新年”的文件夹，将“新春贺喜”H5 页面移动到“新年”文件夹中。

（5）应用Mugeda中自带的“测试题”模板，编辑模板中的文字，然后发布编辑后的模板。

《网店装修》课程标准课程类别：专业拓展课适用专业：平面设计专业总学时：64理论学时：18实践学时：46一、课程概述（一）课程性质《网店装修》是我中等职业教育电子商务专业的一门核心课程，主要介绍了网店美工设计及装修的基本理论、基础知识和基本技能。

（二）课程设计思路本课程以网店装修的工作过程为导向，以项目任务式为编写结构，突出教师的主导作用和学生的主体地位以教师的引导和学生的感知体验和实践操作为主，注重培养学生对专业的兴趣和爱好,提高学生的专业技能操作能力和设计创新能力，拉近学生和现实网店装修的距离。

二、课程任务与教学目标（一）课程任务本课程的主要任务是通过学习网店装修的基础知识和技能应用以网店装修的工作岗位为依据，体现理论与实践相结合，使学生对网店装修的基本知识和技能有一个较为全面的掌握，为今后的网店装修工作打下扎实的基础。

(1)知识目标明确定位店铺风格，掌握店铺配色、字体规范掌握商品主图的主题、背景、配色字体、版面布局设计。

学习优秀海报的设计方法，学习店铺首页布局内容，分析展示案例，掌握店铺首页包含的模块。

1.构思大体框架2.在纸上画出草图3.整理出电子文档4.修改框架并定稿。

学习店标的定义及作用，店招的定义及作用、大小、分类、注意事项。

学习网店详情页的尺寸、内容模块。

1.进行买家定位2.产品形象3.进行同行调查4,撰写详情页策划方案。

掌握活动专题页装修的基础理论知识和创作方法。

掌握手机店铺首页设计的基础理论知识和创作方法。

了解手机店铺宝贝详情页设计的基础理论知识和创作方法。

(2)能力目标培养和提高各方面综合素质，增强观察力、表现力和审美能力。

在学习过程中注意理论联系实际,注重实际技能的培养。

掌握商品主图设计的制作流程,完成伊米生活馆主图设计。

掌握海报的选材、排版、字体和配色选择，并最终完成海报的制作。

掌握商品分类导航设计、热销商品陈列区设计，完成伊米生活馆的首页装修。

掌握详情页切图了解活动专题页设计流程并完成活动专题页装修。

项目探索3 网页的编辑和发布&项目交流与评价一、核心素养学段目标根据学习需求，知道通过互联网大量案例分析，总结经验，并能借鉴这些知识经验去解决学习中的问题。

（信息意识）能执行问题解决方案，通过对数据的采集与分析，反思和优化解决方案，并将其迁移运用于解决其他问题。

（计算思维）按照任务需求，能选择合适的网络平台，合作完成数字化创新活动的创意、规划与实施。

（数字化学习与创新）负责任地共享信息和资源，并尊重他人知识产权。

（信息社会责任）二、课程内容通过大量网络案例的分析，体验网页版面布局和风格设计，并实际操练，推进项目开展，在此基础上，以小组为单位，开展H5网页的在线制作与发布。

进行点评，并适时反思和归纳。

三、学习目标认识网页版面布局和风格设计的重要性，并学会规划；选择H5网页平台对信息进行编辑与集成，并发布；通过制作中国大运河文化网页，唤起运河记忆，传播中华优秀传统文化。

四、课时安排与教学重难点建议2课时重点：初步学会网页版面布局规划和风格设计；学会通过H5网页平台制作网页并发布。

难点：能根据项目所需，灵活选用H5网页平台的各项功能对信息进行编辑与集成。

五、教学设计【教学环境】多媒体网络教室，配备台式计算机。

【教学过程】一、项目导入教师活动：对于广大普通用户来说，通过编辑HTML语言来编写网页是有很大难度的，而通过可视化工具（如H5网页等）进行互联网应用中数据的组织，既有“所见即多的”的效果，又能自动生成与之对应的网页源代码。

那么，如何制作这样的网页呢？接下来我将和同学们一起，探究网页布局的规划以及风格的设计，并尝试通过H5制作平台进行网页的在线编辑和发布。

学生活动：了解，明确接下来的学习内容和任务要求。

二、项目探索3（一）网页的规划教师活动：在前面的两个探究中，我们已经先后完成了对网页素材资源的再整理收集，以及网站的结构规划，但在动手制作网页之前，我们还需要进行版面布局的设计以及风格的确立。

网页制作教学设计(通用7篇)作为一位杰出的老师，常常需要准备教学设计，借助教学设计可以让教学工作更加有效地进行。

那么问题来了，教学设计应该怎么写？以下是小编收集整理的网页制作教学设计，希望能够帮助到大家。

网页制作教学设计11、教学目标知识与技能：灵活运用添加超链接和在网页中插入表格方法，根据网页内容进行页面布局，完善网页,掌握网页布局的技能和技巧。

过程与方法：培养学生加工信息和应用信息的能力及培养学生思维能力，规划能力、创新能力、及合作能力。

情感与态度：使学生感受中国源远流长的历史文明，并通过网页传递给世界；帮助学生树立良好的信息道德意识；让学生享受成就感，树立自信心。

2、学生分析初中二年级学生感知能力较强,理解能力和抽象思维较弱;学生基本学会使用在网页中插入表格的方法，但分析信息、处理信息和应用信息能力较弱;对教学内容的了解程度较强。

3、内容分析教学重点：利用表格对网页页面进行布局。

教学难点：怎样合理、美观地设计网页页面布局。

此部分教学内容在整个网页设计知识体系中处于综合处理信息的重要部分。

4、教学策略设计（1）．教学方法设计我根据教学主题及其教学目标确定的教学指导思想是以学生为主体，以学生自己的亲身体验展开探究式小组合作学习。

本节课采用研究体验式教学法,建构主义模式下的任务驱动式教学法组织教学。

首先设计“总任务”，再细分成若干“小任务”，实现教学目标。

（2）．教-学流程和教-学活动的设计思路整个教学活动，尤其是学习活动，我采用探究式学习法，又称研究性学习，我强调的是学生在教师指导下，根据各自的兴趣、爱好和条件，再结合与自己有相同或相近的兴趣、爱好的同学组成合作伙伴，共同选择西安不同的旅游景点，确定研究课题，借助“表格布局”功能规划七天的旅游行程，独立自主结合小组合作开展研究，进行合理的网页布局设计，达到从中培养创新精神和创造能力及审美能力的一种学习方式，实现“双赢”。

建构主义学习理论认为，学习过程不是学习者被动地接受知识，而是积极地建构知识的过程，把学过的网页设计知识综合应用起来，由于建构主义学习活动是以学习者为中心，而且是真实的，并且以完成特定的任务为动力，因而学习者就更具有兴趣和动机，能够鼓励学习者进行批判型思维，能够更易于提供个体的学习风格，展现自己的独特思维，不受现有网页模式的拘束。

《创建站点》教学设计方案（第一课时）一、教学目标1. 知识与技能：掌握创建站点的基本观点和操作方法。

2. 过程与方法：通过实践操作，学会应用网站创建工具。

3. 情感态度价值观：培养学生对信息技术的兴趣和热爱。

二、教学重难点1. 教学重点：掌握创建站点的步骤和方法。

2. 教学难点：学会应用网站创建工具，并能够进行简单的网页编辑。

三、教学准备1. 准备教学用具：黑板、白板、计算机教室、网站创建工具等。

2. 准备教材和课件：根据课程需要，准备相关教材和课件。

3. 提前上网测试：确保计算机教室的网络毗连正常，可正常应用网站创建工具。

4. 安排学生的学习环境：确保学生能够方便地应用计算机进行操作，并有良好的学习氛围。

四、教学过程：（一）导入新课1. 展示一些优秀的网站，让学生欣赏。

2. 提问：这些网站有什么共同特点？3. 引导学生总结出网站的基本特点。

4. 引出本课所学内容：创建站点。

（二）创建站点1. 教师演示创建站点的步骤：（1）启动FrontPage 2003。

（2）选择“文件”菜单下的“新建”子菜单中的“站点”选项。

（3）输入站点名称并确定。

2. 学生尝试创建站点，教师巡视并给予指导。

3. 学生演示自己的站点，并简单介绍自己的站点主题和内容。

4. 教师给予评判，并总结创建站点的要点。

（三）规划站点内容1. 教师引导学生思考：我们的网站应该包含哪些内容？2. 讨论并总结出网站一般包含以下内容：首页、主页模板、其他页面、图片、文字、Flash动画等。

3. 针对不同的内容，教师进行相关的操作演示，如插入图片、文字、Flash动画等。

4. 学生根据自己站点的主题和内容，规划自己的站点内容。

（四）创建首页和其他页面1. 学生根据规划的内容，尝试创建首页和其他页面。

2. 教师巡视并给予指导，提醒学生注意网页的布局和排版。

3. 学生演示自己的作品，并简单介绍自己的作品特点。

4. 教师给予评判，并总结创建首页和其他页面的要点。

《H5快速制作网页》教学设计一、学习内容分析《H5快速制作网页》是苏教版《初中信息技术》8年级第3章《主题网站设计与制作》第2节《制作网页》中第1课时的内容。

H5是指第5代HTML标记语言，其搭建的站点可方便地应用于PC、Android、iOS等多种平台，它为互联网内容的呈现提供了一种全新的框架和平台，包括免插件的音视频、图像、动画、本地存储以及更多酷炫的功能。

通俗地说，H5是一种创建网页的方式，用H5创建的网页以文字、图片、动画、声音等相结合的富媒体出现，页面图文并茂、生动活泼、传达方便、易于推广。

二、学习者分析本节课的学习对象是八年级的学生，处于这一年龄段的学生，思维活跃，具备一定的理解能力和较强的自学能力。

通过前面的学习，学生已熟练使用WPS、Photoshop等软件，也掌握了规划设计主题网站的方法。

本节课以iH5软件工具为平台，学习用H5快速制作网页。

然而学生从未接触过iH5，对于陌生软件的学习，有些畏难情绪，觉得无从下手。

但是在日常生活中，他们经常能接触到各种各样的手机H5网页，如企业宣传、个人简历、邀请函、纪念册等，这些H5网页给大家带来了全新的体验，技术本身带来的新奇感让学生心生向往。

三、学习目标知识与技能：能列举H5网页的特点；掌握在iH5软件中添加和编辑文字、图片、动画等元素的方法以及设置对象属性的方法，理解舞台、页面、对象之间的层级关系。

过程与方法：通过制作校园文化艺术节邀请函，经历制作H5网页的基本过程。

情感态度及价值观：感悟网页制作并非难事，软件使用有共通之处。

四、教学过程（一）创设情境，初认H5以艺载德、以艺促智，一年一度的校园文化艺术节又开始了，同学们踊跃报名，比拼才艺。

八年级将举行以“多彩校园，闪亮你我”为主题的汇报演出，充分展示八年级同学的青春活力和精神面貌。

思考：本次演出将要邀请家长参加，你会选择什么样的方式来做出邀请呢？（口头传达、短信、纸质邀请函等）活动1：体验“校园文化艺术节邀请函H5”，初认H5。