当前位置:首页 >> 其它课程 >>

网站建设教案


网站建设 教 案

石棉县职业中学 二〇一五年三月
1

教案专用页
内容 标题 教 学 目 的 及 要 求 重 点 难 点 及 其 处 理 教 学 方 法 教学教具

项目一 建立网站

课时

2

教学目的: 向学生传授构成网页的基本要素、制作网页的基本工具、美化网页的基本 工具、网页制作的基本步骤; 教学要求: 了解网页的基本要素、制作网页的基本工具、美化网页的基本工具,掌握 网页制作的基本步骤。

重点:美化网页的基本工具、网页制作的基本步骤。 难点:网页的基本要素。 处理:通过实际案例结合相关知识点详细讲解。

多媒体教学和课堂讲解相结合

计算机若干

复习与引入 网页的基本要素有哪些 简述常用的几种网页设计工具 简述常用的几种美化工具 总结网页制作的步骤 试述网站文件的结构

教学过程

教学反馈

2

教案专用页
内容 标题

教 学 目 的 及 要 求 重 点 难 点 及 其 处 理 教 学 方 法 参 考 文 献 课 外 作 业 及 要 求 后 记

第 2 章 创建站点 课时 1 2.1 规划站点结构 2.2 利用 Dreamweaver MX 创建站点 教学目的: 向学生传授网页的基本要素、 制作网页的基本工具、 美化网页的基本工具, 掌握网页制作的基本步骤。规划站点结构的方法;Dreamweaver MX 的基本操 作; 教学要求: 了解网页的基本要素、制作网页的基本工具、美化网页的基本工具,掌握 网页制作的基本步骤。规划站点结构的方法;利用 Dreamweaver MX 创建站点 的方法;站点的基本操作。

重点:网页的基本要素、制作网页的基本工具、美化网页的基本工具 难点:规划站点结构的方法;利用 Dreamweaver MX 创建站点的方法;站 点的基本操作。 处理:通过实际案例结合相关知识点详细讲解。

多媒体教学和课堂讲解相结合

