2016网页设计与制作DreamWeaver教案：第二讲 网页制作基础.docVIP

第二讲　网页制作基础 授课日期 班级名称 授课地点 教学课题 第二讲　网页制作基础 课时 2学时 教学目的 （1）了解网页制作的基础知识和相关概念 （2）熟悉Dreamweaver CS3的界面布局和工作环境 知识目标 （1）万维网、网页、网站、主页和HTML的基本概念 （2）熟悉Dreamweaver CS3的界面布局和工作环境 能力目标 熟悉Dreamweaver CS3的界面布局和工作环境 素质目标 培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。 重点 万维网、网页、网站、主页和HTML的基本概念 难点 Dreamweaver CS3帮助系统的使用 课型 讲授型＋操作型 教学方法 边讲、边练、讲练结合 教学手段 多媒体教学 教参 《网页设计与制作教程》 人民邮电出版社 教学环节 及 板书设计 时间安排 1．复习提问 请列出你经常上过的几个网站 2 2．新课引入 你知道WWW代表什么吗？什么是网页的源代码吗？一般包含那些元素？ 3 3．项目展示 展示各类经典网站的网页 7 4．知识技能目标说明 要学习网页制作，先要了解网站和网页的基础知识 5 5．网站和网页的基础知识 网页的基本构成元素 45 6．问题探讨 怎样使用Dreamweaver CS3的帮助系统搜索特定短语？ 5 课堂实践 12 提问与讨论 6 课堂小结 3 作业布置 2 总计 90 新授内容 一、网站和网页的基础知识 1、WWW 2、URL 3、Server与Browser 4、网页 5、网站 6、Hypertext 7、HTTP 8、HTML 9、CSS 二、网页的基本构成元素 1、文本 2、图像 3、超级链接 4、导航栏 5、动画 6、表格 7、框架 8、表单 三、制作网页的工具概述 （1）制作网页的专门工具： （2）图像处理工具： （3）动画制作工具 （4）图标制作工具 （5）抓图工具 （6）网站发布工具 四、初识Dreamweaver CS3中文版 1、Dreamweaver CS3简介 2、Dreamweaver CS3工作环境 3、Dreamweaver CS3的帮助系统 课堂实践 （1）启动Dreamweaver CS3，认识Dreamweaver CS3的工作环境。 （2）在Dreamweaver CS3主窗口中观察其各个菜单、工具栏、面板的组成。 （3）利用Dreamweaver CS3的帮助，查找有关“JavaScript”的内容，请分别利用“目录”、“索引”、“搜索”三种途径完成。 疑难解析 问题1：什么是URL？　 问题2：URL格式是什么形式？ 课外拓 展实践 熟悉Dreamweaver CS3的工作环境 熟练使用Dreamweaver CS3的帮助系统 作业 使用Dreamweaver CS3的帮助系统搜索CSS 课后评析