怎样预览网页效果

2025-05-26 11:48:28

一般情况下制作网页分为使用工具和记事本编写两种,如果是前者呢我们用dreamweaver的时候可以直接可视可得网站,如果是手写网站可以保存成HTML来预览,这里分别两种方法给大家讲讲。

工具/原料

dreamweaver8

工具网页

1、这里我们下载dreamweaver8来测试,我们打开软件进入HTML编辑,如图。

怎样预览网页效果

2、在可视界面插入表格来测试个简单的网页,如图。

怎样预览网页效果
怎样预览网页效果
怎样预览网页效果

3、在右上角的文件里找到预览按钮,选择IE或者其他的浏览器,当然可以直接按F12快捷键预览。

怎样预览网页效果
怎样预览网页效果

4、提示保存完网页后就可以在浏览器看到网站目前的效果了,如图。

怎样预览网页效果
怎样预览网页效果

手写网页

1、这里我们把网页代码复制到记事本里。

怎样预览网页效果

2、在文件另存为其他格式,如图。

怎样预览网页效果

3、保存的文件时其他,然后后缀名是.html或者.htm当然已你编辑网站的格式为准。

怎样预览网页效果

4、同样可以打开生产的文件看预览效果,如图。

怎样预览网页效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