网站首页/网页设计列表/内容

如何防范及消除垃圾代码的产生

网页设计2019-05-25阅读
网站建设是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。简单来说,网页设计的目的就是产生网站。简单的信息如文字,图片(GIF,JPEG,PNG)和表格,都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。    对于Dreamweaver这个广大用户早有听闻的网页编辑工具,除功能强大外,Dreamweaver一向被推崇为同类网页编辑软件中产生垃圾代码最少、保持原本网页代码最好的网页编辑器。在我们的使用中也证实了这一点,它确是所见即所得的网页编辑软件中在这方面最出色的。我们现在就来说说用Dreamweaver如何防止及消除垃圾代码的产生的。

一、防止产生垃圾代码

  Dreamweaver一般是不会使网页任意添加不必要的HTML代码的,但在编辑网页时的一些不正规的操作也会使到一些不必要的代码遗留,所以在编辑过程中应尽量避免或减少以下操作:
  1.避免网页架构过于复杂。在规划网页时,我们使用到表格,应尽量寻求最简单的表格格式,不要把表格搞到非常复杂。有可能的也应在表格内部减少表格的嵌套,不要嵌套得太多。
  2.在网页上过度频繁地移动图片,文本或者其它对象,这样也会产生一些不必要的代码,故应减少频繁的移动图片,文本或者其它对象。
  3.一定要避免文本交错使用样式。这里指的文本交错使用样式是指如下情况:如有一文本为“编辑网页时的一些不正规”,我们对“编辑网页”使用了某一样式,在后来修改时,改为要对“编辑网页时的一些不正规”这段文字使用样式,若在不取消原先使用的样式就直接为这段文本再加上样式,只要你点几下样式,它就会重复几次加上同一定义样式的代码。所以一定要避免这种情况出现。
  4.避免对象格式定义的重复。即避免对一已继承上级对象格式的对象再定义相同的格式这种无用的操作。
  5.我们在对同一对象的格式或样式的定义作多次修改也会产生不必要的代码。所以在修改对象的格式或样式时应先取消它原先定义的格式,再定义。如:我们对一文本加粗及加上一样式,后来又加斜,再用另一样式时,这就会使到第一次应用的已无用的样式代码遗留下来。且这种不必要的代码是无法用后面消除不必要代码的方法消除,只能人手对页面源代码作消除。

二、清除产生的垃圾代码
  虽然在编辑中我们好努力去防止不必要的代码的产生,但还是会有防止不到的情况出现。而这些不必要的代码会影响网页的下载速度和网页的兼容性,所以,在编辑完网页后,必须手动清除它们。

  在Dreamweaver中,点选菜单Commands/Clean Html...开启/Clean Up Html视窗,在视窗Remove项有五个选项来清除不需要的代码:Empty Tags(空标签);Redundant Nested Tags(多余的嵌套标签);Non-Dreamweaver HTML Comments(非Dreamweaver格式的注释);Dreamweaver HTML Comments(Dreamweaver注释);Specific Tag(s)(指定的标签),一般我们选取前四个选项,接着按确定就行了。我们还可以选取第五个选项Specific Tag(s),指定我们要清除的垃圾代码。
  对于把WORD格式转换成HTML文件,你可以点选菜单Commands/Clean Up Word Html...开启Clean Up Word Html视窗来清除转换中所带来的多于标签。

大多数人在上网的时候,都会浏览网页提供给我们的信息。

……

相关阅读