超级牛最详细Div+CSS布局案例.docVIP

DIV固定宽度居中显示－超级牛最详细的Div+CSS布局案例?? 这个例子的主要内容是居中显示，现在的显示器的宽度都比较大，并且规格不统一，所以判断一个网页是不是专业，第一眼就是这个网站是不是居中，如果不居中，一般不是一个很老的没有人维护的网站就是一个技术很差的人写的。 CSS代码如下：body { font-family:Verdana; font-size:14px; margin:0;}#container {margin:0 auto; width:900px; height:500px; background:#CD5C5C;} 页面代码如下：div id=containerp1列固定宽度居中/p/div?效果下图显示：（点击看大图） 其中居中的关键是“margin:0 auto;” 代码例子由“标准之路”提供，感谢！ HYPERLINK /blog/static/173143460201112814945323/ ? HYPERLINK /blog/static/173143460201122102033540/ \t /blog/static/1731434602011125101146324/_blank ?? HYPERLINK /blog/static/173143460201121710261351/ \t /blog/static/1731434602011125101146324/_blank ? HYPERLINK /blog/static/173143460201123195519847/ \t /blog/static/1731434602011125101146324/_blank ? HYPERLINK /blog/static/173143460201131491012228/ \t /blog/static/1731434602011125101146324/_blank ? HYPERLINK /blog/static/1731434602011320101110573/ \t /blog/static/1731434602011125101146324/_blank ? 序－经验之谈－超级牛最详细的Div+CSS布局案例?? 最近有很多晚辈问我关于网站制作方面的问题，随着SEO的普及，DIV+CSS的网站制作理念成为了流行，但在实际操作中，DIV其实是很不好控制的。大家会碰到很多问题，例如应该在左中右的，但却没有达到这样的效果。 在写大家最关心的Div+CSS布局案例前，让我先啰嗦几句，从事互联网工作已经快6年了，一个网站的产生，一般分为调研，策划，设计，制作，开发，内容、维护，如果是高级点的网站，会涉及到运营和推广的工作。我有幸全部工作流程都涉及过，我想先说一点我自己从事页面构造时的经验和理解，当然在一定程度上可能存在局限性，但因为看到了很多失败的经历，所以想在说技术前，说点别的。 在制作网站前，一定要先构思网站的内容，很多人会说，我们当然是先构思的，不构思怎么会想到做网站，但很多人的构思都是表面的，在脑海里的，而不是形成文字的，其实有时，看上去很麻烦，很形式化的文字报告却可以帮助我们理清很多自己以为清楚却实际并不清楚的概念。这个在我自己刚工作时，也不能明白，感觉leader老要报告真麻烦，改一个小小的功能也要发报行，我直接修改只要15分钟，但报告却要我1个多小时的时间，现在知道了，这是份很重要的依据，可以理清自己的想法，也能够在后来项目开发的后期，再帮自己找到这个项目初期的开发的原因（写得有点玄乎，但我相信做过项目的人都理解，项目到最后常常会变味的）。 做网站先要出策划图，下面这个是策划图的示例图. 这是我从网上找的，感谢西乔同学的提供（由于工作的性质，我不方便将自己的策划图公开，大家都懂的）。我平时一般用Axure RP做网站策划图，可以推荐给大家使用，有汉化版。 但出策划图只是第一步，我手下的员工都知道我的要求，不管是改版还是新建页面，草图（我允许手画版）一定要做一张，然后一定要用PhotoShop或FireWorks等图片处理软件将需要制作的界面布局设计出来，尤其不能是因为只是修改一个小栏目就可以跳过。因为自以为只需要5分钟的修改可能最终却因为反复调整失败后连最初的效果都恢复不了，最后造成整个页面重新做的例子我看到太多，尤其是当你的水平还不成熟时。所以一定要有设计图，这个设计图一定要很精致，一定要和你最终想得到的网页效果一样，不要敷衍自己。 最后，最重要的来了，制作页面最重要的一点就是全局性，以“模块化”思维，将同样的“模块”抽取出来，我见过很多人在制作网站时，为了有成就感，或为了网站运营时间，或工程的压力等很多原因，都会将一个页面完成然后上线一个页面，这样