制作网页时如何浏览网页效果

随着互联网的浪潮一波又一波来临，制作网页都成为了司空常见的事情，尤其是自己制作出有个性化，有亮点的网页备受人们关注，会增加自己网站的人气，下面就制做网页时怎么样浏览网页的效果作出一点小小看法，希望能抛砖引玉。

操作前的准备

IE，DreamWeaver

最简单的html网页浏览

HTML浏览器看效果

首先，来举一个最简单的例子，先来做一个单页玩玩。我们先准备好网页的代码，然后再桌面上新建一个txt文本格式的文件，把这些代码直接粘贴进去。然后设置下，打开已知文件的扩展名。win7为例，计算机-》工具-》文件夹选项-》查看-》去掉勾选“隐藏已知文件的扩展名”。

然后，把此文件.txt后缀名改为：.html后缀名就可以了。然后我们来打开它就可以直接浏览刚才放入代码的效果。一般系统会默认调用默认的浏览器执行程序。如果人为想用哪一个浏览器来打开它，我们要自己手动选择。

手动右键单击改文件，选择“打开方式”选择一个浏览器。现在来看下，刚才做的一些控件的代码后浏览器的效果图。

DreamWeaver浏览效果

DreamWeaver专门制作网页的工具浏览

一般制作网页的热门工具，DreamWeaver用得比较多，制作效果好。可以一边开发一边浏览器效果，节省了很多时间跟精力来制作网页。

首先，打开DreamWeaver，打开刚才的那个小文件，来到主页面，上面会有几个按钮，代码、拆分、设计、实时代码、实时视图。

我们选择"拆分"按钮，就会出现下面图示的左右二个栏目，左边的栏目是编辑代码用，右边栏目是观看修改代码后的浏览效果。是不是很好呢，一边做代码的时候一边就可以浏览视觉效果。左边栏目修改好代码后，把鼠标放到右边栏目单击鼠标左键，效果图就出来啦！

上面只是简单的说了下DreamWeaver浏览网页效果功能，还有更强大的功能等待读者自己挖掘，如果是一个站点文件，大型的网站文件，比如几十个网页文件，我们也用DreamWeaver

来编辑就行了，只是刚才打开文件的时候直接选择打开您想要选择的文件就可以了。

注意：一般网页的主页都是以index.html或main.html或main.jsp等等形式出现的。如果要编辑设计单页找到该文件就可以了！

上面只是做一个抛砖引玉的作用，设计网页做好一个网站后台其实并不是一件简单、轻松的事情，想要做网站前要先思考“我为什么要做网站”，建网站要准备哪些事情？要知道这些请看下面参考资料：建网站要准备哪些事情。

用户类似问题：

问题1：网页设计中如何解决浏览器兼容问题

为了能让网站设计正常的运行于各种浏览器平台，网站设计师们不得不想尽办法处理好网站建设中的浏览器兼容问题。正是因为网站设计当中的这一需要产生了一项新技术— CSS Hack。 CSS Hack 就是针对不同浏览器写出不同的 CSS code 的过程，主要用来... >>详细

问题2：请问网页中这种效果怎么做出来？真心求教，感谢！

用chrome浏览器，在你关注的元素上单击右键，选择审查元素，就可以直接看到网页源代码和css样式。很多浏览器都提供这种调试方法，包括ie，方法类似。 >>详细

问题3：如何用dreamweaver做好的网页在浏览器中浏览呢

如果是在dreamweaver中，直接按F12即可预览。 直接点击做好的网页，就会自动用浏览器浏览了 >>详细

问题4：如何学习做网页。

首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣... >>详细

问题5：做网页时，浏览器兼容性问题怎么解决？

同浏览器对HTML标记所具有的内外边距属性具有不同的定义。 因此如果想消除这种差距，应该在相应的CSS部分加入以下CSS代码： *{margin:0px;padding:0px;} 借于此，所有标记的内外边距被统一起来。 优先级问题： 对于同一标记属性所给定的值，有不... >>详细