竹子社百度百科:关于网页制作中div的问题

来源:百度文库 编辑:查人人中国名人网 时间:2024/04/29 03:58:56
有没有人可以具体地给我一些DIV在html中实际用到的例子,理论上的我很难理解.
我就是不理解那些概念性的东西啊,
然后一些可以学习的网站我也进去看啊
但是还是觉得不是很理解这玩意.

我来给简单的你描述一下吧,这都是我个人的体会,未必全对呵。

网页设计最主要的是布局。

当然网页设计有很多的知识点,但从一个静态的网页开始,网页最关键的一个知识点应该是布局,因为网页制作不同于Word,它不可以随心所欲的在任意位置、任意方式添加任意的元素,比如文字、图画、动画等。

于此同时,早期网页制作时,你也不方便进行文字格式的控制,字体的大小、颜色、行距等等。

这主要是因为网页制作的HTML语言过于单一的原因。于是,后来就引入了CSS,CSS是一种层叠样式表语言。简单的说,它丰富了网页制作的格式。

举个简单的例子,CSS可以精确到点来控制字体的大小、行距,这是从前很难实现的。

再一点,布局,从前我们都是用表格来布局,本来,这是一个很好的思想,看过一些日韩的网页源码,人家将表格布局发挥到了极致,用表格布局实现了很多意想不到的布局效果,他们一般先用Photoshop设计出网页的整体效果,然后再把元素分解,进而通过表格组合成最终的网页,这种设计理念虽然比较费工时,但整体上很完美,值得我们借鉴。

但表格布局也有它的局限,比如下载速度慢,不能实现网页样式的转换,比如网站的改版就得重新全部网页代码。

同时,人们也需要表达更炫的页面,这时,就引入了DIV的理念,也就是“层”的理念,这是一个很疯狂的想法。

从前层还只是平面设计的一个概念(具体就不再描述了),现在引入到网页设计之中,自然需要进行一些再加工。

首页,网页的层并不是任意和随心所欲的一个层,它需要你事先规划好,这个层定位在哪儿,多宽多高,有什么样的样式,与其它层的位置关系,是叠加还是绕排,等等,都需要事先想好。

这是一个需要整体想象和周密计划的工作,所以,现在看到的CSS+DHTML网页都还是比较简单的。因为如何太复杂,工作量就太大了。

字打的太累了,给你举个例子,你慢慢分析先,http://www.armstrong.com/home/us/en/

将这个网站源码打开,一点点分析人家的做法,会受益的,估计有一周的时间,你会明白很多的。

现在的标准就是采用DIV+CSS来布局网页

DIV顾名思义就是层。

层其实非常简单,可以有很多样式。所以关键的地方你要先学习CSS样式。

http://www.w3cn.org看看