《网设计与制作》教学说课
网页设计与制作说课稿
新邵职中
16
2．课程教学方法设计
本课程采用任务驱动的教学模式，实施项目化教学方法，
课堂与实训3地．点课一程体教化学。方从法以设下三计个方面展开。
（3）采用“四步曲”的教学流程， 融“教、学、做”于一体
第一步，教师展示示范项目，分析工作任务， 演示操作流程，讲解涉及的理论知识。 第二步，下达实训项目工作任务，提出完成任 务的具体要求和完成时间。 第三步，小组协作学习，完成实训项目。 第四步，项目验收，学生自我评价，教师综合 评价。
《网页设计与制作》 说课
一
课程构思
二
课程设计
三
课程实现
四
课程运作
新邵职中
2
1、课程定位
课程名称
网页设计 与制作
授课对象
计算机专业 学生
课程性质
计算基础机课专业
先学课
F计la算sh机动应画用等
新邵职中
理论
72
实践
108
3
2．课程目标
课程目标包括知识目标和能力目标。Байду номын сангаас
知识目标
☺ 了解WWW、HTTP、HTML、CSS的定 义、概念和作用； ☺ 理解服务器、客户端、浏览器的概念和作 用； ☺ 理解HTML语言中的常见标记及其作用； ☺ 熟练掌握Dreamweaver的基本操作方法； ☺ 理解表格、框架、层的作用，掌握设置其 属性的方法； ☺ 理解CSS样式表的作用和意义，掌握定 义CSS样式的方法； ☺ 理解表单的作用，掌握设置表单元素属性 的方法； ☺ 理解行为的作用，掌握设置行为的方法， ☺ 理解模板和库的作用；
4
3、课程特色
任务驱动
大案例贯穿
学生 主体
网页设计与制作说课
强化网页制作技能、积累网页制作经验
激发自身学习兴趣、形成持久学习动力 提升自主学习能力、满足职业岗位需求
三.教学设计 ——理念与思路 1、设计理念： 突出专业课程的职业性和实践性。按照“职 业岗位→岗位需求能力→确立教学项目”的项目 导向式的运行机制来组织教学。 2、设计思路： 以培养职业能力为核心，以案例教学为中心 的课程实施积极探索教学方法与成绩评价方法的 创新，保证课程目标的实现。
目
一 课程定位 二 课程目标 三 教学设计 四 教学实施 五 教学资源 六 课程特色
录
七 改革思路
一.课程定位－－课程性质
网页制作是高职高专院校计算机教育专 业和其他相关专业学生应该掌握的重要技能 之一。《网页设计与制作》作为软件技术专 业的一门必修课，重在培养学生的专业应用 能力。
1.课程定位－－职业岗位
企业网络建 设与管理
计算机网络 技术专业职 业领域
企业网站开 发与维护
本 课 程 相 关 的 岗 位
网页设计师 网站美编 企业网站策划 网络广告设计
IT产品营销、 客服技术支持
一.课程定位－－课程地位
本Байду номын сангаас程
《计算机应用基础》 《多媒体制作技术》
《动态网页设计》 《多媒体作品创意》 《企业网站设计与开发》
本课程的学习有助于学生深入学习计算机类相关专业 其他知识和提高职业技能，完善学生的专业知识结构， 提升学生从事实际工作的综合素质
二.课程目标
通过学习《网页设计与制作》课程，学生能够设计制 作出布局美观、链接合理、包含文字、图形、图象、动 画、声音、视频等多种媒体信息并具有一定交互功能的 网页；概括说来，该课程教学目标主要集中在以下几个 方面： 赏析各类经典网站、掌握网页制作方法
网页设计与制作课时说课稿
3
DIV+CSS网页布局技术、团队协作、
项目实施能力
6
JavaScript脚本代码的应用能力
4
使用模版完善静态网站
掌握网站模板的使用方法
2
应用行为增强网页动态效果
掌握网站行为的使用方法
2
项目总结与评价
具备检查、判断能力、语言表达能 2 力、责任意识
<div id=“right_top_jcjs”></div>
</div>
<div id=“right_jxzy”></div>
<div id=“right_jx”></div>
</div>
</div>
<div id=“footer”></div>
先堆到一起再说！
教师为主导 学生为主体
三 4.在网页制作软件中如何将这些盒子放置到合适的位置？ Css样式表——盒子摆整齐了！
自主探究法、总结反思法
项目导向 任务驱动
教师展示任务效果 教师提出任务目标 学生自主探究 教师引导、解决疑难问题 展示与评价
布置课后拓展练习
一
任 务 效 果 展 示
提高自学兴趣，被动——主动 进一步明确本节课要实现的目标，设置四个问题来分析、讨论
二
1、复习什么是CSS的盒子模型？盒子的属性？（引导、讨论）
选
取
与
安 排
项目三 精品课程网站
项目四 武威旅游网
项目五 佳佳商城用户及留言管理系统
电子商务网页设计与制作说课
电子商务网页设计与制作说课课程目标本课程旨在培养学生对电子商务网页设计与制作的基本理论和技能的掌握，使学生能够独立设计和制作具有良好用户体验的电子商务网页。
教学大纲第一部分：电子商务网页设计基础1.电子商务网页设计概述–电子商务网页的定义和特点–电子商务网页设计的重要性和意义2.用户体验设计原则–网页可用性和易用性–页面布局和导航设计–图片和色彩搭配原则3.网页设计工具介绍–Adobe Photoshop–Adobe Illustrator–Sketch第二部分：电子商务网页制作技术1.HTML5与CSS3基础–HTML5标签和元素–CSS3样式和布局2.响应式网页设计–媒体查询–弹性网格布局–移动设备优化3.JavaScript与网页动态效果–JavaScript基础语法–DOM操作与事件处理–常用动态效果的实现第三部分：电子商务网页实战案例1.网页结构与布局设计–导航栏设计–主页布局设计–分类和搜索页面设计2.产品展示与购买功能实现–产品列表展示–商品详情页面设计–购物车功能实现3.用户登录和支付功能实现–用户注册登录设计–支付接口集成与功能实现–订单处理与配送管理教学方法1.理论讲授：通过讲解PPT、示例网页等形式，向学生介绍电子商务网页设计与制作的基本理论和方法。
2.实例演示：通过展示实际案例，演示如何进行电子商务网页设计与制作，引导学生理解和掌握实际操作。
3.实践操作：通过独立或小组进行实践项目，让学生动手设计和制作电子商务网页，提升实际应用能力。
4.综合评估：通过作业、项目评估和课堂讨论，对学生的学习效果和能力进行评估和反馈。
教学资源•电脑实验室：配备相应的网页设计与制作软件，供学生进行实践操作。
•优秀网页案例：提供各种优秀的电子商务网页案例，供学生参考和借鉴。
•教学资料：提供相关的课程讲义、PPT和实例代码，为学生提供学习和参考的资源。
教学评估1.作业评估：布置每章节的理论和实践作业，评估学生对知识和技能的掌握程度。
《信息技术应用》 说课稿
《信息技术应用》说课稿尊敬的各位评委、老师：大家好！今天我说课的题目是《信息技术应用》。
下面我将从教材分析、学情分析、教学目标、教学重难点、教法与学法、教学过程、教学反思等几个方面来展开我的说课。
一、教材分析《信息技术应用》是一门注重实践操作和应用能力培养的课程。
本节课选用的教材是_____出版社出版的《信息技术基础》，该教材内容丰富，涵盖了信息技术的多个领域，具有较强的系统性和实用性。
本节课所涉及的内容是信息技术在日常生活和工作中的应用，包括计算机操作系统的基本操作、办公软件的使用、网络资源的获取与利用等。
通过这些内容的学习，能够为学生今后更好地适应信息社会的发展打下坚实的基础。
二、学情分析授课对象为_____年级的学生，他们在之前的学习中已经对信息技术有了一定的了解和接触，但掌握程度参差不齐。
大部分学生对信息技术充满兴趣，具有较强的好奇心和求知欲，但在学习过程中可能会缺乏耐心和细心，容易忽略一些细节问题。
此外，学生在自主学习和合作学习方面的能力还有待提高，需要在教学过程中加以引导和培养。
三、教学目标1、知识与技能目标（1）学生能够熟练掌握计算机操作系统的基本操作，如文件管理、系统设置等。
（2）学生能够熟练使用办公软件，如 Word、Excel、PowerPoint 等，完成简单的文档编辑、数据处理和演示文稿制作。
（3）学生能够掌握网络资源的获取与利用方法，如搜索引擎的使用、网页浏览、文件下载等。
2、过程与方法目标（1）通过实际操作和案例分析，培养学生的动手能力和问题解决能力。
（2）通过小组合作学习，培养学生的团队协作精神和沟通交流能力。
3、情感态度与价值观目标（1）激发学生对信息技术的兴趣和热情，提高学生的信息素养。
（2）培养学生的创新意识和创新能力，让学生在学习中体验到成功的喜悦。
四、教学重难点1、教学重点（1）办公软件的熟练使用，如 Word 文档的排版、Excel 数据的处理和分析、PowerPoint 演示文稿的制作。
网页设计与制作说课稿（盒子模型） -完整课件PPT
教学重难点
教学重点
掌握DIV+CSS布局应用与技巧，熟练CSS语法规则。
教学难点
深入理解布局的精髓——盒子模型以及如何灵活、简练的应用。
提纲
教法与学法
◇课前分析
◇教学目标及重难点
1
◇教法与学法 ◇教学时间安排 ◇教学设计
小组讨论法
宏观： 项目教学法
◇教学反思
直观演示法
微观
任务驱动法
活动探究法
提纲 ◇课前分析 ◇教学目标及重难点 ◇教法与学法 ◇教学时间安排 ◇教学设计 ◇教学反思
提纲 ◇课前分析
课程分析 教材分析 学情分析
◇教学目标及重难点 ◇教法与学法 ◇教学时间安排 ◇教学设计 ◇教学反思
教材分析
上海交通大学出版社 《网页制作三合一案例教程》
第9章“CSS标准流布局”。 对页面进行整体布局——盒子 模型
提纲 ◇课前分析
课程分析 教材分析 学情分析
◇教学目标及重难点 ◇教法与学法 ◇教学时间安排 ◇教学设计 ◇教学反思
学情分析
对文本、图形、动画等多媒体信息的处理技术 有了一定的使用经验，但基础差异大 计算机实际操作能力较弱 对理论讲解不感兴趣。 对网页内容、结构、效果等设计的优劣有一定 的感性认识，但自主创作设计能力不足
提纲 ◇课前分析 ◇教学目标及重难点
教学目标 重点难点
◇教法与学法 ◇教学时间安排 ◇教学设计 ◇教学反思
展
示 与
自信感、成就感、责任心
评
价
以工作任务为主线，以学生为主体，以教师为主导，融“教、 学、做、评”为一体。
提纲
布置作业
◇课前分析
◇教学目标及重难点
◇教法与学法
网页设计与制作说课
1
2
3
4
5
6
7
教学方法
教 学 做
一体化
教学方法
模块化内容， 模块化内容，项目法教学
启发引导， 启发引导，激发兴趣 案例教学， 案例教学，强化实训
分组活动， 分组活动，角色扮演
教学方法
说课
网页设计与制作
计算机科学系： 计算机科学系：贾延明
说
课
大
纲
1 2 3 4
说教材
说教法
说过程
说效果
说教材
教材
教材选取
教学内容
教材选取
D
以动手能力为突破点
C
以案例为主线
B
以实用技能为核心
A
以就业为导向
教学方法
2. 案例教学，强化实训 案例教学， 将实际案例引入教材、教学体系中， 将实际案例引入教材、教学体系中，每个重 要知识点均与实际应用结合起来， 要知识点均与实际应用结合起来，提高学生 工作 流程的认识，融创新思维培养、团队学习方式、 流程的认识，融创新思维培养、团队学习方式、 实践案例教学于课程教学中。 实践案例教学于课程教学中。案例教学 法的使用 增强了实训教学的针对性和适用性， 增强了实训教学的针对性和适用性，提高了学生 综合分析问题与解决问题的能力。 综合分析问题与解决问题的能力。
教学方法
3. 分组活动，角色扮演 分组活动， 在实践教学中， 在实践教学中，课程组教师不仅注重培养学 生的操作技能， 生的操作技能，也注重培养学生团队协作素 质。 在按要求完成任务的过程中， 在按要求完成任务的过程中，将班级分成多个小 组，每组 3～6 人，小组成员可以采用 “头脑风 ～ 同伴互助式、 暴”式、同伴互助式、角色扮演式等适当的方式 相互协作，共同完成任务。 相互协作，共同完成任务。
高中信息技术《网页制作》教案三篇高中信息技术网页制作
高中信息技术《网页制作》教案三篇高中信息技术网页制作教案网权威发布高中信息技术《网页制作》教案三篇，更多高中信息技术《网页制作》教案三篇相关信息请访问教案网。
FrontPage网页设计技巧综合运用专家们、教师们：大家好！今天我说课的题目是：FrontPage网页设计技巧综合运用我的说课将从以下几个方面进行：一：说教材二：说教学目的三：说学生四：说教学方法及实现途径五：说有关教学设计中的三个引导点首先说教材：教材的选取：教材使用经全国中小学教材审定委员会审查通过，全日制普通高级中学信息技术教科书，高中第三册，第一单元FrontPage网页设计的总结运用课。
这一教材由广西科学技术出版社出版本节教学内容所处的地位：是巩固与提高学生网页设计技巧的极好机会，而且是教师抓住机会进行更精彩、更有意义的教学设计与教学实施的关键时期，我想这点会在我后面的教学设计阐述中体会。
接下来说教学目标：基础知识目标：巩固前面已学的网页设计技巧，而且将激发学生自主去探讨，更多的网页设计技巧。
能力培养目标：培养学生互相合作，共同提高的良好品质；鼓励学生们在这一网页设计运用课中，充分利用网络资源，培养自己主动学习及探究能力和综合信息素养。
情感教育目标：如何使信息技术教学成为培养学生综合素质的一个平台，如何设计除了教会学生使用一些基础软件知识之外的更多的东西，这是我一直在计算机课教学中思考的一个问题；学生情感教育的培养，一直应成为我们课堂教学中，不可缺少的重要素质教育目标之一，所以选择母爱为主题，由此培养学生对母爱的理解及体验母亲对儿女平凡而伟大的爱；另外也为丰富我自己的情感：我作为一名普通的教学人员，我希望在我的教学中做我应做的，做我能做的，多探讨，多尝试，丰富学生的内心同时，我也在其中丰富自己，并感受更多的快乐。
接下来说学生：学生计算机知识背景：我的学生是高二的学生，高二的的学生经过高一计算机基础知识的学习以后，他们有一定的网络知识，如何设计一个教学环节不仅仅简单让学生回顾复习一下，而是能达到更高的层次，下面了解一下：学生的身心特点：高中生在心理和行为上表现出强烈的自主性，具有很强的自信心和自尊心，热衷于展现自己的力量和才能；他们已不满足于父母、老师的讲解，或书本上的现成结论，学生与父母的交流：在高中阶段，高生中的自主、独立性使他们的个性处于极其张扬与反叛的时期，父母与孩子的交流往往在这一时期成为多事之秋。
静态网页设计与制作说课.ppt
中认真关注，随时解答疑问。
实践法
24
学生汇报计划与实施过程，回答同学与老师提出的问题。
重点检查流程的认知和网站团队运作，师生共同评价各
小组及个人的工作成果： 1.自评：学生对本项目的整个实施过程进行评价； 2.互评：以小组为单位，分别对其它小组的工作进 行评价；
提问引导法 实践法 讨论法
2
3.教师评价：教师对互评结果进行评价，指出每个
学习情境描述
“个人网站制作”学习情境表1-
1
学习情境1：个人网站制作
学时：38
项目目标
1．掌握个人网站制作的流程和方法、学习欣赏网站，制订个人网站制作策划方案； 2．熟悉Dreamweaver基本工具的使用； 3.分组制作一个个人网站； 4.培养学生团队精神、创新能力、自主探究学习能力、表达能力。
社会能力目标
沟通能力协作精神 勤于思考认真做事 勇于创新敬业乐业
自主学习能力 知识应用能力 良好的职业道德 较强的工作责任心
课程设计理念
以职业资格为依据
内容选取
教学组织
课程标准
以工作需求为目标 以工作过程为主线
以真实项目为载体
教学实施
表现形式
以实际工作为场景
课程设计思路
企业 调研
确定岗 位（群）
5%
5
项目制作报告
项目制作工作计划、总结和成果评价表书写认真、完整、字迹清 楚、页面整洁，项目制作收获较大
10%
合计
100%
敬请专家指导！ 谢谢！
教师知识与能 熟悉网站制作流程，网页制作Dreamweavera工具，网页素材制作方法，网页制作方
力要求
法与技巧；较强的归纳能力；较强的教学管理与教学组织能力。
2024年高中信息技术说课稿_1
2024高中信息技术说课稿2024高中信息技术说课稿1一、说教材：1、教材分析：电子表格加工是广东版《信息技术基础》中的第三章第二节第二课时内容，而图表是本节的一个重要知识点，与表格信息加工的过程相结合，实现从操作到实际应用的提升，以图表为手段来分析数据，表达结果，最终目的是让学生体验其加工和表达的一般过程。
2、教学目标：1、知识与技能目标：熟练掌握Excel图表的相关操作；学会利用图表呈现分析结果，培养学生分析解决问题的能力。
2、过程与方法目标：比较分析各类图表的适用范围；经历表格数据加工与表达的过程，形成分析报告。
3、情感态度与价值观目标：体会图表在呈现数据方面的优越性，提高学生的审美与鉴别能力。
3、教学重点：使用合适的图表类型呈现数据；总结各类图表的适用范围。
4、教学难点：根据实际问题选择恰当的图表类型；提高对制作报告的认识和审美能力。
二、说教学策略：1、学习环境分析：学校硬件设施比较好，而本课内容重在实践，所以我选择网络教室，便于学生进行练习。
2、学习者分析：本课的对象是高一年级学生，他们已学过用EXCEL软件对数据进行处理的方法，掌握基本的操作技巧，但在应用方面的认识比较肤浅。
因此，我在教学上要注重让学生体验及掌握如何运用信息技术解决实际问题的能力。
3、教法：（1）对照导入法：创设文明班评比的情境，对照不同的呈现方式，引导学生思考一系列问题，突出图表这种呈现方式的直观性。
（2）任务驱动法：设置任务让学生以小组协作的形式自主探究，鼓励发挥组内各成员的所长，合作交流完成任务。
4、学法：（1）小组讨论法：为学生提供表达、交流的机会，通过讨论共同提高对图表的应用认识。
（2）互评学习法：通过小组互评、教师点评，促进知识的建构。
三、说教学过程：1、情境引入：以“高一年级创建文明班集体评比得分统计表”导入新课，采用对照式导入法，进行两个对比，首先是量的对比。
先后给出两个表格，含有3个班和含有10个班的统计表，同样提问三个问题：哪一个班的总成绩最好？从表中的数据来看，哪一个班的表现最平稳？哪一个班的进步很大，保持上升的势头？很明显，在数据量剧增的情况下进行数据分析有相当的困难。
《网页制作入门》说课稿
一、教学目标的确定思路： 1．教材分析：网页制作与发布一章是教材中第四部分信息的生成与发布中的一个内容。
这一部分学习内容的重点是：编辑属于自己的信息，发布具有自己特色的信息。
主要涉及：文本信息的处理、信息素材的整理、对象的插入设置、网页效果的浏览及网页发布等相关方面的内容。
这章是属于在综合运用以前所学知识的基础上进一步提高、学习。
《网页制作入门》这一节是本章的基础、入门课程。
2．学生分析：学生通过前面各章节内容的学习，对文本、图形、图像、声音、动画等多媒体信息的处理技术有了一定的使用经验，掌握了一些信息的搜集、整理、加工等方面实际处理能力，特别是通过对internet 相关知识的介绍及大量网站的浏览，对网页内容、结构、效果等设计的优劣都有了一定的感性认识，并且有了一定的分析、评判的能力，基本上完成了知识和能力的积累。
3．教学目标：通过本章的教学，使学生获取、分析、处理、发布、应用等信息处理能力得到提高。
特别注意培养学生通过网络发布信息的能力，培养学生的创新、探索精神和分工合作意识。
结合这个总的教学目标制定本节的教学目标：教养性目标：知识目标：（1）熟悉dreamweaver的界面环境；（2）了解dreamweaver菜单、属性面板、对象面板、快速启动面板中主要功能及用法；（3）掌握超级链接的概念。
能力目标：（1）掌握文本网页的制作技术，会设置字体、字号、颜色及超级链接，（2）提高对信息的处理能力，（3）培养学生自主学习的能力。
思想方法：观察法、发现法、类比法。
教育性目标：培养学生做文明礼貌、诚实可信的人；发扬团结协作的学习精神。
发展性目标：（1）培养学生学习信息处理技术的学习兴趣，（2）培养学生探索新知识、新技术的求知欲望，（3）激发学生的创新意识。
4．教学重点和难点：文本属性面板的使用。
二、教学过程：1．教学任务的设计：总任务：设计一个内容文明健康、图文并茂、效果丰富的网页，有条件的进行发布。
网设计与制作说课软件技术省公开课金奖全国赛课一等奖微课获奖PPT课件
六 课程特色
特色： 教学观念先进，突出应用能力培养。 本课程本着理论够用、实践加强标准，突出应用能力培养。适时调 整教学内容，保持与Web技术发展同时。改革考评方式，重视学生 学习过程。
25/30
创新点：
1、在学习当中，注意引导学生取得美熏陶，提升审美能力。 2、强调技术与艺术融合，将网页作品看成一份含有生命力 艺术品。 3、 以真实网站作为教学案例，让学生在真实工作环境中训 技能，提升学生适应岗位需求能力。 4、 虚拟项目设计考评模式。，给学生一些虚拟项目作为课程 设计，培养学生单独规范做项目标能力及网站设计综合能力， 也让学生找工作时能够向用人单位提供一个完整网站设计作品
4/30
1.2 本课程与先修课程后续课程衔接和配合
《网页设计与制作》课程在第三学期开设，共40课时（理论20课时， 实践20课时），教学工作集中在1~2周完成，第5周20课时项目实训。 作为一门专业基础课，该课程可为后续课程提供静态网页设计与制作 理论基础和操作技能。它与计算机应用基础、数据库及动态网页编程 等课程亲密相关。其中《计算机应用基础》为本课程先导课程，而 《Javascript》及《XML及应用》等课程是本课程后续课程。总之， 本课程学习有利于学生深入学习计算机类相关专业其它知识和提升职 业技能，完善学生专业知识结构，提升学生从事实际工作综合素质
7/30
技能与素质目标 培养学生搜集、处理信息，准备、加工素材能力 培养学生制作静态网页能力 培养学生设计网站综合能力 培养学生策划能力、色彩感悟能力、结构布局能力和想象力 训练和培养学生获取信息和处理信息能力，充分培养和提升学生动手
能力，学会经过网站、书籍、素材光盘等方式搜集所需文字资料、图 像资料、Flash动画和网页特效等 培养学生利用所学理论知识和技能处理网站开发过程中所碰到实际问 题能力及其基本工作素质
《制作家乡网站》 说课稿
《制作家乡网站》说课稿尊敬的各位评委、老师：大家好！今天我说课的题目是《制作家乡网站》。
下面我将从教材分析、学情分析、教学目标、教学重难点、教法与学法、教学过程、教学反思等几个方面来展开我的说课。
一、教材分析本次课选用的教材是_____出版的《＿____》。
本节课是教材中关于网站制作的重要内容，通过学习，学生能够将所学的知识运用到实际的网站制作中，不仅能提高学生的信息技术素养，还能培养学生对家乡的热爱之情。
本节课的内容主要包括网站规划、素材收集与整理、页面设计与制作等方面。
通过对这些内容的学习，学生将逐步掌握制作网站的基本流程和方法。
二、学情分析授课对象为_____年级的学生，他们已经具备了一定的信息技术基础知识和操作能力，对计算机充满了兴趣和好奇心。
但是，在网站制作方面，学生还处于初步接触阶段，对于网站的整体规划、页面布局等方面的认识还比较模糊。
此外，这个年龄段的学生具有较强的团队合作意识和创新精神，但在学习过程中可能会出现缺乏耐心、粗心大意等问题。
因此，在教学过程中，要注重引导学生，激发他们的学习兴趣，培养他们的耐心和细心。
三、教学目标1、知识与技能目标（1）学生能够了解家乡网站的基本构成和功能。
（2）掌握网站规划的基本方法，包括确定网站主题、目标受众、栏目设置等。
（3）学会收集和整理与家乡相关的素材，如图片、文字、音频、视频等。
（4）熟练掌握网页制作工具的使用，能够制作出具有一定美观度和实用性的家乡网站页面。
2、过程与方法目标（1）通过小组合作，培养学生的团队协作能力和沟通能力。
（2）在网站制作过程中，提高学生的问题解决能力和创新思维能力。
3、情感态度与价值观目标（1）激发学生对家乡的热爱之情，增强学生的家乡自豪感。
（2）培养学生的审美意识和创新精神，让学生体验到成功的喜悦和成就感。
四、教学重难点1、教学重点（1）网站的规划与设计，包括确定网站主题、栏目设置、页面布局等。
（2）素材的收集与整理，以及如何将素材合理地运用到网站中。
网页设计与制作说课
《网页设计与制作》说课稿计算机科学系教师：朱希伟一、说课程1、课程目标【2分钟】2、教材的选用和使用【1分钟】3、参与教改的情况【1分钟】本课程主要培养学生的动手能力，针对职业院校学生的特色，我认为：少用传统的板书讲解理论知识，把大量的理论知识夹杂在实践中进行消化。
采用投影讲解+课堂练习+课下自学+咨询答疑+总结归纳的方式开展教学，使学生学习的效率大幅度提高，有利于激发学生的学习兴趣。
二、说教法1、教学内容的组织与安排【1分钟】《网页设计与制作》是一门实践性很强的课程，课程的目标是培养网站设计与开发能力。
为了达到课程的培养目标，在教学内容的组织与安排上突出了以能力为本位的教学设计，以培养职业综合能力为基础，以胜任岗位要求为出发点，在课程的整个教学过程中采用教、学、做一体化的教学设计。
根据岗位确定的能力要求安排教学和实训课程模块。
按照网页设计岗位的需求以及工作流程对课程教学内容与实训项目进行选择与排序,确定的教学主线如下图所示:2、教学方法的选择、依据和特点【4分钟】（1）、老师如何教（四步教学法）第一步：项目导入（说明本单元要完成的教学目标，然后展示范例的实际效果）第二步：讲解示范（利用投影讲解项目的完整制作方法，单元所涉及到的理论知识全部集中在项目中进行讲解和消化）第三步：模仿操作（学生进行素材的下载，按照制作要求，边学边练）第四步：总结练习（教师对本章节的重点和难点进行归纳，布置单元练习强化作业，学生通过练习掌握所学知识与技能）课堂教学网站及网络教学资源（2）、学生如何学【课下学习】鉴于《网页设计与制作》课程开设于新生班第一学期，实际上课周数比较短，仅仅利用课堂教学无法满足岗位对知识能力的要求。
因此，如何为学生提供课下学习的机会和条件、学生课下学习遇到问题如何快速解决、提高学生的成就感、循序渐进的引导式教学就成了迫切要解决的问题。
1、课下学习条件本课程提供全套网页形式的多媒体课件【PPT课件是为教师上课提供方便，而网页形式的课件是为学生课下学习及答疑提供方便】，配有全程视频教学录像。
以“说课”形式谈《网页设计与制作》项目教学设计
以“说课”形式谈《网页设计与制作》项目教学设计【摘要】江苏职教于2011年开始全面启动”五课”教研”两课”评比活动，”两课”评比是以课堂教学竞赛为基本点，通过学校、县、市和省层层筛选，经过教案评比、说课、答辩与上课等环节的评比，全面推进职业教育课程改革，提高课堂教学的有效性，促进骨干教师的培养。
笔者以参加2012年省计算机专业技能课程”两课”评比活动的亲身体验，对课程项目教学改革实践加以总结，进一步提高了课堂教学研究能力和水平。
【关键词】两课；网页设计；项目教学The “lessons” form of “webpage design and making” project teaching design【Abstract】Launched a comprehensive “five class” teaching “Two Courses” teaching in Jiangsu vocational assessment activities in 2011，“Two Courses” rating on classroom teaching competition as the basic point，through the school，county，city and province layers of screening，after teaching appraisal，DLA，pleading and class and other aspects of the assessment，comprehensively promote the occupation education curriculum reform，improve the effectiveness of classroom teaching，to promote the cultivation of teachers. The author to participate in the 2012 provincial computer professional skills courses of “Two Courses” activities experience，the practice of teaching reform project is summarized，and further improve the teaching research ability and level.【Key words】Two courses；Webpage design；Project teaching0 前言江苏省“两课”评比活动已经连续开展近三年，笔者有幸参加了专业技能课程的评比并取得了示范课。
[理学]《dreamweaver网页设计》说课稿_OK
![[理学]《dreamweaver网页设计》说课稿_OK](https://img.taocdn.com/s3/m/c511b952284ac850ac0242cc.png)
一堂课说课稿
制作人 夏贤铃
进入
第9章 动态网页制作
• 教材分析 • 教学目标 • 教学重难点 • 教学方法 • 上课课件
教学课时 教学过程 课堂小结 实战演练
上一页
主页
下一 页
2
※ 退出
教材分析与处理
《 网页三剑客》是电子商务专业必修的一门课程。主要学习使用Dreamweaver、FL ASH和Fireworks三种软件制作网页。
本课是《网页三剑客》中FLASH动画制作的内容。主要在是前面动画制作内 容的基础上讲解新的二种动画类型——遮罩动画和引导层动画。
上一页
主页
下一 页
3
※ 退出
学情分析
在计算机专业一年级的学生中开设本门课程，对 学生学习来说有很大的难度，因为《计算机组装与维 护》是建立在学生已初步掌握计算机基本理论的基础 之上的，《计算机应用》与《组装维护》同时开设， 给教与学都带来了很大程度上的不便。虽然在学习本 章内容之前，学生已初步了解了各主机硬件组成部分
上一页
主页
下一 页
8
※ 退出
七、教学思路与过程简介
课前准备工作 备课
制作课堂上所需的实例作品 教学基本思路
课堂教学应体现以人为本的思想，体现以学生为 中心，以Байду номын сангаас生自主探究为特征的探究性学习模式， 充分结合教务科最近号召实施的微笑进课堂活动， 以此来实现让课堂活起来，让学生动起来，使课堂 充满生命的活力的目的。让学生带着问题来听课， 围绕任务去操作，引导学生边学边练，使学生在愉 快的学习氛围中圆满地完成本堂课所要达到的教学 任务。
上一页
主页
下一 页
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
教学难点：
设置网页标题；设置网页关键字；制作滚动文字。
教学过程设计
一、HTML简介（5分钟左右）
HTML：(HyperTextMarkupLanguage)是一种超文本标记语言，是网页制作的基本语言。即通过将特定的标记放置在文本或图片或URL前后，来达到使该段文本或图片或URL以指定方式显示的目的。
四、HTML标记举例（55分钟左右）
1．设置网页标题：<title>标记
2．元信息标记：<meta>标记
<meta>标记的信息只显示在源代码中，浏览器中没有显示，通过设置<meta>标记的不同属性，可以定义页面中各种元数据，如页面的名称、关键词等多种信息。
3．制作滚动文字：<marquee>标记
属性：
主要参考书目
赵喜清，崔海涛《网页设计与制作》哈尔滨工业大学出版社，2010.9
孙振业《网页设计与制作》高等教育出版社，2009.3
课程教案（№:1）
授课内容
网页制作基础知识
课型
理论实践
授课学时
2
教学方法与手段
讲授法
教学目的与要求
本次课程将讲授网页制作的基本知识，使学生了解到什么是网页，网页制作涉及到哪些工具、网页与网站有什么区别，网页与普通的文档有什么区别等。通过讲授也将使学生了解到网页的组成，网页语言的种类及各自特点；动态网页与静态网页的定义；Internet信息发布的原理等等内容。
课程教案（№:5）
授课内容
网页文本的使用
课型
理论实践
授课学时
2
教学方法与手段
讲授法
教学目的与要求
本次课程将讲授网页制作过程中的文本使用，掌握各种特殊文本的输入，文本列表的使用。
教学重点与难点
教学重点：
1．特殊文本的输入及使用状态；
2．文本属性；
3．文本列表的使用；
4．在html中的文本代码。
教学难点：
1direction表示滚动的方向，值可以是left、right、up、down，默认为left。
2behavior表示滚动的方式，值可以是scroll（连续滚动）、slide（滑动一次）、alternate（来回滚动）。
3Loop表示循环的次数，值是正整数，默认为无线循环。
4Scrollamount表示运动速度，值是正整数，默认为6。
网站：就是一个相互链接的网页的集合，它们可以共享。大的网站页面数量多达几十万，甚至上百万页，小的个人网站也可以只包含数个页面。
主页：是网站中的一个特殊网页，它是在WWW上进入网站的第一个网页，其中包含指向其他网页的超链接，通常主页的名称是固定的。
2．Internet简介（5分钟左右）
3．了解常用的网页制作工具（10分钟左右）
网页设计与制作教案
课程名称
网页设计与制作
课程类型
使用教材
教材名称：网页设计与制作实用教程主编：刘艳丽
出版社：高等教育出版社日期：2011年5月
学时分配
共64学时，其中理论36学时，实践28学时。
课
程
教
学
目
的
与
要
求
该课程是三年制高职高专电子商务专业的职能课程，目标是让学生掌握网页设计的基本概念，学会使用常用的网页设计工具和相关网页美工软件，能够设计制作常见的静态网页。它要以计算机基础、计算机网络技术课程的学习为基础，也是进一步学习网络编辑、网站建设与管理课程的基础。
5Scrolldelay表示停顿时间，值是正整数，默认为0，单位是毫秒。
6Align表示元素的垂直对齐方式，值可以是top、bottom、middle。
7Height、width表示运动区域的高度和宽度，值是正整数或百分比，默认width=100%，height为标签内元素的高度。
事件：
onMouseOver=this.stop()和onMouseOut=this.start()，表示当鼠标浮到以上区域的时候滚动停止和当鼠标移开的时候又继续滚动。
教学过程设计
一、站点（10分钟左右）也称“网站”，用来定位网站上的所有文件，是一系列通过超链接而相互联系的网页集合。建立网站首先要在本地计算机上构建本地站点来管理站点中的文档，制作网页，测试完毕后，上传到Internet服务器。
二、新建本地站点（20分钟左右）
1．站点菜单->新建站点
2．站点菜单->管理站点->新建
6.管理站点
（1）站点菜单->新建站点
（2）实现对站点创建.删除.编辑
（3）导出并重新导入站点
作业/思考题：
1．在制作网页前为什么要首先建立站点立站点应该注意的问题？
教学后记：
通过本次实训，让学生系统的掌握站点的创建及管理，了解各类站点的创建过程，并能正确的导出和导入站点文件。
3．编辑菜单->首选参数->在浏览器中预览->不选”使用临时文件预览”
五、站点的编辑和管理（20分钟左右）
1．站点管理器：文件面板(窗口菜单或F8键)
2．打开现有本地站点
3．查看本地和远程网站的文件和地图
4．调整窗口视图
5．保存站点地图
6．重建站点缓存
7．站点编辑，复制，删除，导入与导出：站点菜单->管理站点
本次课程将讲授网站站点的创建与管理知识，使学生了解到什么是站点，站点的种类，站点的作用，站点文件的管理。站点的发布及网页的预览。
教学重点与难点
教学重点：
1．站点的创建；
2．站点文件的管理；
3．站点文件的预览；
4．站点地图的生成。
教学难点：
测试利用服务器技术的站点；站点地图创建的条件；远程站点的创建。
教学重点与难点
教学重点：
1．Internet信息访问原理。
2．什么是网页？
（1）网页内容组成；
（2）网页编写语言种类及特点。
3．Dreamweaver8功能简介。
教学难点：
Internet信息访问原理；网页编写语言种类及特点。
教学过程设计
一、基础知识
1．网页简介（15分钟左右）
网页：是组成WWW（WorldWideWeb：万维网）的基本元素，也被称为页面或Web页。不同的网页通过超链接联系在一起，构成了WWW纵横交织结构。
作业/思考题：
1．在制作网页前为什么要首先建立站点？
2．定义本地站点的含义是什么？
3．建立站点应该注意的问题？
教学后记：
网站的站点，好似一个班级，应该首先为班级起一个名称，并配备一个班主任，然后再陆续的加入一些学生。这其实就是我们站点创建时应该为站点起一个名字，并设置一个首页，增加更多的超链接。
课程教案（№:3）
授课内容
了解Dreamweaver的界面及站点的建立
课型
理论实践
授课学时
2
教学方法与手段
讲授法、演示法
教学目的与要求
利用DreamweaverCS3熟练创建本地.远程站点。并掌握Dreamweaver的基本操作。
教学重点与难点
教学重点：
1．站点的创建；
2．站点文件的管理；
3．站点文件的预览；
4．站点地图的生成。
（3）勾选Internet信息服务，更新安装
4.创建利用服务器技术的站点
（1）运行软件
（2）站点菜单->新建站点
（3）是否利用服务器技术设置为是
（4）允许IIS，将默认站点的主目录设置为站点所对应的文件夹
（5）设置服务器站点的测试服务器为http：//localhost
5.站点文件的管理
站点文件的创建.编辑及预览
1．Dreamweaver的发展史
2．DreamweaverCS3的新功能
3．DreamweaverCS3工作区简介
4．网页文档的基本操作
作业/思考题：
1．列举你所了解的网页设计的常用工具和美化网页的主要工具
2．建立网站的基本流程有哪些步骤？“网页配色方案”文件，指导以后网页设计中的配色问题。
教学后记：
第一节课，应首先介绍网站发展的前景，重点分解Dreamweaver和其他软件的区别，提出利用网络传播信息，并由此讲述网络发展给网页带来的市场。通过两节课的讲授，感觉到学生能对本课程产生比较大的兴趣！
课程教案（№:2）
授课内容
站点的创建与管理
课型
理论实践
授课学时
2
教学方法与手段
讲授法
教学目的与要求
二、HTML文件的基本结构（10分钟左右）
<HTML>
<head>
<title>网页的标题</title>
</head>
<body>
网页的主体内容
</body>
</HTML>
三、HTML语法格式（20分钟左右）
1．HTML标记一般格式
<标记属性1=”属性值1”属性2=”属性值2”…>
对象
</标记>
说明：标记除了上述格式，还有单标记，如下面的<img>标记；属性书写不分先后顺序；属性值用英文双撇号括住。
教学难点：
站点地图创建的条件；远程站点的创建。
教学过程设计
1.本地站点的创建
（1）运行软件
（2）站点菜单->新建站点
（3）远程服务器连接选择为无
2.远程站点的创建
（1）运行软件
（2）站点菜单->新建站点
（3）远程服务器连接选择为FTP
3.IIS的安装
（1）我的电脑->控制面板->添加和删除程序
（2）选择添加windows组件