代码简洁性（简单易懂的代码）

今天给各位分享代码简洁性的知识，其中也会对简单易懂的代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、网站建设使用简洁规范的代码有什么重要性
• 2、写html是否代码的简洁性关系到网页的执行速度？
• 3、FontPage和Dreamweaver各自的优缺点
• 4、Dreamweaver和Frontpage哪个好用？？

网站建设使用简洁规范的代码有什么重要性

一、网页加载

网站的加载速度，对于上网一族来说重要性是毋庸置疑的，尤其是对于营销型的网站，网页的加载速度对于网站的利益有着很直接的关系。一段简洁的代码，对于网页的加载有着重要影响，代码太过冗长，影响着系统对于网站内容的读取，增加了读取时间也就导致网页加载缓慢。

二、维护更新

代码的长短不仅影响着网页的加载，而且还对网站的定期优化更新和安全维护方面有一些影响。如果代码比较臃肿，就会造成编写混乱等等问题，这样不利于后期再网站优化中的程序修改。简洁的代码形式就有利于为这些网站建设中程序的编码制定一个规范。

三、提高排名

简洁的代码对于企业的网站页面加载和后期的更新优化都有着重要的作用，代码简洁规范的企业网站有着一定的排名提升优势。

写html是否代码的简洁性关系到网页的执行速度？

我觉得最好的方法就是 少用嵌套div

你嵌套的层次越多 那速度肯定越慢了 可以多使用 table form ul 等 增设id class 而减少 div的使用 一般老说 3-5层 就差不多了 大型的网站 那要多些

html 代码对网页的速度远不及 过多的图片 和 flash 对速度影响大 看看大小就知道了

主要是 你写的代码 清晰 然后再谈简洁

FontPage和Dreamweaver各自的优缺点

1、DW的优点在于：它的标记选择器（Tag selector）可以方便准确地选择所要编辑的对象。此外，它的表格与层相互转化、依对象而自动变动的属性栏也颇受喜爱。但在编辑文字内容方面，不如FrontPage好用。因为我们只要在Word中选取所要的部份(包含图片)，然后贴到FrontPage的文字编辑区，不仅文字和图片都能正常显示，而且样式也几乎一致。其中不太一致的是，原本是居中的图，会变成靠左。但是，如果我们选取了Word中的一部份，然后想要贴到Dreamweaver中，就会发现图片不见了，而且文字的样式也没有了，因为文字全部挤在一起，连段落也无法区分。因此我们如果想调整这些文字和图片的话，就必须再花费不少时间。

2、在风格方面，Dreamweaver使用的是浮动面版的设计风格,直观性和高效性比FrontPage要强。感觉比FrontPage还要难学，适合有一定网页课件制作经验的人群使用，FrontPage比较适合初学者。

Dreamweaver和Frontpage哪个好用？？

在目前的网页编辑软件中， MicroSoft公司的FrontPage以及MacroMedia公司的Dreamweaver是最知名和最常用的两套热门软件。通过在实际使用过程中的分析比较，我对这两种主流网页编辑软件的优劣得出了点个人体会。

一、代码简洁性

在使用FrontPage时，搭配使用一个网页压缩软件是常事，FrontPage常常在网页中莫名其妙插入很多空格，经压缩后网页会比原先小20％～30％，而下次编辑存盘后这些空格又还会再度出现，挥之不去。而以代码简洁而著称的Dreamweaver没有这方面的问题。

二、使用操作性

在这方面FrontPage和Dreamweaver各有所长：FrontPage具有与Word类似的界面和操作性，尤其在手绘表格方面，很多人都觉得FrontPage比Dreamweaver要方便不少。在查看源代码和预览功能上FrontPage也比Dreamweaver方便。还有对于采集整理资料很重要的一点：从浏览器中复制的页面粘到FrontPage中时仍能保持原有的表格、链接、文字格式；而在Dreamweaver中即使使用“Past as text”也只能粘贴为纯文本段落。

