网页教案3月.docVIP

广州现代信息工程职业技术学院 教 师 授 课 教 案 2012 － 2013 学年度第 二学期 授课科目： Dreamweaver网页制作实例教程 授课教师： 秦萍 授课起止时间： 2013.3-2013.6 教师授课教案信息表 授课教师 信息 姓名 秦萍 职称 讲师 授课教师所在系（部） 信息工程系 授课课程 信息 总学时 理论课54学时；实践环节54学时 周学时 6 考核方式 考试 授课对象 信息 授课对象系（部） 信息工程系 授课对象班级 11电信 教研室检查情况： 系（部）检查情况： 课程教学教案 课程名称 Dreamweaver网页制作实例教程 课 型 专业课 任课教师 秦萍 教学进度 第1章网页制作基础 授课时间 第一周 周一5、6节 教学时数 2 授课地点 综407 授课班级 11电信 人数 48 课 题 第1章网页制作基础 教学目标 知识目标： 1、了解网页的制作的基础知识 2、网站建设基础 3、网站制作流程 能力目标： 1、了解网页的制作的基础知识 2、网站建设基础 3、网站制作流程 教学重点 网页相关概念，网站制作流程 教学难点 网站制作流程 授 课 提 纲 序号 内 容 教学方法 与手段 时间安排(90分钟) 一 了解网页相关概念；（提出与本学科相关的知识） 提问 集体讲授 点评 5 二 目前公司网站制作的整体情况 任务驱动： 演示 10 三 第一部分：与网页相关的基础常识 问题一、什么时候开始接触网页？ 问题二：什么是静态网页？什么是动态网页？ 问题三：什么叫主页？什么叫内页？ 问题四：什么是网站？如何分类？ 问题五、什么是域名和空间？ 问题六；是不是学好DW后就可以做一个漂亮的网站了？ 第二部分：公司动态网站开发实例 30 四 15 五 30 作 业 详见课件 课后小结 磨刀不误砍柴工，尽管花费了两节课的时间进行讲解安排，但非常必要，一门课的开始一定要求学生明确学习的内容，考试的方式，学习的方法，并能加深理解学习的目的，要求学生互帮互学。 课程名称 Dreamweaver网页制作实例教程 课 型 专业课 任课教师 秦萍 教学进度 第2章Dreamweaver CS3简介 授课时间 第一周 周四1、2节 周五3、4节（实训课，训练前两次课讲授内容，具体内容见课件，下同） 教学时数 4 授课地点 综-306，307 授课班级 11电信 人数 48 课 题 第2章 Dreamweaver CS3简介 教学目标 知识目标： 1、了解Dreamweaver cs3的功能和应用 2、掌握Dreamweaver软件工具的含义与使用 3、了解Dreamweaver软件的发展过程 4、 Dreamweaver的安装 5、利用Dreamweaver制作第一个网页 能力目标： 能掌握Dreamweaver软件工具的含义与使用 能打开和创建Dreamweaver文档 3、利用Dreamweaver制作第一个网页 教学重点 掌握利用Dreamweaver制作第一个网页 教学难点 掌握Dreamweaver软件新增的功能 授 课 提 纲 序号 内 容 教学方法 与手段 时间安排(90分钟) 一 了解Dreamweaver软件；软件的一个发展史（提出与本学科相关的知识） 提问 集体讲授 点评 5 二 Dreamweaver CS3新增加的功能 1. Ajax的Spry框架 2. Spry构件 3. Spry效果 4. 高级Photoshop CS3集成 5. 浏览器兼容性检查 6. Adobe CSS Advisor 7. CSS布局 8. 管理CSS 9. Adobe Device Central 10. Adobe Bridge CS3 任务驱动： 演示 学生操作 点评 20 三 “文档”窗口 “文档”窗口有三种视图：“代码”视图、“拆分”视图和“设计”视图， “代码”视图是一个用于编码者查看、编写代码的编码环境。“拆分”视图使用户可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图。“设计”视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。“文档”窗口有一个标题栏，用于显示页面标题。 1、工具栏、检查器和上下文菜单 “文档”、“标准”和“编码”工具栏可用于编辑和处理当前文档 2、面板和面板组 1）查看面板和面板组 2）停靠和取消停靠面板和面板组 3）重新调整面板组大小和重命名面板组 提问 集体讲授 点评 20 四 制作第一个网页——我的足球网： 新建文件