DREAMWEAVERMX2004网页制作教案

DREAMWEAVERMX2004网页制作教案（精选3篇）

DREAMWEAVERMX2004网页制作教案 第1篇

DREAMWEAVER 8.0 网页制作教案

（二）邝翠珊

cskuang@gdut.edu.cn

39322544-826

复习：

网页制作的一些常用功能：定义站点、数据表格的制作（学习表格的插入、合并拆分与嵌套）、利用表格布局网页、页面属性的设置、图片插入、文字的插入、日期的插入、插入电子邮件链接、flash动画插入、插入水平线、练习

1、练习上节课的内容：建立站点（包括站点文件）、用表格布局网页、设置页面属性、图片、文字、日期、电子邮件链接、flash动画、水平线等的插入

一、交换图象效果的制作：（插入→图像对象→鼠标经过图象）

鼠标经过图象的效果是当鼠标指针经过或者按下按钮的时候，图像或按钮的形状或颜色就会发生变化，如图像变换，发光，或者阴影出现等等。是网页变的生动活泼起来。

看dreamweaver学习网站导航演示：鼠标移动到图片上的时候，图片变成了另外一幅，当鼠标移开后恢复到原来的图象。

制作步骤：

1、光标移动到欲插入的位置，点击菜单栏【插入】【图像对象】【鼠标经过图像】打开对话框：

【图像名称】鼠标经过图像的名称，名称是自定义的，只要不与同页面另一个鼠标经过图像名称相同即可，也可以不填。

【原始图像】页面开始时显示的图像

【鼠标经过图像】鼠标经过的时候显示的图像。

【替换文本】图像无法正常显示的时候出现的文本注释，也是图像正常显示时鼠标指向链接时的说明，也可以不填。

【前往的URL】点击鼠标后链接的目标。

【预载鼠标经过图像】浏览网页时两个图片都同时被下载，当鼠标经过时无需从网上下载，而是调用预先下载的图像，减少延迟，使效果平滑流畅。

二、了解简单的HTML：超文本标志语言，简要的介绍网页中使用的超文本标识语言HTML的基本概念和用途通过一个简单的html示例（html.html）了解html的基本构成，介绍html的基本组成部分.如果深入了解可以参考：http:// 或file:///F|/web/jingpin.htm

地球，中国，广州

文档相对路径：以当前文档所在位置为起点到被连接文档经由的路径。这是用于本地链接的最适宜的路径。例如，dreamweaver/contents.html就是一个文档相对路径。当我们要把当前文档与处在相同文件夹中的另一文档链接，或把同一网站下不同文件夹中的文档相互链接时，就可使用相对路径。

根相对路径：根相对路径是指从站点根文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头，它代表站点根文件夹。例如，/support/tips.html就是站点根文件夹下的support子文件夹中的一个文件（tips.html）的根相对路径。根相对路径是指定网站内文档链接的最好方法，因为在我们移动一个包含根相对链接的文档时，无需对原有的链接进行修改。

认识链接的目标：（链接网页打开的方式）

1、_seft为本窗口；

2、_top为上级窗口（使用多级框架时）

3、_blank为打开新窗口；

4、_parent为父窗口（使用框架时）；

5、默认的效果

.第1和第5种情况是相同的，_self表示“相同窗口”。点击链接后，地址栏不变。在网页中没有做设置时，网页链接默认的窗口为_self。.第2和第4种情况，也是相同的。_top表示整页窗口，_parent表示父窗口。实际使用中，它们没有任何区别，地址栏会变化。

._blank是最常见的链接方式，表示超链接的目标地址在新建窗口中打开。

练习

4、打开：未做超链接.html的文件，在此网页中做超链接的练习，参看文件超链接.htm。

五、word和excel文档的导入。

六、利用一个现有网页制作其他网页（相同的页眉，导航，页脚）

例如利用首页index.html制作课程介绍这一页

kcjs.html 步骤：

1、打开index.html文件，把页面中相同的部分如页眉，导航，页脚等保留，不同的地方删除或更改，再保存为kcjs.html

