1、在这之前先有两张图片做素材,一张做浏览器打开的效果,另一种是弹出式窗口图片。两张均为JPG格式的图片,第一张文件名为“首页”,第二张为“窗口”。如图:
2、打开C盘,在“Inetpub\wwwroot”下建立一个“我的站点”文件夹。然后将图片保存到这里。
3、打开Dreamweaver软件,右侧找到“我的站点”文件夹,如图:
4、右击“我的站点”然后“新建文件”。这里新建2个文件,一个命名为“shou鲻戟缒男ye”,一个为“chuangkou”。注意后缀名均为--html,文件名均为英文。
5、双击“shouye.html”打开文档,点击【插入】【图像】,然后自动弹出对话框中选择“首页.jpg”,点击确定,在弹出的对话框中点击确定。
6、图像打开后效果如下,选中“body”将其居中,然后右击上方将其保存
7、用同样的方法打开“chuangkou.html”,【插入】【图像】然后居中,右击将其保存。
8、双击转换到“shouye.html”下,点击右上角的【标签】下拉菜单,找到【行为】
9、然后点击右下角的下拉箭头,选择【打开浏览器窗口】。在【要显示的 URL】的右侧【浏览】选择“chuagnkou.html”,单击确定。
10、然后再原来的【打开浏览器窗口】中输入【宽度】和【高度】值分别为500和400.钱砀渝测(如果后面测试不成功的话,可以勾选下面的选项再试一遍)单击确定。注意右上角的变化:
11、按下F12键,弹出对话框点击【是】,弹出页面后右击“保持阻止内容”