《网页设计与制作》教案

教 案

2012 ～ 2013 学年第 二 学期

学

部 工程技术学部

教研室(实验室) 动漫

课 程 名 称 网页设计与制作 授 课 班 级 11动漫 主 讲 教 师 职

称 讲师

网页设计与制作案例教程

使 用 教 材 主编：九州书源

清华大学出版社

教 案（首页）

至 12-13 学年第 二 学期 课程 名称 网页设计与制作 课程编码 学 分 4 总计：72 学时 类别 必修课（ √ ） 选修课（ ） 理论课（ √ ） 实践课（ √ ） 讲课：36 学时 任课 教师 授课 对象 基本 教材 教材：网页设计与制作案例教程 和主 主编：九州书源 要参 清华大学出版社 考资 参考资料：网页设计与制作案例教程 主编:陈承欢 料 教学 目的 要求 教学目的：本课程是动漫专业的一门职业技术必修课，目的是使学生掌握有关网站建设的基本概念、创建网站的方法和步骤、重点掌握利用Dreamweaver软件来设计布局静态网页以及一些简单的JavaScript脚本语言、熟练掌握网页编写语言html，能够利用Dreamweaver来创建和设计一个网站，为以后学习Web动态网页的开发奠定基础。 教学要求：通过本课程的学习，要求学生掌握网站的相关概念，创建网站的方法和步骤，掌握网页编写语言html，DW软件的使用。 教学重点：网页编写语言html，如何利用DW来布局网页，层，行为，模板，库。 教学 重点 难点 教学难点：如何利用表格的布局模式以及框架进行布局，CSS样式，行为，模板。 实训：36 学时 陈奋 职称 讲师 专业班级：11动漫Ａ、Ｂ 共 ２ 个班 《网页设计与制作》课程教案

编制日期：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 课后分析与小结： 通过学习，学生掌握了建立本地站点的过程，DW的工作界面的组成，熟练使用对象面板与属性面板，简单的界面元素：文字、图像、Flash动画的编辑方法，区分了文件路径的三种表示方法，会懂得使用各种超级链接。 第 页

本文来源：https://www.bwwdw.com/article/hizf.html