2、在需要更改的地方插入图片等其他网页内容。

练习

5、打开index.htm,利用这个网页制作出几个相同的页眉，导航，页脚的网页。并设置这些网页导航的链接，七、行为的简单运用：

（一）利用行为创建弹出式菜单

制作“弹出式菜单”的步骤如下：

（1）在网页上选择要附加该行为的对象（导航栏按钮、链接文本、图片等）并打开“行为”面板。

（2）单击加号(+)按钮并从“动作”弹出式菜单中选择“显示弹出式菜单”，弹出设置对话框，如图14-13所示。

图14-13 设置弹出式菜单

（3）在出现的“显示弹出式菜单”对话框中，使用以下标签来设置弹出式菜单的选项：   内容：设置、更改单个菜单项的名称、结构、URL 和框架目标。

  外观：设置菜单一般状态和滑过状态的外观以及设置菜单项文本的字体选择。  高级：设置菜单单元格的属性。例如，可以设置单元格的宽度和高度、单元格颜色和边框宽度、文本缩进以及在用户将鼠标指针移到触发器上后菜单出现之前的延迟时间长度。

  位置：设置菜单相对于触发图像或链接的放置位置。

（4）单击“确定”，关闭对话框。

（5）检查默认事件是否是所需的事件。该行为的事件一般为“onMouseover”，即鼠标滑过时显示菜单。

（二）弹出消息框。

（三）打开浏览窗口

（1）选择网页中需要点击的内容，在属性面板上的链接栏上填上 #，如下图：

（2）打开「行为」面板，点击（+）按钮并从「动作」弹出式菜单中选择「打开浏览器窗口」；

（3）在打开的浏览器窗口中点击「浏览」选取需要链接的文件，或者输入您需要显示的URL地址。

（4）设置下列选项：

「窗口宽度」 指定以象素为单位的窗口宽度。

「窗口高度」 指定以象素为单位的窗口高度。

「导航工具栏」 是一行浏览器按钮包括「前进」，「后退」，「主页」和「刷新」。

「地址工具栏」 是一行浏览器选项，其中包括地址域。

「状态栏」 是浏览器窗口底部的区域，用于显示信息（如剩余加载时间，和URL关联的链接）。

「菜单条」 是浏览器窗口（Windows）或桌面（Macintosh）上菜单出现的区域。菜单包括如「文件」，「编辑」，「查看」，「转到」，「帮助」等等。如果您需要来访者可以从新窗口导航，那么您可以明确地设置该选项。如果您不设置该选项，来访者在新窗口中将只能关闭或最小化窗口（Windows）或者关闭窗口或退出程序（Macintosh）。

「需要时使用滚动条」 指定如果内容超过可见区域时滚动条自动出现。如果您不明确设置该选项，滚动条不会出现。如果「调整大小手柄」也被关闭，那么来访者将没有方便的办法看见超过窗口原始大小的那部分内容。（虽然他们可能可以通过使用拖动窗口边缘的办法使窗口滚动。）

「调整大小手柄」 指定用户是否可以调整窗口大小，无论是通过拖动窗口的右下角还是点击右上角的最大化按钮（Windows）或大小框（Macintosh）的办法。如果该选项没有明确设置，调整大小控制将不可用，而且右下角也是不可拖动的。

「窗口名称」 就是新窗口的名称。如果您想使用其作为链接目标或者用JavaScript控制它，那么您应该给新窗口命名。该名称中不能包含空格或特殊字符。

（5）点击「确定」。

（6）检查默认事件是否是您需要的事件。

如果该事件不是您所需的，请从弹出式菜单中选择另一个事件。如果您需要的事件没有列出，请在「选择浏览器」弹出式菜单中改变目标浏览器。

（四）在网页中添加背景音乐。（wave、mp3等格式）

练习6：制作利用行为制作弹出式菜单、打开浏览窗口和弹出消息框、在网页中添加背景音乐的练习。

八、内框的运用 滚动内框

height=130>

代码中红色部分nk1.html为内框中的网页

九、创建网站相册：如果你要处理大量图片时，可以用这个。