Dreamweaver的优点在于：它的标记选择器（Tag selector）可以方便准确地选择所要编辑的对象。此外，它的表格与层相互转化、依对象而自动变动的属性栏也颇受喜爱。

三、与Word软件的兼容性

很多人都是使用Word来输入和编辑网页文字内容，如果要将这些文档内容剪贴到FrontPage或Dreamweaver软件中时，就会发现FrontPage在这方面略胜一筹。因为我们只要在Word中选取所要的部份(包含图片)，然后贴到FrontPage的文字编辑区，不仅文字和图片都能正常显示，而且样式也几乎一致。其中不太一致的是，原本是居中的图，会变成靠左。

但是，如果我们选取了Word中的一部份，然后想要贴到Dreamweaver中，就会发现图片不见了，而且文字的样式也没有了，因为文字全部挤在一起，连段落也无法区分。因此我们如果想调整这些文字和图片的话，就必须再花费不少时间。

四、站点管理

相对于FrontPage强大的站点管理，Dreamweaver略显不足：FrontPage中特有的报表视图可以显示未链接文件、慢速网页、较旧的文件、新增文件、未验证链接等15个项目细节。Dreamweaver在这方面做得就差多了，只有简单的断裂链接（Broken links）、外部链接(External links)和孤文件(Orphaned Files)三项。而且不像FrontPage中每一项目下都有详细的文件名称、标题、大小、类型、修改日期等说明。

此外，Dreamweaver不认为表格背景图片是网页不可缺少的部分。当在站点管理器中对表格背景图片进行移动或改名等操作时，Dreamweaver不会提示更新链接，结果就会出现断裂链接。而且基于同样的原因，Dreamweaver会把表格背景图片识别为孤文件，也影响了对网站的管理。

当然Dreamweaver在站点管理方面也有其优秀之处。它可以在不逐一打开每个文件的情况下实现全站的整体查找替换，还有其特有的HTML标记属性的查找，功能强大。相比之下FrontPage可以实现全站查找但做不到即时替换，需要对查找结果列表中的文件逐一打开替换。

FrontPage对站点管理的一个不好的副产品就是大量的“_vti_cnf”目录，里面对应记录了站点每一个文件的相关信息。因此，如果我们用MODEM来上传主页的话，就必须找一个好点的上载软件才能把它们滤掉。

五、图片的使用

在使用图片时，如果我们想要在Dreamweaver中放上图片，必须使用“插入图片”的方法来产生，而无法使用“剪贴板”的“粘贴”功能。因此我们的图片必须事先存放在硬盘中，并且已经取好名字才可以。

而FrontPage就轻松多了。我们可以从任何软件复制或剪贴图片到FrontPage中，这些图片并不需要事先储存成文件。因为当我们要储存网页的时候，FrontPage会一并将这些图片以预设的文件名储存在“与网页相同的文件夹”中。当然图片的文件名和储存路径都是可以修改的。

六、所见即所得

在这项功能上，FrontPage比Dreamweaver 强。由于这一点对初学者相当重要，因此包括学生在内的网页设计初学者，都相当偏好FrontPage。

所谓“所见即所得”，就是我们在软件中设计的样式应该和最后在网页中呈现的样式“完全一样”。遗憾的是，在我们使用FrontPage或Dreamweaver时，都无法达到真正的“所见即所得”。也就是说，我们在网页编辑时的样式，跟最后在IE等浏览器中所看到的样子往往都有极大的差距。其中又以Dreamweaver的差距更大。因此我们常常需要配合浏览器来观看结果，然后再到网页编辑软件中做修改。尤其在处理文字时更是常常有令人不太愉快的经验。如果常常需要设定文字的“样式”，建议使用FrontPage。

七、文字样式

在使用文字时，FrontPage提供较多的设定功能，能让文字做更多的样式变化。而且文字在经过设定样式后，文字也会作即时的变更。例如设计者可以对文字设定“字体”、“大小”、“颜色”，也可以设定文字“内缩”、“行距”、“段落距离”、“字距”。而后面这四项在Dreamweaver中是无法更改的。

