Dreamweaver网页制作教案 联系客服

发布时间 : 星期三 文章Dreamweaver网页制作教案更新完毕开始阅读5323ffe310661ed9ad51f3e6

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”对话框,如下图,此时我们能够停止各种设置来完成上述功用: