3.2.2-3.2.3 制作网站——认识Dreamweaver、创建网站，制作首页 教案

3.2.2认识Dreamweaver 3.2.3创建网站，制作首页 一、教学目标： 1.知识与技能： （1）认识Dreamweaver窗口结构。 （2）了解站点与主页的概念，理解站点的意义，学会建立、删除站点。 （3）掌握新建简单网页的方法，能够在网页中插入文字并进行排版，掌握图片、水平线的插入方法及属性的设置方法，能够灵活应用“页面属性”对话框，设置页面属性，如背景颜色、背景图像等。 （4）掌握保存网页的方法，了解网页保存与普通文档保存的不同点。 2.过程与方法： （1）通过对比，掌握软件的使用方法，达到举一反三的功效。 （2）通过动手设计网站的实践活动，掌握对象属性的设置方法，为今后学习其他软件奠定基础。 3．情感态度与价值观： （1）通过对比，了解软件学习的一般方法及规律，提高学习信息技术的信心。 （2）通过创建网站和设计首页，掌握对象属性的设置方法，初步体验成功的快乐。 （3）通过创建“动物———人类的朋友”网站，树立人与动物和谐相处，真爱、善待和保护动物的观念。 二、教学重点： （1）认识Dreamweaver窗口结构及主要菜单的功能。 （2）掌握建立、删除网站的基本方法。 （3）掌握简单网页设计的基本方法，如文字、图片以及水平线的插入与编辑等。 （4）掌握设置页面属性的一般方法。 三、教学难点： （1）站点的作用和存储路径。 （2）网页的保存。 四、教学方法： 对比教学，探究信息，模仿学习。 五、教学过程： 教学过程 教师活动 学生活动 引入 以学生一进机房就上网、浏览网页为切入点，提问：同学们非常喜欢上网，大家一般登录哪些网站呢？以此提问网站、网页和首页 喜欢上网浏览别人制作的精美网站、获取丰富的信息，是否想过直接制作网页供别人去浏览呢 如今网页制作的软件有很多，如Dreamweaver、Frontpage、东方网页王等。今天我们将学习如何使用Dreamweaver来制作网页 思考回答问题，明白以下几点： 1.网站包含多个网页，通过超链接可以把不同的页面链接起来 2.网站的第一个页面称为主页，主页的文件名一般微微index.htm或者default.htm，主页也是网页 新授 Dreamweaver启动与窗口的组成（启发与Flash软件对比） 1.启动：两种方式 2.窗口组成：菜单栏、工具栏、编辑区、属性窗口、面板组、文档面板（展示软件图） 3.编辑区的4种工作模式：设计、拆分、代码和预览 二、站点的建立 由于网站中需要制作多个网页文件以及相关图片、声音文件等，所以网站建设初期就要做好管理的准备，我们以站点的形式来管理网站内部文件 任务1：在D盘下建立一个站点，站点名为直接学号加姓名 指导学生对照教材学习（显示） 学生操作期间教师巡视课堂，做个别辅导 针对学生中普通存在的问题，教师可做详细讲解 对学生自学后完成情况做一简单评价与总结 深入一问；在网站中有图片、声音、动画等文件，如何有效管理 在学生回答后，教师分析并指出网站内通常还建立多个子文件夹，分类管理网站内的文件，如通常有images文件夹，存放网页中的图片等 三、设计首页 引导学生分析一般首页组成情况，提出课堂制作要求 任务1：新建首页，要求首页中有如下对象 A．网站的标题与图片徽标 B．网站的宗旨（文字介绍） C．水平线（起分隔作用） D．链接到下一页的标记（可为文字，页可为图片） 其中A、B、D内容可以类比文字处理软件中对象的插入方法来进行 教师师范：水平线插入方法 单击“插入→HTML→水平线”命令 四、编辑与浏览主页 提出具体编辑要求，引导学生利用“属性窗口”来设置相关对象的属性 任务2：编辑主页 A．设置网站标题文字为36磅（7级）字 B．设置首页标题为：“欢迎您来到……” C．选择一张淡雅图片，将其设置为首页背景图片 D．设置水平线粗细为3像素 E．为首页加上背景音乐 五、教师启发学生观察 A．标题 ... ...