手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

使用Dreamweaver cs6软件测试手机hmtl页面

时间:2024-10-12 00:35:53

1、首先我们需要打开自己的电脑,然后找到Dreamweaver cs6的快捷方式,单击打开,如果没有这个软件,我们可以去百度搜索下载一个。

使用Dreamweaver cs6软件测试手机hmtl页面

2、然后我们选择Dreamweaver软件上方工具栏中的“文件”—“打开”然后在文件夹中浏览选择一个我们做过的手机端页面

使用Dreamweaver cs6软件测试手机hmtl页面

3、浏览到相应的html页面后,我们点击确定,便打开了相应的html页面,进入到了软件的编辑页面。

使用Dreamweaver cs6软件测试手机hmtl页面

4、这是一个手机端的页面,我们可以在pc端的浏览器中浏览但是效果不是很好,大家可以看一下。

使用Dreamweaver cs6软件测试手机hmtl页面

5、这时我们可以点击Dreamweaver cs6软件的文件菜单,在弹出的下拉菜单中选择多屏预览一项。

使用Dreamweaver cs6软件测试手机hmtl页面

6、这时我们可以看到软件的弹出框中显示“电话”一项,即是页面在手机端的显示效果。

使用Dreamweaver cs6软件测试手机hmtl页面

7、默认的电话页面的大小是320*300,我们点击此多屏预览窗口右上角的视口大小,可以调整手机端浏览页面的大小。

使用Dreamweaver cs6软件测试手机hmtl页面
© 手抄报圈