我用div+css技术来重新编写网站页面的体会
转载请注明出处：北京网站建设 http://www.beijingjianzhan.com-西西弗斯工作室。
随着W3C网页规范的影响和优势组件深入人心，<随着W3C网页规范的影响和优势组件深入人心。国内许多门户网站纷纷转为用div+css技术来重新编写网站页面，而对于许多已经习惯tabl布局的顺序员来说，要一下子转换自己的思维，用一种全新的思维方法来面对布局这一工作的时候，有困难的为了克服这种困难感，笔者在此谈谈自己的一些心得体会。
拿到设计师设计好的网页PSD文件后，过去。通常我都是切图，然后使用Dreamweav等软件，表格创立好框架后导图，然后开始具体代码的编写，现在应该暂时遗忘这种方法，当拿到一个PSD文件后，先在白纸上画清楚这个网页的结构层次，并给每个模块赋予相应的名字。
一个普通的网页，一般来说。大致可以分为以下几个大模块：头部，logo区、导航区、内容区、友情链接区、底部说明区。这些大模块里面又可能划分成若干个小模块，以内容区为例，可以按上下关系，分成第一部分焦点区(ID:focu第二部分图片区(ID:photo第三部分评论区(ID:review 等等，而里面的每个模块又可以继续细分小模块，一直细分到表示不同内容功能的元素。
都是由表现不同功能、具有不同层次的模块和元素组成的最基本的集中元素分别是标题(h1-h6段落(p图片(img动画(swf音频(mp3视频 (mpegrm等。一个网页上，任何一个html页面。具有相同或相似表现效果的尽量用相同的元素名称去定义，既可以有效减少代码，又便于日后的网页改版。
划分网页模块的过程，也是一个给模块和元素命名的过程，以模块的命名为例，每个模块一般都要加上它父模块名称作为前缀，比方说，focu区里面的左侧区，则命名为focus_left,与此同时。这个子模块里面的图片子模块，则命名为focus_left_photo.通过添加父模块名称的前缀来命名，既可以明确标注每个模块的从属关系，又可以让其他后来跟进的人员可以快速理解该模块的含义，从而便于管理和维护。当然这个不是一定的根据个人习惯需求来书写。
可以挑选10个左右不同复杂程度的现成网页，初期的学习中。花几天时间，从简单的页面开始，逐一秒素清楚每个网页的结构层次，每个模块应该如何命名，最底层的元素如何定义，可以说，随着网页结构层次的逐渐解剖和各个模块、元素的逐一命名，一个完整的css+div网页代码，至少已经写完了1/3再逐渐学习css属性，和兼容性，想，这样循序渐进的过程，很快就可以掌握div+css网页布局的技术了
相关文档：
在写《我如何看待DIV+CSS》的时候
我想到：
代码没有行与不行的分别
而只有好与不好的差距
好与不好都能完成相应的功能
一个功能少了能写，多了也能写
编程语言就那么几个关键字、那么几条控制语句
虽然框架或类库的类很多
但也不是没个数的
可是那些计算机大师们啊
却能写出让人觉得“美”的代码
为� ......
还在为毕业设计而烦恼么 看看这里 我帮你搞定就好
本人实际开发经验丰富 学过各类程序编写 前后台都可以
现在的工作不怎么景气呀 所以找点外快养家糊口呀 呵呵
报酬嘛 过得去就行了 没什么要求 交个朋友嘛
如果有意者可与本人联系qq604884385 Tel13438309220 ......
我承认我并不经常想这个问题......我们写的css的效率是怎么样的呢，浏览器渲染的速度又如何呢？
这是应该是浏览器开发者应该关心的(页面加载更快，用户就会更愉快)。Mozilla有一篇文章：about best practices . Google当然也很关心这个问题，他们也有这样一篇文章：Optimize browser rendering 。
让我们了解下他们主要倡 ......
抽时间认真学学成大势的div+css网页设计方式，先记下关键概念的领悟吧，有助对这种网页设计方式有个很好的领悟。要知道 任何东西 要知道所以然才能灵活运用，才能谈的上创新。
1、首先考虑页面的结构
所谓结构就是看看页面有那些内容块”结合构成“，列出这些内容结构块，然后进行提取，整理最后需要的一个列� ......
css中用一张背景图做页面的技术有什么优势？
简单介绍一下 CSS Sprites 的优点：
当用户往U盘中拷200张图片，会等
很久。但是如果弄成一个文件，再拷贝就会快很多。
CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载
速度。
实
现方法
：
首先� ......