虽然FrontPage在文字样式方面提供较多的功能，同时在“所见即所得”上也较令人满意，但却并不是说FrontPage在这方面就没有缺点。有时我们在设定链接文字的色彩或粗细体上，也往往碰到一大堆问题，这些都是软件厂商以后应该注意修正的事项。

八、固定部件更新

要保持网站的整体风格，每页的公司徽标、版权栏、宣传语句、广告等页面元素是必备要素之一。当必须对这些要素进行修改时，手工修改的工作量是难以想象的。对此，FrontPage和Dreamweaver都有自己的解决方案：FrontPage采用共享边框，在站点上的单个或所有页面的某一边上共享相同内容并保持统一更新；而Dreamweaver则设立了库（Library）的概念，可以把页面中所要重复的任一部件加入到库项目，自由设定在所需的页面中重复使用、统一更新。

相对于Dreamweaver的库，FrontPage的共享边框就要逊色多了。它只能在网页的四边中选择位置，而且一旦设置，影响的就是网站所有页面，对于不想采用共享边框的页面只能另外逐一单独设置。最致命的一点是在FrontPage应用共享边框的时候会把原页面内容统统套在一个大表格中，而共享边框设在另一个表格之中。这样的危害在设计者本地看不大出来，然而在网络上由于浏览器要下载完整个表格才会显示，因而会大大降低网页的实际浏览速度。

九、设计动态和互动式网页

Dreamweaver的使用者和支持者，从现在开始，可以抬头挺胸了。因为下面这两大项的功能都是Dreamweaver的长处，而且是极其重要的两项。

首先介绍的这项功能，就是Dreamweaver具有“设计互动式网页”的功能。我们可以利用Dreamweaver的“图层”(Layer)和“时间轴”(Time Line)功能，来让图片或文字随意地在网页中自由移动。移动的方式可以是绕着我们所设定的路径(path)移动，也可以是左右或直线的移动。

另外，我们可以设计让文字或图片配合鼠标的点选有更多的变化。也就是说，当鼠标经过文字或图片，文字或图片会产生变化的动态效果。

Dreamweaver还可以插入Flash的.swf动画文件和 Firework设计的HTML文件，让网页更加活泼。虽然FrontPage也可以插入Flash文件，但操作方面比Dreamweaver麻烦。因为Dreamweaver、Flash、Firework都是MacroMedia公司的产品。

十、模板功能

现在的网站内容，大都会在每一个网页中提供“目录”(主功能链接)。而这些目录式的项目通常在未来会有所改变，但是我们的网页可能也有数百个或甚至数千个，难道我们的每个网页都要做一一修改吗？这显然是不可能的。

于是我们可以利用Dreamweaver提供的“模板”功能(模板后缀名为.dwt)，即：首先设计一份模板或二、三份模板(份数当然可以根据我们的需要而定)，然后将我们的网页“套用”这些模板，之后只要修改相关的模板(可能只改变一个)，那么所有套用模板的网页，就可以“一次全部”跟着修改。这项功能对于设计大型网站或多网页的网站有“容易修改和维护”的作用。

至于FrontPage，虽然它提供“主题”(Theme)，也能够让多网页套用到某些“主题”的样式，但是FrontPage的这项功能弹性比较差。也就是说，我们在许多地方无法按照自己的想法来设计，只能使用FrontPage的几种固定样式。因此，如果希望设计出富有变化的套用模板，那么建议使用Dreamweaver。

本文比较了两大主流网页编辑器常用功能的部份差异。对于一些较高端的应用：如FrontPage特有的服务器扩展应用、与OFFICE家族协同工作、ActiveX组件；Dreamweaver所特有的强大动态网页设计能力、与Fireworks、Flash的协同工作特性等等，都有它们自己的特色。一般来说：FrontPage适合于新手使用，而Dreamweaver则更多为专业公司所采用，如何选择就看用户自己了。

代码简洁性的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于简单易懂的代码、代码简洁性的信息别忘了在本站进行查找喔。