小学：《认识Dreamweaver CS6界面》教学设计

1、工程一任务二认识Dreamweaver CS6界面教学设计一、 设计构想认识Dreamweaver CS6出自高等教育出版社出版的网页设计与制作工程 一任务二，工程一主要讲解了什么是网站建设，以及建设网站时所运用到的软件, 通过完成“数码资讯网”网站结构的规划设计，熟悉网站规划、设计方面的知识, 让学生了解网站主题、站点、网页等相关内容，学会根据要求，确定网站的主题 与内容，并进行网站结构的设计。通过建立本地站点，熟悉Dreamweaver CS6 的工作界面，以及如何创立和本地站点、创立简单的网页等知识技能。这一章节 主要讲解了初步认识Dreamweaver CS6的过程。二、学情分析知识储

2、藏：学生在此之前已经初步认识和了解了网页。但是仍然不知道该如何建设网站，需 要用到Dreamweaver CS6软件，因此要让学生在课前自行百度该软件的知识。 学习特点：学生通过安装以及初步了解Dreamweaver CS6,来认识网页制作工具的使用方法。三、教学目标知识与技能目标：(1)安装 Dreamweaver CS6； (2)运行 Dreamweaver CS6； (3) 了解并介绍 Dreamweaver CS6的工作方式。过程与方法目标：通过介绍网页制作工具Dreamweaver CS6,熟悉Dreamweaver CS6的安装过程、 工作界面以及各组成局部功能，为后续学习做好准备

3、。情感态度价值观：(1)通过Dreamweaver CS6的安装，提高学生的动手能力与设计能力；(2)培养学生勤于探索、主动分析、方向明确的意识。四、教学重点Dreamweaver CS6的安装以及了解Dreamweaver CS6的工作界面的组成。五、教学难点网页制作工具Dreamweaver CS6的工作界面的认识与了解。六、教学方法自主学习法任务驱动法七、教学过程第1环节：创设情境，导入新课【教师活动】安装 Dreamweaver CS6,运行 Dreamweaver CS6 安装盘中的 setup, exe 文 件，进入安装流程，进行安装。下发Dreamweaver CS6的安装文件，

4、让学生自行安装Dreamweaver CS6。(3)在学生安装Dreamweaver CS6时指导学生安装。【学生活动】(1)学生观察教师安装Dreamweaver CS6。(2)学生通过安装软件，在教师的指导下，安装Dreamweaver CS6。【设计意图】(1)通过安装Dreamweaver CS6软件，让学生初步了解到该软件；(2)通过做题，使其产生思考，对网页的构造和如何设计网页产生思考，加深 进一步的了解。第2环节：新知讲授，信息教学【教师活动】(1)运行Dreamweaver CS6,首次启动后会弹出“默认编辑器”对话框。此处 通常选择默认选项。(2)单击“默认编辑器”对话框中的

5、“确定”按钮，即可进入Dreamweaver CS6。(3)选择菜单“新建”中的“HTML”命令，即可进入Dreamweaver CS6的工作 界面。(4)认识Dreamweaver CS6的工作界面，介绍Dreamweaver CS6界面的主要部 分：标题栏、菜单栏、文档工具栏、文档编辑栏、状态栏、“属性”面板、浮动面板组。【学生活动】(1)学生观看教师的操作步骤。(2)学生根据教师的引导分析Dreamweaver CS6的内容。(3)学生自行进入Dreamweaver CS6的运行界面。(4)跟着教师的步骤进行Dreamweaver CS6界面。(5)在了解Dreamweaver CS6时

6、用笔在书上做笔记，加深印象。【设计意图】(1)通过安装Dreamweaver CS6软件，让学生初步了解到该软件；(2)通过做题，使其产生思考，对网页的构造和如何设计网页产生思考，加深 进一步的了解。第3环节：趁热打铁，新知巩固【教师活动】(1)翻开“数码资讯网”的Dreamweaver CS6界面，向学生展示DreamweaverCS6的代码视图，设计视图和拆分视图(2)分别介绍这视图模式的作用，以及通过“数码资讯网”来实际展示这些模 式，让学生加深印象。【学生活动】(1)学生观看教师的操作步骤。(2)学生根据教师的引导分析Dreamweaver CS6的内容。(3)跟着教师的步骤进行Dreamweaver CS6界面。【设计意图】(1)进一步巩固重难点，同时也培养学生对网站的分析意识。(2)进一步认识Dreamweaver CS6的工作界面，为后面的学习打下基础。第4环节：课堂小结，课后延伸【教师活动】(1)与学生一起小结本课的知识点；(2)并将此次课堂完成的作业回复到论坛中相应的主题帖；(3)在课后请学生将本科内容的重难点上传到微信群，便已其他同学可以看到 相应的作品并进行评价。【学生活动】(1)学生回顾本课知识点(2)学生在课后继续完善网页分析，并将作业上传到论坛与微信群，进一步交 流评价【设计意图】(1)课堂小结，进一步