您的位置首页生活百科

弹出式窗口怎么做

弹出式窗口怎么做

的有关信息介绍如下:

弹出式窗口怎么做

在这之前先有两张图片做素材,一张做浏览器打开的效果,另一种是弹出式窗口图片。两张均为JPG格式的图片,第一张文件名为“首页”,第二张为“窗口”。如图:

打开C盘,在“Inetpub\wwwroot”下建立一个“我的站点”文件夹。然后将图片保存到这里。

打开Dreamweaver软件,右侧找到“我的站点”文件夹,如图:

右击“我的站点”然后“新建文件”。这里新建2个文件,一个命名为“shouye”,一个为“chuangkou”。注意后缀名均为--html,文件名均为英文。

双击“shouye.html”打开文档,点击【插入】【图像】,然后自动弹出对话框中选择“首页.jpg”,点击确定,在弹出的对话框中点击确定。

图像打开后效果如下,选中“body”将其居中,然后右击上方将其保存

用同样的方法打开“chuangkou.html”,【插入】【图像】然后居中,右击将其保存。

双击转换到“shouye.html”下,点击右上角的【标签】下拉菜单,找到【行为】

然后点击右下角的下拉箭头,选择【打开浏览器窗口】。在【要显示的 URL】的右侧【浏览】选择“chuagnkou.html”,单击确定。

然后再原来的【打开浏览器窗口】中输入【宽度】和【高度】值分别为500和400.(如果后面测试不成功的话,可以勾选下面的选项再试一遍)单击确定。注意右上角的变化:

按下F12键,弹出对话框点击【是】,弹出页面后右击“保持阻止内容”