• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >Dreamweaver教程 > Dreamweaver怎么清理冗余的网页代码

Dreamweaver怎么清理冗余的网页代码

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含清理代码,Dreamweaver等相关知识,佚名 希望在学习及工作中可以帮助到您

我们有时候为了方便起见,直接拿word来制作网页,因为我们对word更加熟悉,排版更加方便,或者我们只是为了利用word内的图片和文字。但是直接使用word生成的网页会出现很多冗余代码。我们都知道程序员应当尽量用简洁的代码实现复杂的功能,接下来我们看看dw怎样帮助我们减少冗余代码。

Dreamweaver CC下载地址
步骤/方法

1、首先我们随便打开一个word文档,将其转化htm网页文件。

2、点击开始,然后选择另存为。就可以看到另存为的对话框。选择保存类型为单个文件网页。

3、接着我们可以看到生成了一个网页文件。

4、打开你的dw,然后点击打开。

5、我们就来到了打开的对话框,我们选择刚才生成的网页文件

6、这就是打开的网页文件。

7、我们点击代码,来带文件的代码格式界面。

8、我们来带代码的最后,看看这个文件有2411行代码。一会清理完冗余代码,我们再看看有多少行。

9、选择命令,清理word生成的html。

10、选择word 2000及更高版本。勾选所有的代码。这里的选项不是把这些代码都删除,而是要对这些代码进行整理,最后清理的效果是和原先文件的效果是一样的。所以,你可以放心的勾选所有的选项。

11、点击确定以后,我们看到了这个反馈的对话框,告诉我们删除了多少内容。

12、接着点击确定,我们再来看看还有多少行代码。刚才是2411行,现在是1147行。

13、我们点击设计按钮,看看是不是效果有变化。恩,和一开始没有整理过的效果是一样的。通过我们的整理,你的网站的下载速度会大大提升。

您可能想查找下面的文章:

  • Dreamweaver怎么清理冗余的网页代码

相关文章

  • 2017-08-06dreamweaver做网页实例教程 利用表格美化页面
  • 2017-08-06dreamweaver状态栏的工具该怎么使用?
  • 2017-08-06dreamweaver翻译器没有被装载由于错误coldfusion.htm有不正确的设置信息
  • 2017-08-06dreamweaver[dw9,dw8,cs3 cs5]安装视频教程
  • 2017-08-06Dreamweaver项目列表前面的项目符号去掉小圆点?
  • 2017-08-06小技巧:Dreamweaver的应用源格式
  • 2017-08-06Dreamweaver开发中常见问题整理
  • 2017-08-06Dreamweaver中vm文件怎么设置高亮显示?
  • 2017-08-06在Dreamweaver里面添加音乐播放器背景音乐的方法
  • 2017-08-06修改Dreamweaver编辑器颜色样式(代码颜色)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Dreamweaver怎么添加文本?怎么设置文本?
    • 使用DW正则表达式批量替换实例介绍
    • DW首选项参数怎么设置?
    • dreamweaver命名锚记怎么使用?
    • 教你把图片添加到Dreamweaver工程中
    • Dreamweaver中设计多彩文字链接的方法
    • DreamWeaver中批量删除超级链接的方法(图文)
    • Dreamweaver 一句话技巧集萃
    • DreamWeaver插件 Javascript文件美化、自动缩进
    • Dreamweaver项目列表前面的项目符号去掉小圆点?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有