谈网页设计思想与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网页的好坏取决于元素的如何放置与表现。

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

posted on   Arts&Crafts  阅读(528)  评论(0编辑  收藏  举报

编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构

导航

< 2012年6月 >
27 28 29 30 31 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
1 2 3 4 5 6 7
点击右上角即可分享
微信分享提示