Dreamweaver网页制作教案

3. 双击Index.html，翻开该文档，进入到文档的设计视图窗口中。 4. 单击菜单View/Head Content，显现文档的头部区域。

5. 单击设计视图窗口中的文档头部窗格。选择菜单Insert/Invisible Tags/Script，翻开Inset Script对话框。如图所示，在Language下拉列表框当选择javascript选项，并在Coctento文本框中输入

“setTimeout(\，15000)”。单击OK按钮，完成在文档头部插入15秒后自动关闭子窗口的脚本。在代码中，15000表示15000毫秒，也即15秒，也能够依据需求将之修正为本人需求的时间毫秒数。

设置时间

6. 在文档窗口中输入“关闭”字样，在属性面板上的Link文本框中输入“###”，将其设置为一个空链接。 7. 在状态栏左端的快速标志编辑器上，单击标志按钮。选中“关闭”链接，然后按下Ctrl+T组合键，翻开快速标志编辑器，进入到快速标志编辑器的编辑标志形式。然后在“>”前输入“onclick=\。 如图所示，设置终了，单击OK按钮，确认操作。这样在Index.html被作为子窗口翻开后，单击该链接就能够立即关闭该子窗口。

8. 保管Index.html文件，并退出index.html的Dremweaver窗口。

9. 如今开端设计fristpage.html页面。在本地站点的Smlple文件夹中，双击 fristpage.html，翻开该文档，进入到文档的设计视图窗口中。

10. 在文档中输入“单击这里翻开会自动关闭的子窗口”字样。然后在属性面板上的 Link文本框中输入“###”，将之设置为空链接。

11. 能够经过为该链接应用Open Browser Window行为来设置单击链接时翻开Index.html窗口，不过更便当的办法是应用快速标识编辑器。办法是首先将插入点放置到链接中，然后在状态栏左端的标识选择器上，单击标识按钮，选中整个链接。然后按下Ctrl+T组合键，翻开快速标志编辑器，进入到快速标志编辑器的 编辑标识形式。再在“>”前输入“onclick=\，height=200px')\（如图所示）。设置终了，按下回车键，确认操作。

设置单击链接时翻开

12.上述操作就完成了本例的设置。能够单击菜单用File/save，保管所做的工作。然后按下F12键，在阅读器中预览页面效果。 三、小结

用Dreamweaver设计限时自动关闭的网页

用Dreamweaver做会挪动的文字

一、学习目的

理解Dreamweaver，学会应用Dreamweaver制造网页。 二、学习内容

Dreamweaver的根本学问；用Dreamweaver做会挪动的文字。 【学习步骤】 一、根本语法

啦啦啦，我会挪动耶！

文字挪动属性的设置：方向 #=left, right

啦啦啦，我从右向左移！

方式 #=scroll, slide, alternate

啦啦啦，我一圈一圈绕着走！

循环 #=次数；若未指定则循环不止(infinite)

啦啦啦，我只走 3 趟哟！

速度

啦啦啦，我走得好快哟！< ;/marquee>

对齐方式(Align) #=top, middle, bottom

啦啦啦，我会挪动耶！ 对齐上沿、中间、下沿。

二 、小结 用Dreamweaver做会挪动的文字 用Dreamweaver创立导航条 一、学习目的

理解Dreamweaver，学会应用Dreamweaver制造网页。 二、学习内容

Dreamweaver的根本学问；用Dreamweaver创立导航条。 【学习步骤】

一个网站的不同页面运用了同一导航条。经过统一导航条的办法，我们能够完成网站作风的统一，同时也便当了阅读者在不同页面间的跳转。用Dreamweaver可作出各种比拟复杂的导航条。网页上的导航条可由一个或几个局部组成，每个局部均由各种图像构成，能够链接到不同的网页页面。在Dreamweaver中每局部中最多可设四个状态下的图像。一开端是一个初始图像，当鼠标挪动到导航条部位上时则显现另一个图像，还能够设置当鼠标点击后的初始图像，以及鼠标点击后当鼠标再次挪动到这个部位上的图像。普通地，每部位只设一到两种状态的图像。由于图像太多了，会影响网页页面的访问、阅读的速度。 导航条制造办法：挪动光标到需求导航条的中央，单击主菜单栏的“Insert\\Navigation Bar”子命令，或直接单击Objects面板上的图标，弹出“Insert Navigation Bar”对话框，如下图，此时我们能够停止各种设置来完成上述功用：