练习7：

在你站点下建立一个放置数张图片的文件夹,本实例是将文件夹命名为photo。创建网站相册

DREAMWEAVERMX2004网页制作教案 第2篇

1 图纸准备

林业生产上的规划设计往往面积较大, 图纸的比例一般需要1∶50 000或1∶10 000。安徽省从2013年实施千万亩森林增长工程, 要求从设计到最后造林小班的验收, 均使用1∶10 000的地形图。目前使用的地形图有北京54坐标系和西安80坐标系, 无论哪种地形图上都有公里网 (2条网线之间表示实际距离是1 km) 。现以西安80坐标系地形图 (图幅号I50G074037) , 利辛县新张集乡前圩村2013年春季林业规划设计图为例, 用以详细介绍。

2 地形图配准及矫正

地形图在扫描过程中, 由于人为及机器的原因, 扫描出的图像会产生一定的误差。因此, 在应用Auto CAD绘图前, 要在Auto CAD的环境中进行配准及矫正。

2.1 生成配准控制点

所谓的控制点, 就是在Auto CAD中的那个点与地形图中坐标点相一致的点。为方便起见, 控制点的坐标最好以地形图中左下及右下公里网交会处的坐标值为宜。1∶10 000的地形图插入Auto CAD后, 公里网的增量值是100个单位, 通过读图得知, 地形图的左下及右下公里网交会处的坐标值分别为 (39430, 3644) 、 (39435, 3644) 。因此, Auto CAD中控制点的坐标值应为 (3943000, 364400) 、 (3 943500, 364400) 。打开Auto CAD软件后, 首先要建立几个图层 (1个图层相当于1张透明的纸) , 图层分别命名为底图、控制点、小班、文字、图框指北针比例尺层, 根据制图的需要还可以继续添加。把控制点层作为当前层, 在命令行输入命令point回车, 指定点 (3943000, 364400) 回车, 再输入命令point回车、指定点 (3943500, 364400) 回车, 此时2个点已经在Auto CAD中建好。由于坐标值较大, 可能看不到点在哪, 那么操作命令如下:命令:ZOOM回车[1], 命令:A, 鼠标放大显示, 就会看到控制点 (图1) 。

2.2 插入地形图

点菜单栏插入, 再移到光栅图像, 会出现图像选择对话框, 查找到本机存放地形图的路径, 选择需要的图即可, 然后点击打开 (图2) , 在屏幕上指定点输入“3943000, 364400”, 缩放比例选择“1”, 点击确定图形会自动插入左下控制点附近。

2.3 地形图的配准及矫正

输入命令AL (移动及缩放命令) 回车, 提示选择对象, 再回车, 提示选择第1个源点。移动鼠标, 选择地形图左下角公里网相交处的点 (尽量选择中心点) 点击, 提示指定第1个目标点, 再把鼠标移到Auto CAD中左下角的控制点点击, 提示指定第2个源点, 把鼠标移动到地形图右下角点 (公里网相交处) 点击, 提示指定第2个目标点, 把鼠标移动到右下角控制点 (或输入“3643500, 364400”) 点击回车, 提示“是否基于对齐点缩放对象”, 输入“Y“, 回车 (图3) 。至此, 地形图已经配准及矫正好, 公里网的交叉点自动下控制点相重合。配准的精度与选择公里网的交叉点的准确性有关。林业规划图要求的精度不是太高, 上面配准的误差与实际相差5~10 m, 完全满足实际工作的需要。

3 造林小班规划设计

按安徽省造林技术导则, 最小面积小班规定, 乔木林带一侧 (灌木林带) 2行以上 (包括2行) 且行距4 m (灌木2 m) , 林带宽度在4 m (灌木3 m) 以上, 连续造林面积666.7 m2以上。林带面积=[ (林带行数-1) 行距+4 m (灌木2 m) ]林带长。在平原地区, 由于造林和农业生产用地矛盾尖锐, 在实际生产中, 结合水利冬修, 依路肩的实际情况设计造林的行距, 农田林网的设计一般是一沟、一路、一林带, 林带2行, 行距1~4 m。依上述技术要求, 按行距1 m, 株距6 m在电脑上按以下步骤设计操作。

