超级牛最详细的Div CSS布局案例.pdfVIP

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