《网页设计与制作》教案..docVIP

教 案 2012 ～ 2013 学年第 二 学期 学部 工程技术学部 教研室(实验室) 动漫 课 程 名 称 网页设计与制作 授 课 班 级 11动漫 主 讲 教 师 职 称 讲师 使 用 教 材 网页设计与制作案例教程 主编：九州书源 清华大学出版社 教 案（首页） 至 12-13 学年第 二 学期 课程 名称 网页设计与制作 课程编码 总计：72 学时 讲课：36 学时 实训：36 学时 学 分 4 类别 必修课（ √ ） 选修课（ ） 理论课（ √ ） 实践课（ √ ） 任课 教师 陈奋 职称 讲师 授课 对象 专业班级：11动漫Ａ、Ｂ 共 ２ 个班 基本 教材 和主 要参 考资 料 教材：网页设计与制作案例教程 主编：九州书源 清华大学出版社 参考资料：网页设计与制作案例教程 主编:陈承欢 教学 目的 要求 教学目的：本课程是动漫专业的一门职业技术必修课，目的是使学生掌握有关网站建设的基本概念、创建网站的方法和步骤、重点掌握利用Dreamweaver软件来设计布局静态网页以及一些简单的JavaScript脚本语言、熟练掌握网页编写语言html，能够利用Dreamweaver来创建和设计一个网站，为以后学习Web动态网页的开发奠定基础。 教学要求：通过本课程的学习，要求学生掌握网站的相关概念，创建网站的方法和步骤，掌握网页编写语言html，DW软件的使用。 教学 重点 难点 教学重点：网页编写语言html，如何利用DW来布局网页，层，行为，模板，库。 教学难点：如何利用表格的布局模式以及框架进行布局，CSS样式，行为，模板。  《网页设计与制作》课程教案 编制日期：2013 年 3 月 3 日 授课时间 第 一、二 周 课次 2 授课方式 （请打√） 理论课√□ 讨论课□ 实践课□ 习题课□ 其他□ 课时 安排 8 教学单元（教学章、节或主题）： Photoshop基本操作、网页与网站的概念。 目的、要求（分了解、熟悉、掌握三个层次）： 了解网页的基本概念、静态网页、动态网页、使用数据库的动态网页。 了解网站的概念、主题、名称、风格、结构、发布。 掌握网页语言html。 知识要点： 网页和网站的基本概念，网页的分类，网页语言html 技能要点： 要能够从网络上找出每一种类型的网页，能够利用html来编写简单网页 教学步骤： 举例-讲解-课堂练习-讲评 教具及教学手段：（如：举例讲解、多媒体讲解、模型讲解、实物讲解、挂图讲解、音像讲解等） 多媒体讲解、举例讲解、Internet网络。 作业和思考题： 初步构想一个个人网站，包括网站名称、网站的栏目板块、网站的目录结构、链接结构，并预设网站的色彩搭配、网站的标准字体等。 课后分析与小结： 通过学习，介绍了和网站相关的几个概念，从网站的整体规划出发，综合网站的主题、结构、风格、布局等多个方面阐述网站的制作构思，以及如何使用DW发布网页，使学生基本上了解了构建网站的流程及网站有关的基础知识，为以下各章打基础。 第 页 教 学 内 容（含时间分配） 板书或旁注 PS概述 PS面板的基本操作 PS选区、图层的操作 建立网站之前的一些准备工作 与网站有关的一些概念 网页的概念与分类 网站的概念、主题、风格、名称、结构 建立网站的过程 网站的整体规划 定位网站的主题和风格 构建出一个网站的目录框架和链接框架 发布网页 网页语言html  授课时间 第 三、四 周 课次 2 授课方式 （请打√） 理论课√□ 讨论课□ 实践课√□ 习题课√□ 其他□ 课时 安排 8 教学单元（教学章、节或主题）： PS路径、通道、蒙版、DW基础。 目的、要求（分了解、熟悉、掌握三个层次）： 掌握建立本地站点的过程，DW的集成环境，熟练使用对象面板与属性面板，掌握简单界面元素的编辑。 通过实验，能够利用DW创建本地站点，制作几张含有简单界面元素的网页，并进行相关的链接。 知识要点： 熟悉DW的集成环境，简单界面元素的编辑，网页的链接。 技能要点： 能够利用DW创建本地站点，制作几张含有简单界面元素的网页，并进行相关的链接。 教学步骤： 举例展示-讲解-小结-实验-讲评 教具及教学手段：（如：举例讲解、多媒体讲解、模型讲解、实物讲解、挂图讲解、音像讲解等） 多媒体讲解、举例讲解。 作业和思考题： 教材P30~P34 课后分析与小结：