3.1 小班绘制

选择要造林的某条路 (也可外业用GPS采集定位点) 在林带的起点和终点画线, 现实路是直线, 选择直线命令, 如果是弯曲路, 选择样条曲线命令, 然后对线进行偏移, 点击偏移命令, 输入偏移距离0.5个单位 (由于是1∶10 000的地形图, 1个单位的距离是10 m, 林带的行距是1 m, 算面积时是行距加4 m, 所以只要偏移0.5个单位即5 m即可) , 再执行剪切命令, 把偏移线相交多余的地方剪切去, 再执行直线命令, 把小班线封闭, 1个完全的小班就完成了 (图4) , 再接着按实际情况把所有的小班绘制完成。

3.2 小班面积计算

CAD可以自动计算出每个小班面积, 具体操作:点击工具、查询、面积, 得出上述1号小班的面积为31.8997, 换算为3 189.97 m2, 其余则依此类推。

3.3 添加小班号

小班号的添加有2种方法:一是插入OLE对象, 选择Microsoft Office 3.0编辑, 选择分工公式, 在小班图层直接输入;二是在小班图层直接输入文字, 输入完分子上的文字后回车, 再把分母文字输入完, 然后把分子的文字加下划线即可。

3.4 小班填色

小班颜色一般填充绿色。点击绘图、图案填充, 会出现对话框, 选择预定义图案SLLED, 颜色绿色, 点击添加拾取点, 对话框消失, 小鼠标依次在各小班界内点击, 点击完回车, 再次出现对话框, 点击对话框的确定, 所有小班一次性全部填充绿色。

3.5 图像裁剪

由于插入的光栅图很大, 实际上超过所需尺寸, 绘制好小班后, 要对多余的图进行裁剪。此时要用另外一个裁剪命令imageclip[2], 输入此命令后, 用鼠标把实际要保留的部分画矩形框, 然后回车, 多余的部分就被自动裁剪掉。如果裁剪不合适, 可以撤消以上步骤, 重新操作[3,4]。

4 添加制图要素

为了携带方便及对应规划设计的文字页面以及方便装订, Auto CAD图一般采用A3输入。图框应选择A3图框 (标准的A3图框可以从网上下载) , 指北针及比例尺也依次插入 (图5) 。实际图纸要是过大, 也可以插入A2、A1等图框[5,6]。

5 图纸输出

一般现在的单位都可以打印出A3图, 需要特别强调的是, 如果用其他微机上的Auto CAD软件进行打印输出, 将图纸拷贝到移动储存盘的时候, 要把原插入的光栅图一起拷贝到移动储存盘, 否则小班图由于缺少原来的光栅图而无法打印。

摘要：介绍了应用AutoCAD 2004进行林业规划设计图制作的方法, 包括图纸准备、地形图配准与矫正、造林小班规划设计、添加制图要素、图纸输出等内容, 以期指导林业工作者运用AutoCAD进行林业规划图制作。

关键词：AutoCAD 2004,林业规划设计图,制作

参考文献

[1]陈战是.AutoCAD2004+Photoshop园林设计实例[M].北京:中国建筑工业出版社, 2003:35.

[2]刘海科.利用AutoCAD2004制作林业规划图的方法[J].陕西林业科技, 2008 (4) :182.

[3]张辉明, 丁宁.CAD2004中统计树木数量的几种方法比较研究[J].安徽农业科学, 2009 (25) :316-318, 322.

[4]程永政.基于田块制图的冬小麦种植区非农占用遥感监测方法[J].河南农业科学, 2009 (2) :15-17.

[5]于莎莎, 李路文, 张楠.AutoCAD在林地规划建设中的应用技巧分析[J].现代农业科技, 2013 (14) :177, 182.

DREAMWEAVERMX2004网页制作教案 第3篇

1 Action操作的应用

2 补间动画的创建

3 各种类型帧的插入

本文适用于

1 弹簧振子

2 匀速圆周运动

