Dreamweaver网页制作教案

文档收集于互联网，已重新整理排版.word版本可编辑.欢迎下载支持.

1文档来源为:从网络收集整理.word版本可编辑. 公开课教案

授课章节名称 第四单元

《DreamWeaver网页制作——超链接的使用》 课型 复习

课时 1

课题序号 授课

时间 2006-4-4

星期二 第三节 授课

班级 04162班 教师

姓名 时红玲

教学目标 知识目标：了解超链接的含义、作用及在网页制作中的地位

掌握超链接的分类及作用对象

熟练掌握超链接的创建方法

能力目标：能够创建文字、图像、图像热区、电子邮件、书签超链接

能够运用超链接的创建方法将一个网站中的页网连接起来

情感目标：培养学生团结协作的能力

培养学生的爱国主义情怀

培养学生不断进取的求知精神

教学重点 超链接的种类

超链接的创建方法

教学难点 电子邮件超链接、书签超链接

超链接的实际应用

学情处理 本教材已基本学完，马上要进入综合实战，但在进行综合实战之前，必须要对超链接和网页布局进行一下复习，这两个知识点的正确掌握与否，对网页设计致关重要。学生在一个月前已经学习了超链接及其创建方法，但时间比较长了，学生对此知识点有所遗忘，还需要花一节课时间进行充分的复习与巩固。

选用教材 教材名称 NIT的《DreamWeaver网页制作》 出版社 西安交通大学出版社 作者 教育部考试中心编

教材处理说明

课外作业 回顾超链接的种类及创建方法

上网搜集有关“北京”的相应素材，罗列几个方面，为后面综合实战作准备

教学体会

教学程序 教学内容 教学手段与方法

课前

准备 将seek网站文件夹及beijing网站根文件夹传送到学生机上 学生注意接收

复习

导入 本教材已基本学完，马上要进入综合实战，但在进行综合实战之前，必须要对超链接和网页布局进行一下复习，这两个知识点的正确掌握与否，对网页设计致关重要。我们在一个月前已经学习了超链接及其创建方法，但时间比较长了，学生对此知识点有所遗忘，还需要花一节课时间进行充分的复习与巩固。试想：如果没有超链接，我们就无法把制作的一个个网页连接起来，就无法让用户通过点击方便的浏览一个又一个页面。 明确本节课的学习目标

1 dreamweaver网页制作教案

（Dreamweaver MX）

一、Dreamweaver MX中文版建站初步

建立一个网站，首先要在本地机器上做好网站，再传到网上的虚拟空间上。现在免费的网页空间很少了，在还可以申请到可以使用几个月的免费空间，这对于学习网页制作已经够了。接下来主要介绍本地站点的建立，站点文件命名。

简明步骤：在C盘新建一个文件夹→在Dreamweaver中定义站点→新建文件和文件夹→给文件和文件夹命名。

目标是做一个个人网站。打开“我的电脑”，打开C盘，点鼠标右键，选择新建。

选择文件夹选项

C盘下会出现一个新建文件夹图标

2 输入你想要的站点名称，这里输入media,其实可以任意输入名称的，要注意的是，尽量不要用中文命名，以免出现意想不到的麻烦！

现在开始在Dreamweaver MX中把media这个文件夹定义为站点。

打开Dreamweaver，在菜单栏上，点击站点菜单，选择新建站点

接下来需要给站点起一个名字，可以起任意一个名字。

3

这里起名为media,按下一步

按下一步按钮，选择是否使用服务器技术。因为实例建立的是一个静态站点，就选择“否，我不想使用服务器技术”。

4

按下一步按钮，因为要传到网上的虚拟主页空间，就要选择“编辑我的计算机上的本地副本，完成后再传到服务器上”。

按下一步，选择要定义的本地根文件夹

5

这里选择media文件夹

点“选择”按钮，因为没有使用远程服务器，就选择“无”。

6 按下一步

按完成按钮，一个站点就定义好了。

7 二、文件命名及修改默认扩展名

站点定义好之后，就要开始新建网页文件和文件夹了，在站点中点击右键，选择新建文件。

给新建的文件输入名称

8 新建文件夹与新建文件类似，就不重复了。在文件命名和站点结构方面，养成良好的习惯很重要。

网站首页默认的文件名，取决于你申请的主页空间，一般是index.htm,index.html,default.htm等。同类型的文件，最好放在一个文件夹中，例如把图片文件，都放在image文件夹中。不要把所有文件都放在根目录下，把一个栏目的所有文件放在一个文件夹中，在链接网页和维护时，会很方便。文件和文件夹的命名，可以用栏目名称的拼音，也可以用栏目名称的英文，团队开发时，有统一的命名规则相当重要。例如个人简历这个栏目，命名的文件夹名称可以是jianli，如果命名成英文，可以是me。论坛这个栏目的命名，大家都是用bbs作文件夹名称。

DW_教案讲解[五篇范例]

第一篇：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学时）

课程教案

授课内容

项目四 制作文化公司网站

授课班级 授课学时 12课时

教学方法与手段 讲授法、演示法、讨论法。多媒体教学

项目内容 广州皇翼文化发展有限公司是一家拥有丰富资源的新生代文化传播公司，本公司主要从事舞台艺术、演艺演出、展览展示、活动推广等业务。本项目的工作内容就是为该公司建设网站，公司要求如下：

1. 简洁美观的全版欢迎页面。

2.内容页可以使用色彩对比强烈的风格，少量文字版面内容，以图片显示的版块为主。

3. 图片展示是重点，在访客查看图片的时候，图片要有特色的显示链接效果。

4. 网站栏目之间有明确的链接。

要完成上述任务要求，网站制作必须应用超链接和行为技术。超链接是网站中最重要的组成部分，它指向要访问的目标文档或其他元素，从而使一个网页可以跳转到另一个网页或打开“下载文件”对话框等。利用行为可以实现浮动广告、滚动字幕，以及收缩、放大图像等效果。

教学目标 学生通过本项目的学习，能：

1、 熟练掌握设置各种超链接的方法

2、 掌握跳转菜单的设置方法

3、 熟练掌握各种行为的设置方法

教学重点与难点 教学重点：

1、熟练掌握设置各种超链接的方法

2、掌握跳转菜单的设置方法

3、熟悉“行为”面板

教学难点：

熟练掌握各种行为的设置方法

教学过程设计 项目效果

【任务一】为首页和子页设置链接——应用超链接

超链接包括很多种，最常用的是常规超链接，另外还有图片链接、下载链接、电子邮件链接等。

（一）设置常规超链接

常规超链接包括内部超链接和外部超链接。内部超链接是指目标文件位于站点内部的链接；外部超链接可实现网站与网站之间的跳转，也就是从本网站跳转到其他网站。

1. 内部超链接

内部超链接的设置非常灵活，在选中要设置超链接的文本或图像后，可以在“属性”面板上的“链接”编辑框中直接输入要链接到的网址或网页名称；也可以通过单击“属性”面板上“链接”编辑框后的“浏览文件”按钮，在弹出的“选择文件”对话框中选择要链接到的文件。