网页制作的方式对比及心得体会
HTML是目前网页设计语言的基础，至今仍然是网站设计语言的主流。自从2000年国际W3C组织(World Wide Web Consortium)公布了XHTML 1.0版本之后，关于网站建设标准的讨论日益增多，网站是不是应该立即采用XHTML方式（即网站设计人员通常说的“CSS＋DIV”）也引发了一些争议。那么，基于XHTML的CSS＋DIV网站标准制作网站有什么特点呢？综合网站技术和设计人员的体会，CSS+DIV网站建设具有以下优势和不足：
CSS网页布局的优点体现在如下方面：
一、使页面载入得更快
由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。
二、降低流量费用
页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了。
三、修改设计时更有效率
由于使用了DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。
四、保持视觉的一致性
DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。
五、更好地被搜索引擎收录
由于将大部分的HTML代码和内容样式写入了CSS文件中，这就使得网页中正文部分更为突出明显，便于被搜索引擎采集收录。
六、对浏览者和浏览器更具亲和力
我们都知道网站做出来是给浏览者使用的，对浏览者和浏览器更具亲和力，DIV+CSS在这方面更具优势。由于CSS富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。
说了这么多CSS网页布局的优点，同时也不能轻视CSS网页布局的副作用：
一、DIV+CSS尽管不是高不可及，但至少要比表格定位复杂的多，即使对于网站设计高手也很容易出现问题，更不要说初学者了。
二、CSS网站制作的设计元素通常放在1个外部文件中，或几个文件，有可能相当复杂，甚至比较庞大，如果CSS文件调用出现异常，那么整个网站将变得惨不忍睹。
三、虽然说DIV+CSS解决了大部分浏览器兼容问题，但是也有在部分浏览器中使用出现异常，比如火狐浏览器，在IE中显示正常的页面，到了火狐浏览器中可能会面目全非。当然这应该是浏览器的问题，但是可以说在目前来看，DIV+CSS还没有实现所有浏览器的统一兼容。
四、DIV+CSS对搜索引擎优化与否,取决于网页设计的专业水平,而不是DIV+CSS本身。DIV+CSS网页设计并不能保证网页对搜索引擎的优化，甚至不能
保证一定比HTML网站有更简洁的代码设计，何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量，这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前，而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言，网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。
综合以上讨论的DIV+CSS优势和略势，我认为不可盲目跟风，如何更有效、更合理的运用WEB2.0设计标准，这需要很长时间的学习和锻炼。而如何将DIV+CSS运用的更好，我觉得这需要通过不断的实践和体检，积累丰富的设计经验，才能很好的掌握这门技术。
制作网页是一件很复杂的事，要做好一套网页需要考虑很多方面。下面就以个人主页的制作来简述一下个人对网页制作的心得与体会。
在制作一套网页之前，首先必须先定位网页的方向，及确定所制作网站的标题。标题在个人主页中起了很重要的作用，他很大部分的决定了你整套个人主页的定位是否正确，一个好的名字必须有概括性的、简短的、有特色的、容易记得还要符合自己主页的主题和风格，决不要取什么名实不符或则夸大夸大其词的“好名字”，别人第一次上你的当下次恐怕再也不会光顾了。
选好标题后，开始采集内容，内容必须紧随着标题，在采集内容过程中，很重要的一个“特”色，所谓特色应该是有一些自己的东西，不能跟平常中所看到的企事业单位的网页相比，个人主页中的特色，应该突出自己独特的个性，把自己的兴趣、爱好尽情的发挥，因为在网络上不受限制，没有人在你的创作内容上指手划脚，品头论足、你的主页就是你在网络上的一个小小家园，在那里你可以放上你自 己喜欢的任何东西（当然不是违法的内容、不涉及到版权的），包括你自己平时写的一些文章，一些好听的歌，一段幽默的文章，收集一些好的作品，把这些内容按类别进行分类设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层，而你的拳头栏目最好能直接从首页到达，保证主页用各 种浏览器的都能看到最好的效果。
如果想自己的网页更有特色一些，可适当的加一些网页制作得技术，诸如声音、动态网页、java、applet等技术，当然这种技术最好不要加太多，他会影 响网页的下载速度，另外可考虑一下你主页的定居点速度和稳定性，不妨考虑建一两个镜象站点，不仅能照顾到不同地区网友对速度的要求，还能作好备份，以防万一。
从古至今，很多艺术家和学者提出了各种关于形式美的规律，很多经得起推敲的作品都是遵循这些规律去创作，以期完成其审美价值的。因此，在网站设计过程中，设计者必须去研究，掌握并主动地、有意识的运用这些规律，才能创作出好的作品。当然，不同时代有不同的设计审美观念，也有不同的美学特征。在信息特别发达的今天，竞争日趋激烈，给人们带来了新的审美需求，对于网页设计，客观上将其推向了更高层的表现境界，这是网页设计的必然趋势。去追求一种和谐的单纯，即追求清晰的视觉冲击力和巨大的张力，我们应该把美的形式规律同现代的网页设计的具体问题相结合起来。先谈谈变化和统一。变化是各个组成部分之间的区别，统一是个部分之间的内在关联。再看条理与反复，其中反复是有规律的连续与延伸，有组织的变化与扩展并加以归纳，概括而富于条理化。对比和调和，对比是为了使主题画面具有变化和生气而运用的方法。而调和是构成美的对象在部分与部分之间的相互关系。只有做到对比和调和的相辅相成，才能使网页页面鲜明、突出，更好的传达出设计者的意图。均齐与平衡，这是动力
与中心两者矛盾的统一所产生的形态，是设计中求得中心稳定的两种组织形式，均齐的组织方法是无论在哪一个中轴和中心支点各方面配置同形同量的图形，都要求图形整体结构严谨，形态安定整齐，平衡。实际上也是一句中轴和支点保持平衡，所不同的是配置的形为等量不等形，它没有一定的组织原则，只要能在形式结构上掌握好中心即可，它要求在形式上自然合理。如何看待网页上的留空？并非要把整个页面塞满了才不觉得空，我想只要合理的安排，使页面达到平衡，既使在一边的部分大面积留空，同样不会让人感到空，相反这样会给人留下广阔的思考空间，给人回味。
上面仅仅探讨了几个非常贴近网页制作的形式美的规则，以及在网页中的运用。如何解决网页中的独特性的问题呢?我想这不仅仅是审美的形式问题,主要要站在网站本身的高点上来考虑，综合自身的整体形象，如网站的标志、标准字体、标准色等等，因为这些方面就是自己与众不同之处，如果将这些经独特设计的关于自身经营理念的东西融合到网页设计中去，怎会与人雷同呢？随便打个比方，假如运用自己的网站的标准色作为网页的基调，不光是能做到独特，而且对于网站本身的形象是很有好处的，就如我们经常见到的IBM的蓝，可口可乐的红白两色。这都是苦心的营造的企业形象的重要组成部分。网站要想树立自己的独特的形象，必须从这些方面入手，把网页上的各种信息的表达统一到网站综合形象的整体里面来考虑。就会给人留下深刻的独特的形象。
等个人主页作了差不多了，也别忘了在网页上放一个留言板、一个计数器是必要的，前者能让你即使的获得参观者意见和建议，即使的得到网友的反馈信息，你最好能做到有问必答，用行动去赢的更多的访问者，后者能让你知道主页参观者的统计数据，你可以即使调整你的设计，适应不同的浏览器和参观者的要求。最后一步就是宣传你的个人主页，首先你先在各个搜索引擎登陆，这点你可以交给一些网上专门免费提供这类服务的站点替你做。此外你也不妨同访问量大的一些站点作一下友情链接。通过他们网站来访问你的个人主页。扩大你网站的知名度。
网页制作不只是简单的掌握好制作软件就可以的，还要考虑到网页布局等一系列因素，所以说要想制作好一套网页不是一个人的事，需要与伙伴很好的交流沟通，集合众人之力才能做出出色的网页。
08级计算机应用技术
逄淑胜
2010年10月25日
