动态网页制作教案

3、操练

请同学们按照实训 2 的操作步骤，以及提供的素材，完成网页设计。

五、教具，课件及挂图

所用的教室为多媒体实验室，教师需要演示，学生需要操练。

六、作业及辅导

练习过程中，课上答疑和辅导

七、课后小结： 本节课是学生操作课，操作效果还不错！

2014 - 2015 学年第 1 学期第 3 周 星期 3 第 3、4 节 第 3 章 CSS 实用技巧

2014 年 10 月 1 日

教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；

四，教学过程（也可另用备课纸） ；五，教具，课件及挂图；六，作业及辅导； 七，课后小结。 一、教学目标

1 、了解 css的常用技巧和设计原则 2、运用 css进行网页布局设计 二、内容

1 、CSS 的常用技巧 2 、CSS 用于网页布局设计 3、CSS 用于菜单设计 4、CSS 其他设计原则 三、重点，难点及处理方法 重点： CSS常用技巧

难点： CSS 其他设计原则用于网页布局 四、教学过程

1、引入

通过上节课的学习，同学们掌握了哪些

CSS设计技巧呢？（问答）

这节课，我们接着学习 CSS常见的实用技巧

9

2、新课讲授

（1）CSS 常用技巧

1.网页内容的居中对齐 2.网页内容的隐藏与显示

3.方框长度的计算

4.圆角边框 5.图片

6.定义外部样式表的选项

（2）CSS 用于菜单设计

菜单设计的原则： 1.简单的导向菜单条 2.简单的标签菜单 3.推拉门式图片标签菜单 （3）CSS 其他设计原则 1．有效地定义样式名

2．尽量使用 CSS 的简写方式 3．有效地控制边距和间距 4．不要定义缺省值

5．尽量使用已有的 HTML 元素 6．尽量组合定义样式 7．使用正确的 Doctype

10

8．验证 CSS

3、巩固练习

练习使用 CSS各种设计规则

五、教具，课件及挂图

所用的教室为多媒体实验室，学生在软件上进行练习

六、作业及辅导

练习过程中，课上答疑和辅导

七、课后小结： 本节课是 HTML 语言的核心基础，学生掌握效果较好

2014 - 2015 学年第 1 学期第 3 周 星期 4 第 3、4 节 第 3 章 CSS 实用技巧实训

2014 年 10 月 2 日

教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；

四，教学过程（也可另用备课纸） ；五，教具，课件及挂图；六，作业及辅导； 七，课后小结。 一、教学目标

综合使用 HTML 和 CSS 技术 二、内容

1 、编写第三章中的实例源文件，并在浏览器中进行调试 2 、修改排版内容

三、重点，难点及处理方法 掌握 CSS 综合使用技巧 四、教学过程

1、引入

通过第三章实训项目作品展示导入。 2、实验教学

同学们，本次实训课的要求有以下几点： （1）

需要将菜单栏改成简单的导向菜单

11

（2） （3） 3、巩固练习

网页的主要内容区在中间

设计左导向和右导向栏，宽度、背景和链接颜色。

按照步骤，练习完成项目

五、教具，课件及挂图

所用的教室为多媒体实验室，学生在软件上进行练习

六、作业及辅导

练习过程中，课上答疑和辅导

七、课后小结： CSS 实用技巧具有调整型，学生们的练习热情高。

2014 - 2015 学年第 1 学期第 4 周 星期 3 第 3、4 节 第 4 章 JavaScript 简介

2014 年 10 月 8 日

教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；

四，教学过程（也可另用备课纸） ；五，教具，课件及挂图；六，作业及辅导； 七，课后小结。 一、教学目标

1 、认识什么是 Javascript

2、通过 DW 或 FrontPage 软件编辑调试 Javascript 二、内容

1、什么是 JavaScript 2、编辑与调试 JavaScript 3、第一个 JavaScript 示例 三、重点，难点及处理方法 理解 Javascript 示例 四、教学过程

1、导入

同学们，HTML 文件有一些交互式的功能没法在客户端实现，怎么办呢？我们可 以借助 javascript。那么什么是 javascript呢？它有哪些特点？又是如何使用的呢？

12