谈网页设计思想与OOP设计思想

             一直很羡慕那些能设计并写出漂亮网页的人,因为漂亮的网页需要好的美术功底和艺术功底,对于我一个写Java代码的人写出一个漂亮的网页来说确实是一件很头疼的事,而且我发现好像前端对很多后台程序员来说是一件痛苦的事情。之前一直忽视网页前端,快毕业了现在让我写个漂亮的网页都是一件很头疼的事情,为了以后毕业能找份好的工作不得不学习网页前端。

            刚开始学网页的时候我只知道html中的元素是干吗的,用的时候却不知道怎么用,学到后面DIV+CSS布局更是头昏脑胀。没办法只能强迫自己去学,一直想找寻其中的规律,请教过老师,可是老师说的我总是似懂非懂,看来有些东西只能靠自己体会。

           今天静下心来想想自己最近学的html方面的东西,碰巧又在博客园上面看到一篇讲解CSS定位的文章,链接:http://www.cnblogs.com/cuishengli/archive/2012/06/22/2558927.html  里面有一段 "一切皆为框" 的思想当时突然就想到OOP中的"一切皆为对象"。

           下面是自己对HMTL中"一切皆为框" 和OOP中"一切皆为对象"的思考,当然我这样想只是便于自己去理解HTML

           我们对待HTML中所有元素要有 "一切皆为框"  的思想就跟 我们在学习OOP语言中"一切皆为对象"思想一样.简单点点说 在HTML中我们把所有元素都当作div(框)对待,一个个元素就是一个个框,所有DIV元素有的CSS属性它们都有,只是各个的属性值不相同罢了。我们可以通过改变各个的CSS属性使不同的元素表现出相同的效果,例如a,p元素是行内元素,我们可以改变它们的display属性设置为block,让其生成块级元素,我们也可以设置div的display属性为inline属性使之成为行内元素。在OOP语言中一切对象都继承自Object类,我们在HTML中同样认为所有元素继承自DIV(块),它们都扩展了DIV,拥有了各自独有的属性,所以说HTML中元素相当于OOP语言中的对象,DIV相当于OOP语言中的Object。所以说网页的设计就OOP语言中程序的设计 一样,OOP语言中程序的好坏取决于对象之间如何协调与通信,HTML网页的好坏取决于元素的如何放置与表现。

         所以网页的设计就是[ 框的放置和表现 ] 动态效果只是状态(属性)的改变,当然一个漂亮的网页还要看网页设计人的美术功底了--也一直是我努力的方向。

原文地址:https://www.cnblogs.com/ArtsCrafts/p/Arts_Crafts.html