[1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社, 2005 年1月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社

1. 如何规划站点结构 2. 首先根据个人爱好规划一个名为 Myweb 的个人站点,然后在 Dreamweaver MX 中分别用站点定义向导和直接定义站点两种方法建立该站点,并在创建 好的站点中新建一个名为”我的个人主页”网页

3

4

教案专用页
内容 标题 教 学 目 的 及 要 求 重 点 难 点 及 其 处 理 教学 方法 参考 文献 课 外 作 业 及 要 求 后 记

第 3 章 网页文本的处理 课时 1 3.1 利用 HTML 处理文本 3.2 利用 Dreamweaver MX 处理网页文本 教学目的: 向学生传授构成 HTML 及其功能、 利用 HTML 创建和测试 Web 页的方法、 利用 HTML 设置标题和文字、利用 HTML 设置段落、利用 HTML 进行文本格式的处理、利用 Dreamweaver MX 处理文本; 教学要求: 了解构成 HTML 及其功能、利用 HTML 创建和测试 Web 页的方法;掌握利用 HTML 设置标题和文字、利用 HTML 设置段落、利用 HTML 进行文本格式的处理、利用 Dreamweaver MX 处理文本。 重点:分别利用 HTML 语言和 DREAMWEAVER 工具进行文本的编辑,包括标题、横 线、字体、字号、颜色、对齐方式、编号和项目编号的设置等等; 难点:熟悉 HTML 语言中的针对文本设置的格式及若干标签。 处理:通过实际案例结合相关知识点详细讲解。

多媒体教学和课堂讲解相结合 [1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社,2005 年 1 月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社

自己动手简单做个网页:网页中要有标题、对齐方式、颜色、和项目列表的体现

5

教案专用页
内容 标题 教 学 目 的 及 要 求 重 点 难 点 及 其 处 理 教 学 方 法 参 考 文 献 课 外 作 业 及 要 求 后 记

第 4 章 网页表格的处理 课时 2 4.1 利用 Dreamweaver MX 处理网页表格 4.2 利用 HTML 处理网页表格 教学目的: 向学生传授网页的基本要素、制作网页的基本工具、美化网页的基本工 具,网页制作的基本步骤。创建表格的方法;编辑表格的方法、表格的排序方 法、表格的格式化方法、设置表格属性的方法、用表格设计页面布局的方法; 教学要求: 了解网页的基本要素、制作网页的基本工具、美化网页的基本工具,掌 握网页制作的基本步骤。 创建表格的方法、 编辑表格的方法、 表格的排序方法、 表格的格式化方法、设置表格属性的方法、用表格设计页面布局的方法。

重点:分别利用 HTML 语言和 DREAMWEAVER 工具表格属性的修改和利用表 格进行网页的布局; 难点:利用表格进行布局。 处理:通过实际案例结合相关知识点详细讲解。

多媒体教学和课堂讲解相结合

[1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社, 2005 年1月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社

分别制作两个网页, 其一为单纯表格的网页, 其二为利用表格进行布局的简单 网页。

6

教案专用页
内容 标题

教 学 目 的 及 要 求 重 点 难 点 教 学 方 法 参 考 文 献 课 外 作 业 及 要 求 后 记

第 5 章 网页图像的处理 课时 2 5.1 利用 Dreamweaver MX 编辑图像 5.2 利用 HTML 处理图像 教学目的: 向学生传授网页的基本要素、 制作网页的基本工具、 美化网页的基本工具, 掌握网页制作的基本步骤;页图像的基本格式、网页图像的要点、图像属性的 设置、调整图像的大小及位置; 教学要求: 了解网页的基本要素、制作网页的基本工具、美化网页的基本工具,掌握 网页制作的基本步骤。能够选择合适的网页颜色、了解网页图像的基本格式、 掌握使用网页图像的要点、在网页中插入图像的方法、图像属性的设置、调整 图像的大小及位置。 重点:分别利用 HTML 语言和 DREAMWEAVER 工具图像属性的修改。 难点:文字和图像的位置的设置,热点的设置。 处理:通过实际案例结合相关知识点详细讲解。

多媒体教学和课堂讲解相结合

[1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社, 2005 年1月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社 1. 2. 3. 4. 5. 网页中常用的图像格式有哪几种?所有的浏览器都支持它们吗? GIF 与 JPEG 两种图像格式各有什么优缺点? 在网页中使用图像应注意什么问题? 为什么要给网页加上文字说明。 制作一个网页,为网页填加背景图像,然后分别在网页中插入 GIF 和 JPEG 两种格式的图像,并给图像加上文字说明,填加文本,使文本围绕图像排 列。

7

内容 标题

教 学 目 的 及 要 求 重 点 难 点 及 其 处 理 教 学 方 法 参 考 文 献 课 外 作 业 及 要 求 后 记

教案专用页 第 6 章 在网页中使用超链接 6.1 利用 Dreamweaver MX 处理超链接 课时 2 6.2 利用 HTML 创建超链接 6.3 利用站点地图管理超链接 教学目的: 向学生传授利用 Dreamweaver MX 创建各种超连接的方法、利用 Dreamweaver MX 编辑各种超连接的方法、 利用 HTML 创建、 编辑超链接的方法、 利用站点地图管理超链接的方法; 教学要求: 了解链接的的相关概念、 ,掌握利用 Dreamweaver MX 创建各种超连接的方 法、利用 Dreamweaver MX 编辑各种超连接的方法、利用 HTML 创建、编辑超链 接的方法

重点:文本超链接、图像超链接、命名锚记、电子邮件链接的创建及相应 属性的修改。 难点:HTML 语言中相应的标签。 处理:通过实际案例结合相关知识点详细讲解。

多媒体教学和课堂讲解相结合

[1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社, 2005 年1月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社 1. 2. 3. 4. 超链接的路径有几种/它们个代表什么含义? 图像超链接与文本超链接有什么不同? 如何建立跨页面的锚记链接 制作一个网页,在网页中要有文本和图像,同时满足以下要求: (1) 单击一个图像跳转到另一个图像,作文超链接的图像带有兰色边框 (2) 单击页面中的一个超链接,跳转到另一个页面的特定位置 (3) 包含一个电子邮件超链接和一个具有下载效果的超链接

8

教案专用页
内容 标题

第 7 章 网页表单的处理 7.1 表单概述 7.2 利用 Dreamweaver MX 处理表单 7.3 利用 HTML 处理表单
教 学 目 的 及 要 求 重 点 难 点 及 其 处 理 教 学 方 法 参 考 文 献 课 外 作 业 及 要 求 后 记

课时

2

教学目的: 向学生传授网页表单概念、利用 Dreamweaver MX 创建表单的方法、利用 Dreamweaver MX 编辑表单的方法、利用 HTML 处理网页表单的方法; 教学要求: 了解网页表单概念;掌握利用 Dreamweaver MX 创建表单的方法、利用 Dreamweaver MX 编辑表单的方法、利用 HTML 处理网页表单的方法。

重点:分别利用 HTML 语言和 DREAMWEAVER 工具进行表单的属性的设置。 难点:HTML 语言中相应的标签,在处理单选和复选命令按纽上名称的不 同。 处理:通过实际案例结合相关知识点详细讲解。

多媒体教学和课堂讲解相结合

[1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社,2005 年1月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社

利用表单制作一个留言簿

9

内容 标题

教案专用页 第 8 章 利用框架技术制作网页 8.1 认识框架网页 8.2 利用 Dreamweaver MX 处理框架 8.3 利用 HTML 创建网页框架
教 学 目 的 及 要 求 重 点 难 点 及 其 处 理 教 学 方 法 参 考 文 献 课 外 作 业 及 要 求 后 记

课时

2

教学目的: 向学生传授框架的相关概念、 创建框架网页的方法、 编辑框架网页的方法、 设置框架属性的方法; 教学要求: 了解框架的相关概念;掌握创建框架网页的方法、编辑框架网页的方法、 设置框架属性的方法;

重点:框架的设置,框架属性的设置和框架的保存,框架的链接目标的 设置。 难点:框架的保存和链界目标的设置。 处理:通过实际案例结合相关知识点详细讲解。

多媒体教学和课堂讲解相结合

[1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社, 2005 年1月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社

1、框架结构网页的保存应该注意哪些问题? 2、制作一个框架网页

10

内容 标题

教案专用页 第 9 章 利用图层技术制作网页 9.1 认识图层 9.2 图层的基本操作 9.3 图层的管理 9.4 图层与表格
教 学 目 的 及 要 求 重 点 难 点 及 其 处 理 教 学 方 法 参 考 文 献 课 外 作 业 及 要 求 后 记

课时

2

教学目的: 向学生传授图层的相关概念、图层的基本操作、图层的管理、图层与表格 的相互转换; 教学要求: 了解图层的相关概念;掌握图层的基本操作、图层的管理、图层与表格的 相互转换;

重点:图层的填加,及相应属性的设置,表格和图层之间的互换。 难点:表格和图层之间的互换。 处理:通过实际案例结合相关知识点详细讲解。

多媒体教学和课堂讲解相结合

[1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社, 2005 年1月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社 1. 2. 3. 4. 5. 图层有哪些用途? 激活图层和选择图层的目的是什么? 图层的对齐方式有哪些? 如何判断图层之间是否存在嵌套关系? 防止层重叠可以使用哪些方法以及应注意哪些问题? 6. 如何进行表格和图层之间的互换,转换时应注意什么问题?

11

教案专用页
内容 标题 教 学 目 的 及 要 求 重 点 难 点 及 其 处 理 教 学 方 法 参 考 文 献 课 外 作 业 及 要 求

第 10 章 美化网页 10.2 利用 Fireworks MX 美化网页 10.3 利用 Flash MX 制作网页动画

课时

2

教学目的: 向学生传授利用 Fireworks MX 美化网页图像、Flash MX 基本操作、利用 Flash MX 处理网页动画等等相关技术; 教学要求: 了解 Flash MX 基本操作,掌握利用 Fireworks MX 美化网页图像、利用 Flash MX 处理网页动画等相关技术。

重点:Fireworks MX 基本操作。 难点:利用 Fireworks MX 美化网页和利用 Flash MX 制作网页动画基本 原理。 处理:通过实际案例结合相关知识点详细讲解。

多媒体教学和课堂讲解相结合

[1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社, 2005 年1月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社

1.练习用利用 Fireworks MX 制作图片按纽

2.利用 Flash MX 制作网页动画

后 记

12

13

内容 标题

教案专用页 第 11 章 在网页中使用 CSS 样式 11.1 CSS 简介 11.2 CSS 样式 11.3 在网页中使用 CSS 11.4 CSS 属性 11.5 在 Dreamweaver MX 中使用 CSS 样式
教 学 目 的 及 要 求 重 点 难 点 及 其 处 理 教 学 方 法 参 考 文 献 课 外 作 业 及 要 求 后 记

课时

2

教学目的: 向学生传授什么是 CSS、CSS 样式和常用的 selector、在网页中使用 CSS 的方法、CSS 的各种属性; 教学要求: 了解什么是 CSS、CSS 的各种属性;掌握 CSS 样式和常用的 selector、在 网页中使用 CSS 的方法。

重点:CSS 概念的描述和相应属性的修改。 难点:在 Dreamweaver MX 中如何新建一个 CSS 样式表。 处理:通过实际案例结合相关知识点详细讲解。

多媒体教学和课堂讲解相结合

[1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社, 2005 年1月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社

1. 什么是 CSS?CSS 语句由哪三部分组成? 2. 常用的 CSS 选择符有哪些? 3. 如何将 CSS 引如到 HTML 中? 4. 在 Dreamweaver MX 中如何新建一个 CSS 样式表?

14

内容 标题

教案专用页 第 12 章 利用模板和库设计网页 12.1 利用模板创建网页 12.2 利用模板更新网页 12.3 利用库项目维护网页
教 学 目 的 及 要 求 重 点 难 点 及 其 处 理 教 学 方 法 参 考 文 献 课 外 作 业 及 要 求 后 记

课时

2

教学目的: 向学生传授模板原理、 创建、 使用和管理模板的方法、 利用模板更新网页、 创建管理库项目、利用库更新网页; 教学要求: 了解模板原理、创建、使用和管理模板的方法,掌握利用模板更新网页、 创建管理库项目、利用库更新网页。

重点:创建网页模板、创建基于网页的模板。 难点:利用已有文档创建库项目、在网页中插入库项目。 处理:通过实际案例结合相关知识点详细讲解。

多媒体教学和课堂讲解相结合

[1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社, 2005 年1月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社 1. 2. 3. 4. 5. 如何创建网页模板? 如何创建模板的可编辑区域? 如何创建基于网页的模板? 如何利用模板更新网页? 如何利用已有文档创建库项目? 6. 如何在网页中插入库项目?

15

内容 标题

教案专用页 第 13 章 在网页中使用 JavaScript 13.1 脚本语言简介 13.2 JavaScript 编程基础 13.3 JavaScript 的事件驱动 13.4 JavaScript 的对象
教 学 目 的 及 要 求 重 点 难 点 及 其 处 理 教 学 方 法 参 考 文 献

课时

4

教学目的: 向学生传授 JavaScript 的特点及运行环境、JavaScript 编程基础、 JavaScript 事件驱动、JavaScript 的对象; 教学要求: 了解 JavaScript 的特点及运行环境、JavaScript 编程基础,掌握 JavaScript 事件驱动、JavaScript 的对象的相关原理和技术。

重点:JavaScript 编程基础。 难点:JavaScript 的对象,和事件驱动。 处理:通过实际案例结合相关知识点详细讲解。

多媒体教学和课堂讲解相结合

[1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社, 2005 年1月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社
1. 2. 3. 4. 5.

课外 作业 及要 求 后 记

如何在网页中加入 JavaScript 脚本? JavaScript 的事件驱动有哪些? JavaScript 的对象有哪些? JavaScript 中的对象由哪两个基本元素构成? 用 JavaScript 实现:在状态栏上显示时间?

16

17

内容 标题

教案专用页 第 14 章 利用 ASP 实现交互功能 14.1 ASP 技术基础 14.2 ASP 应用程序 14.3 ASP 內置对象
教 学 目 的 及 要 求 重 点 难 点 及 其 处 理 教 学 方 法

课时

4

教学目的: 向学生传授 ASP 基础知识、ASP 的应用程序、ASP 的内置对象; 教学要求: 了解 ASP 基础知识、ASP 的应用程序、ASP 的内置对象等相关概念;掌握 ASP 的内置对象的使用技术和方法。

重点:ASP 的工作流程和内置对象。 难点:ASP 的对象的功能。 处理:通过实际案例结合相关知识点详细讲解。

多媒体教学和课堂讲解相结合

参考 文献

[1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社, 2005 年1月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社 1. 简述 ASP 的工作流程? 2. ASP 的特点和功能有哪些? 3. ASP 的内置对象有哪些?分别有哪些功能?

课外 作业 及要 求

后 记

18

内容 标题

教 学 目 的 及 要 求

教案专用页 第 15 章 利用 ADO 实现网页与数据库的连接 15.1 ADO 概述 15.2 Connection 对象 15.3 Request 对象属性 15.4 Command 对象 课时 4 15.5 Fields 集合和 Field 对象 15.6 Properties 数据集合和 Property 对象 15.7 Parameters 集合和 Parameter 对象 15.8 Errors 集合和 Error 对象 15.9 利用 ADO 实现新闻发布系统 教学目的: 向学生传授 ADO 中各个对象、数据集合间的关系、Connection 对象的方 法和属性、 RecordSet 对象的方法和属性、 Command 对象的方法和属性、 Field 对象和 Fields 数据集合的方法和属性、Properties 数据集合和 Property 对 象的方法和属性、Parameters 数据集合与 Parameter 对象的方法和属性、 Errors 数据集合和 Error 对象的方法和属性; 教学要求: 了解 ADO 中各个对象、数据集合间的关系、Connection 对象的方法和属 性、RecordSet 对象的方法和属性、Command 对象的方法和属性、Field 对象 和 Fields 数据集合的方法和属性;掌握 ADO 的使用方法和技术。

重点 难点 及其 处理 教学 方法

重点:ADO 中各个对象、数据集合间的关系。 难点:ADO 对象与数据集合之间的关系。 处理:通过实际案例结合相关知识点详细讲解。 多媒体教学和课堂讲解相结合 [1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社, 2005 年1月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社 1. 什么是 ADO?其作用是什么? 2. 简述 ADO 对象与数据集合之间的关系?

参考 文献

课外 作业 及要 求 后 记

19

20

教案专用页
内容 标题 教 学 目 的 及 要 求 重 点 难 点 及 其 处 理 教 学 方 法 参 考 文 献 课 外 作 业 及 要 求 后 记

第 16 章 网页制作示例

课时

2

教学目的: 演示一个简单网页的制作过程; 教学要求: 了解做网页的全过程。

重点和难点:网页整体的架构的考虑

多媒体教学和课堂讲解相结合

[1]《网页设计与制作使用技术》 ,齐建玲主编,中国水利水电出版社,2005 年 1 月 [2]《计算机网页设计教程》 ,徐云龙等,北京希望电子出版社 [3]《网页制作上机培训教程》 ,周予滨主编,清华出版社

制作一个个人网页,要求尽可能的利用所学知识

21


相关文章:
《新建网站》教学设计
《新建网站》教学设计海南中学 王连城 一、案例背景信息1.模块:高中信息技术基础...书、内容结构、信息集成软件,进入实际开发制作阶段,让 学生体验实例网站建设过程...
《电子商务网站规划与建设》电子教案(免费下载)
课后 小结 2 电子商务网站规划与建设教案 参考 资料 参阅教材第一章 3 电子商务网站规划与建设教案 授课题目 电子商务网站需求分析 学 时 4 1.掌握电子商务网站...
网站设计教案
网站规划与建设教案 25页 免费 《网站设计》教案 5页 2财富值 网页设计与制作电子教案1 19页 1财富值如要投诉违规内容,请到百度文库投诉中心;如要提出功能问题或...
商务网站建设与维护教案_图文
教育部职业教育与成人教育司推荐教材——电子商务网站建设与维 护.北京:高等教育出版社,2002.8 【教学目标】知识目标:电子商务网站制作的过程及具体步骤。 能力目标...
网页制作教案电子版_图文
校历 教学内容 第一章《网页与网站基础知识》 课时 课型网站的策划与创建原则 第 一 4 周 理论+实践 教学目标 教学方法 任务驱动法 作业布置 本章主要通过三...
ASP网站建设教案首页
ASP网站建设教案首页_理学_高等教育_教育专区。教课 题 案 (一)年月日 星期 授课日期 第一章 ASP 程序基本概念 课教目 时学标 1、ASP 程序概念 2、C/S ...
4.1 网站的规划 教案
三、教学目标 知识与技能: 1.让学生了解网站建设的前期准备工作; 2.学会如何规划、构思一个网站。 过程与方法: 通过自主探究、完成任务、生生交流、师生交流来...
网站规划与设计教案
课题:网站规划 网站的设计 一、教学目标 1、知识与技能 (1)了解网站规划的几个阶段和几个要点基本过程 (2)掌握网站规划和设计的过程和方法。 2、过程与方法 (...
建立网站站点(教学设计)
建立网站站点(教学设计)一、教学目标 知识目标:建立网站文件夹和新建网站的主页。 技能目标:1.认识启动 SharePoint Designer,熟悉 SharePoint Designer 软件 环境; ...
网站建设与管理教学大纲新
网站建设与管理》教学大纲一、课程基本情况开课专业:卫生管理 课程编码: 总学时:68 总学分:3 修课方式:必修 考核方式:考试 先修课程: 《计算机网络技术基础...
更多相关标签: