谈网页设计思想与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 2012-06-24 01:16 Arts&Crafts 阅读(528) 评论(0) 编辑 收藏 举报
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .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语句:使用策略模式优化代码结构