如何高效编写网页代码

这篇文章主要介绍了如何高效编写网页代码，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

本文从三个方面着手，一个是企业网站的建设（教育政府类也归纳到企业站点里），二是小型门户站点的建设，三呢，我把平面广告设计也顺带提一点。主要还是网站。

其实企业站点的工作量并不大，相信很多有经验的同仁能够把普通企业站可能用到的栏目一口报出来。在这里我们换个角度来看待这些工作。从页面的内容构成上来针对他们进行分类：

一：首页。
这里的设计含量是最高的。工作也是最繁复的。暂且不谈设计。从ps版到html，到最后的整站。往往修改最多的就是首页了。在这里我要强调的是，从首页开始，注意使用包含文件。

二：分页。
分页有几类呢？在我看来，无非是list和view，列表页和阅读页。list一般是新闻列表，或图片列表。而view，则完全只需要一个！

所以，在构建一个普通的企业站的时候，上述三个页面完成了，工作基本已经完成1/3了。还有程序，以及内容录入。

纯动态的站点。内容录入很简单。但如果是有着大量静态页的站点，比如教育类和政府类的站点。当然，也有相当一部分原因是从公司角度或程序员角度来考虑，将简介之类的很长时间才更新一次的页面做成静态的。另外一种情况则是内容内包含大量的图片、特殊符号、公式、表格等。哪怕是再强的编辑器编辑起来也很麻烦。使用dw效率可能会更高。到这里，我的经验才真正的表述出来。
    先说一下大量的文字录入，先定义好你的P，记得缩进2em，因为很多人很注意这一点。也必须注意到这一点。相信大家都开着qq，大量的文字，无论是从Word还是记事本，直接copy，贴到qq对话框里再复制一次，去除多余的东西，然后到dw的代码状态。记住，是代码状态粘贴。这个时候，代码状态依然保留了原有的段落，而预览则是不分段的，这个时候，你的P，就开始大显神威了。开始的地方＜ｐ＞，结尾的地方＜／ｐ＞，中间的段落则复制＂＜ｐ＞＜／ｐ＞＂直接粘贴．不需要你再去按回车，也不需要按着ＡＬＴ+ＳＨＩＦＴ+空格了！！！
　　说表格，在编辑器里插表格，效率总没在ＤＷ里高吧．好，那就在ＤＷ里画表格，然后，到编辑器的代码状态去粘贴．效果那是一个好啊....
　　说复杂的内容，有表格有特殊符号有公式有大量的文字有表格还有图片．而且相当的长．怎么办呢？我向你推荐一个小软件，叫ＦＬＡＳＨＰＡＰＥＲ，它可以直接在ｗｏｒｄ内，将所有的内容转换成一个带滚动条的ｓｗｆ文件．相当多的情况下，体积比你在ｄｗ里一点一点编辑出来的ｈｔｍｌ还要小．
    其实要说的是，代码状态操作，很多时候效率是最高的！
　　如果客户提供给你的内容，不全，或不完整，这种情况则不在我的考虑范围内．这是前期工作．如果不知道怎样处理合适，请翻阅我的前六章内容．

**************************************讲述制作与设计的分割线**************************************

其实呢，有很多同仁花在设计上的时间是最多的。而企业站点一般也没多少内容。我想，你看一下我的网页设计进阶系列的前四章。会对你的设计有很大的帮助。其余的不再做赘述。只是再强调一下积累。只有不停的积累，才会不断的进步。第四章关于素材里，我这样说过：

当你看到某一张图片的某一个部分，脑袋就开始闪光，你发现你可以完全从这一部分出发设计出一套的东西。

当你接到一个任务，脑袋就像硬盘一样，把你机器里跟这个任务相似类似的甚至可以直接拿过来用的那些内容自动打包。

当你要做某样东西，你的硬盘里哪些可用的字体哪些可用的花纹哪些的可用的小图标自动浮现在你的脑海里。

当你要做某样东西，这个时候你在赶路，你在骑车，你立刻就能想到哪个哪个网站上什么什么素材可以拿过来用。

当你看到某个站，你可以立刻进行引申，张口就说出哪个哪个站跟这个结构类似，哪个哪个站跟这个风格接近。。。

这几条都能做到了，设计对你来说还是难事么？

设计，其实是一个不断积累的过程。

*********************************************特别强调的分割线************************************

再强调一句，包含文件，可以再包含一个甚至多个包含文件........理解这句话，会让你在做那些静不静动不动的网站的时候省很多力气！

****************************************网站设计的根本的分割线************************************

感谢你能够认真阅读完这篇文章，希望小编分享的“如何高效编写网页代码”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网精选频道，更多相关知识等着你来学习!