DW_教案

一网页制作与网址建设基础知识

（1学时）

一. 教学目标

初步了解WEB工作原理、初步了解URL构成、了解网页版面布局二．教学环境、设备

连接了Internet计算机、DreamWeaver 8和IE 6软件

三.教学步骤

（一）背景知识简述

WEB网站也是常用的一种软件开发模式（B/S）

网站的访问是通过网址（URL地址）进行

网页版面布局是网页制作中最为重要的环节之一

（二）实验步骤

1.Web和浏览器

2.网页制作的相关知识

3.网页制作的基本方法

4.熟悉Macromedia Studio 8安装及操作界面

四．实验习题

1.确认计算机连接了Internet

2.双击IE浏览器

3.在地址栏中输入网址

二认识DreamWeaver 8基本操作

（1学时）

一. 教学目的

了解DreamWeaver软件，能够使用DreamWeaver制作简单的网页二．教学难点

站点的作用，创建WEB站点、创建一个静态网页并能够保存在磁盘上形成文件三．教学环境、设备

计算机、DreamWeaver 8和IE 6软件

四.教学步骤

（一）背景知识简述

DreamWeaver软件是当前最为流行的网页制作软件之一，熟悉和熟练掌握该软件对学生在进行后面的学习中将起到关键的作用

（二）教学步骤

1.了解Dreamweaver及其基本特点

2.了解Dreamweaver 8的新功能

3.Dreamweaver 8概述

4.Dreamweaver 8的新功能

5.Dreamweaver 8的编辑环境

6.建立站点

7.创建简单的页面

8.预览页面

四．实验习题

1、确认计算机连接了Internet

2、双击IE浏览器

3、在地址栏中输入网址

五．实验拓展习题

使用DreamWeaver 8创建一个站点，并创建一个名为Index.html的网页

三插入文本和图像

（1学时）

一. 教学目的

了解网页中插入文本和图像的基本操作、并能对插入的文本和图像进行属性设置

二．教学难点

文字图像的排版

三．教学环境、设备

计算机、DreamWeaver 8和IE 6软件

四.教学步骤

（一）背景知识简述

文本和图像是一个网页的基本元素，向网页中插入文本和图像以及对问本和图像进行属性设置也是网页制作人员必备的技能

（二）实验步骤

1.掌握插入与修改文本的方法

2.了解CSS样式

3.插入文本

4.设置文本属性

5.创建列表项

6.拼写检查

7.图像编排

9.文本和图像应用

五、实验习题

1、新建一个静态页面

2、在网页中输入文本

3、利用属性面板对文本进行格式化操作

4、向网页中插入图像

5、利用属性面板对图像进行格式化操作

六．实验拓展习题（学生选做）

使用DreamWeaver 8创建一个图文并茂的网页

四超级链接

（1学时）

一. 教学目的

了解超链接的基本特点、掌握超链接的创建与管理方法

二．教学难点

创建图像及热点超链接、创建邮件、关闭窗口和后退的超链接

三．教学环境、设备

计算机、DreamWeaver 8和IE 6软件

四.教学步骤

（一）背景知识简述

超链接是网页间的桥梁、是一个网站必备的元素；一个有效网站就是有一个主页和多个网页构成的，网页间的相互访问就是通过超链接来实现的

（二）教学步骤

1.创建超链接概述

2.在页面中创建文本超链接

3.在页面中创建图像超链接

4.在页面中创建图像热点超链接

5.在页面中创建邮件超链接

6.在页面中创建后退、前进和关闭超链接

7.超链接管理

五. 实验习题

1、创建两个网页，并命名为test1.htm和test2.htm

2、在test1.htm中输入文本

3、选中输入的文本，在属性面板中使用超链接属性来选中test2.htm

六．实验拓展习题（学生选做）

制作网页间的超链接

制作图像及热点超链接

制作邮件、关闭窗口和后退的超链接

（2学时）

一. 教学目的

了解Dreamweaver 8中表格的基本特点、掌握表格的基本操作、掌握使用表格创建网页的方法

二．教学难点

插入并美化表格进行页面布局。

三．教学环境、设备

计算机、DreamWeaver 8和IE 6软件

四.教学步骤

（一）背景知识简述

一个网页是否美观主要取决于页面布局是否合理、各个功能模块是否划分明确，而表格的主要重要就在于页面布局

（二）教学步骤

1.了解Dreamweaver 8中表格的基本特点

2.掌握表格的基本操作

3.掌握使用表格创建网页的方法

4.插入表格

5.单元格操作

6.表格操作

7.表格数据操作

8.使用表格规划页面布局

9.表格应用

五．实验习题

1、新建一个静态页面

2、向页面中插入表格

3、根据页面布局需要合并或拆分单元格

4、对表格进行属性设置

六．实验拓展习题（学生选做）

使用DreamWeaver 8实现如下页面布局