本文相关小知识

Flash中帧的分类

帧是进行Flash动画的基本单位，一个Flash动画是由N个帧组成的，在时间轴上按“F5”键即可插入帧。空白关键帧是没有内容的关键帧，按“F7”键来插入。关键帧就是用来定义动画变化的帧，比如先上后下，那最高点即为关键帧，关键帧是通过在时间轴上按“F6”键来插入的。关键帧显示为实心圆点，空白关键帧为空心圆点，普通帧为灰色小方格。只有在关键帧和空白关键帧上才可添加动作脚本，在普通帧上则不能。

在物理教学中我们经常讲到弹簧振子以及匀速圆周运动，其实匀速圆周运动的课件制作还比较简单，而对弹簧振子的制作就非常困难。如果用真实的弹簧振子能有效表示弹簧的特性，但经过阻力的综合因素后，弹簧振子并不会一直振动下去，所以并不能精确地得出物理数据。今天我们就来制作一个螺旋动画，不管是弹簧振子和匀速圆周运动其实都和螺旋运行有关，下面来看看螺旋动画的具体制作方法。

源程序下载地址

http://work.newhua.com/cfan/200807/2008jyx.rar

制作步骤

第1步：新建Flash文档

打开Flash MX 2004新建一Flash文档，按“Ctrl+J”组合键打开“文档属性”面板，设置“文档尺寸”为“400×400”（见图1）像素，“背景色”为“黑色”，“帧频”为“25fps”，其他选项保持默认不变。文档制作好了，现在按“Ctrl+F8”键打开“创建新元件”对话框，输入名称为“直线”（见图2），并选择“行为”为“图形”，点击确定即可建立图形元件进行编辑。

图1

圖2

第2步：建元件画竖线

点击工具箱面板中的“线条工具”按钮，按“Ctrl+F3”打开其“属性”面板进行设置，设笔触高度为“3”个像素，笔触样式为“点状线”，颜色为“白色”，再在场景中画条100像素的竖线即可。返回主场景，按“Ctrl+F8”键打开“创建新元件”对话框，输入名称为“旋转直线”，并选择“行为”为“影片剪辑”，然后确定编辑元件。

第3步：创建补间动画

在“旋转直线”元件里选择第1帧，按“Ctrl+L”打开“库”面板，在库里将“直线”元件拖曳到“旋转直线”影片剪辑场景中，让竖线的底端与舞台中心重合。在“旋转直线”影片剪辑元件的时间轴里选中第100帧，按下“F6”键插入关键帧（按F5是插入帧），然后选中舞台中的竖线，点击“修改→变形→顺时针旋转90”进行操作，然后将直线拖到舞台中心点的左下方。选中直线，按“Ctrl+F3”组合键打开“属性”面板，在“颜色样式”下拉列表中选择“Alpha”，将其数值设为“0”。右击时间轴第1帧，选择“创建补间动画”即可创建移动的渐变动画。

在第101帧处按“F7”键插入空白关键帧，选中第101帧并按“F9”键打开“动作”面板，输入“removeMovieClip(_target);”语句（不包括引号）。然后在第200帧处按“F5”键插入帧（将时间轴扩展到第200帧位置）。

第4步：设置Action操作

返回主场景，在时间轴左下右击图层1，重新命名为“动画”。新建一图层并命名为“Action”，再选择“动画”图层第1帧，将库里的“旋转直线”影片剪辑元件拖入场景里，并在属性面板里设置实例名称为“line”，然后在第3帧处按下“F5”插入帧扩展时间轴。

选择“Action”图层的第1帧，按“F9”键打开“动作”面板输入如下代码（//后文字为程序说明）：

i = 2;

setProperty("/line", _visible, false);//设置“line”影片剪辑为不可见

在“Action”图层的第2帧处按下F6插入一个关键帧，并在“动作”面板中输入下面的代码：

duplicateMovieClip("/line", "line" add i, i);//复制“line”影片剪辑

setProperty("line" add i, _rotation, i*10);//设置影片剪辑的旋转角度为“i*10”

i = Number(i)+1;