【前言】
从4月份建立Space以来,发表了很多的日志,结交了很多的朋友,也了解了当前Space的现状,看到很多朋友都非常热心地经营自己的空间,将各种技巧、各种资源都展现得淋漓尽致,好不精彩^_^
这期间解答了很多各种各样的技术问题,使我感觉到有必要写这篇文章,以帮助大家能更快更好地提高自己的Space技术,展现自己的空间。
本文不涉及具体细节技术,只是想给大家介绍一下建设Space所涉及的技术基础框架,以及快速学习掌握这些技术的方法,具体技术请参考本人的另外一篇文章《爬山虎的Space技巧提高篇》。
知识是无穷无尽的,相对于具体技术,掌握基本概念、基本理论和正确的学习方法才是最重要的,才能以不变应万变!
本人完全同意下面这个观点:技术只是一种工具,技术是为内容服务的。就像我们作软件时,用户并不关心你的技术,对于用户最重要的是能否真正实现他们的功能,提高他们的业务效率。
但限于能力和兴趣,本文将惟技术是也,不涉及任何内容方面的知识。
【原则】
在介绍具体技术之前,先随便谈谈一些原则性的东西:
遇到问题时,如果不是特别急于解决,先别急着问别人,先尽量自己试着解决。
想想问题的来龙去脉并预判一下解决方法,然后可以Google、也可以参考本站的【教程宝库】,甚至可以看看微软MSDN(最权威、最详细、最全面的技术手册),这些资源都提供了大量的技术支持,如果可以通过这种方法解决问题,一来提高了自己的能力,二来也减轻了他人的负担。
很多朋友问我问题时,我也是经常要去Google,去MSDN查找解决方法的,大部分的知识我们不需要也不可能记得住,但我们必须对其有个宏观的了解,知道如何查找获取他们,在需要是能够找来就足够了。
找来之后如何理解,如何应用就需要你的一个基础知识框架了,也就是基本概念、基本理论,这些就是后面要重点介绍的内容。
解决完问题时,一定要仔细想想问题是如何解决的,尽量理解解决问题的思路、方法及代码的含义。因为使用Spaces的很多朋友都是初学者,因此这些原则初期不可能完全采用,所以我用到了“尽量”而不是“必须”,但原则是个大方向,离它越近,提高越快^_^
【技术基础框架及学习方法】
(1)Space基本操作、日志编辑器基本操作
该阶段是最简单的了,登录MSN,在编辑我的空间状态下,操作页面的各项编辑功能(模块增删、页面布局、个人档案编辑、相册编辑、列表编辑、空间设置等等)。
日志编辑器的操作也是非常简单,对页面进行所见即所得到编辑,依次操作工具栏上的各个功能就是了。
这个阶段都是页面的基本操作,能够熟练掌握,知道各项操作的含义就可以了。不明白的地方可以查看页面的联机帮助,也可以参考本站的【教程宝库】。
(2)素材、资源、技巧的获取和使用
素材、资源、技巧的最好来源其实就是现在的一些知名Space,比如本站点收藏的很多空间——【设计技巧】、【视觉效果】,也可以参考我整理好的【素材宝库】、【资源宝库】、【技巧宝库】。
除了MSN Space外,其它的很多网摘站点、知名Blog也会经常提供很好的资源、素材、技巧,本站点的很多内容都是来源于此!这方面的Blog和网摘站点很多,大家可以到这里获取。
为了高效地阅读这些站点文章并跟踪其更新情况,推荐大家使用RSS阅读器,目前有很多的RSS阅读器,有客户端和Web两种方式,我使用的是客户端方式的GreatNews,大家可以到这里下载。
获取资源后如何使用就很简单了,这里重要的不是操作,而是这些技巧的原理。
简单的直接复制过来就可以了,复杂些的可能需要到提供某项服务的站点注册、登录、获取一段HTML代码、发布到自己的日志中,这要看具体情况了,但既然是给大家来用的服务,就都不会复杂的。
(3)页面设计(布局、配色)、图片设计
这两项我都是只知道皮毛,涉猎甚浅!
页面布局和配色的设计可以通过一些设计得很好的Space(例如本站收藏的空间——【视觉效果】)、网站来学习。这里还有些页面配色工具可供参考。
图片设计还是建议大家使用PhotoShop,找个简短的教程操作操作,掌握一些基本概念和常用操作也就可以对很多图片进行二次加工了,比如本站点中置顶的站点工具箱中的那些图片就是根据计数器图片素材创建的,实现了统一的风格。
不过对于原创型的图片设计我就不懂了,这个必须要经过专业学习的,对于我们来说好像就不必要了,呵呵
(4)HTML,CSS
HTML是用于控制网页内容和表现的语言,浏览器的功能就是将其解释展现出来,我们使用的日志编辑器有两种方式来编辑日志,一种是所见即所得的方式,一种是HTML方式,但前者的结果就是HTML代码。因此掌握HTML可以更加精确地控制页面的行为,使代码精简、美观。为了达到效率的最大,通常需要两种编辑方式结合起来使用。
CSS是用于控制网页表现的技术,本意是要是页面的内容和表现分离,便于页面表现的统一更改,使用CSS有几种方式,但对于MSN Spaces来说,只能使用"Style="的方式,而且很多特性都会被服务器过滤掉,因此其功能打了个折扣,不过了解一些还是有好处的,可以实现一些HTML无法或很难实现的页面效果,比如统一控制行间距、控制段落缩进、控制DIV边框样式、控制滚动条样式等等。
HTML和CSS设计的元素和属性是非常非常多的,对于大家来说,重要的是掌握基本元素(比如table,p,br,h1,h2,hr,font等)和基本属性的用法(align,color,border,width,height,class,style等)。可以先找些简短的文章或书籍对其先有个宏观的大概了解。
在实际需要时,可以参考某些教程,但多数的教程都是介绍其中一些比较常用的内容,如果看得懂,更好的方式是参考MSDN中的【HTML and Dynamic HTML】,这是最权威、最全面也最详细的参考手册。
注意:Space的日志编辑器为了安全和页面版式的需要,留给大家进行HTML编辑的空间是有限的,而且会不断调整的,因此有很多的特性无法使用是正常的!
其实对于使用Space来说,掌握到本阶段已经足够了,后面的两个步骤已经是软件开发领域的技术了,这里介绍一下,仅供某些技术发烧友参考,呵呵
(5)JavaScript,页面DOM模型
JavaSript是控制页面客户端行为的编程语言,Space为了安全,已经将用户在发布日志时使用该功能完全禁止了。
但Space自己还是需要大量JavaScript技术的,我们可以在IE的缓存找到这些文件,也可以分析页面源代码找到页面引用的微软的JavaScript文件(后缀为js)。
既然微软已经将我们发布脚本的功能禁止了,我们了解它还有什么作用呢?
作用还是有的,看看Sanall和Renda等人的创作吧,掌握这些技术后,就可以分析微软的这些JavaScript文件,自己建立一些提高效率或者破解页面某些限制的脚本(比如增加签名、发布无标题日志、突破列表的数量限制等)。
很酷,是吧?这需要你了解JavaScript相关的基础知识,同时还要花时间来分析页面所引用的js文件,了解页面各个元素的行为逻辑,不过看你的努力程度了,呵呵
页面DOM模型是对一个页面所有元素组织起来的一个对象层次模型,涉及一系列的对象、属性、方法和事件,JavaScript就是通过控制这个对象层次模型来实现对页面元素状态和行为的控制,二者密不可分。
这部分技术的权威参考还是MSDN中的【HTML and Dynamic HTML】。
(6)展望:服务器动态页面技术,RSS规范,Space的API
服务器动态页面技术是针对Web服务器的编程技术,目前常用的有JSP、ASP、ASP .NET、PHP等各种技术。
我们浏览器是相当于客户端,每次请求或刷新一个页面时,都要向Web服务器的某个页面发起请求。如果该页面是静态页面,那么直接将该页面的数据返回给客户端即可,对于所有用户都将返回同样的数据。如果该页面是动态页面,那么就会根据用户请求的某些参数(页面输入的内容、地址栏问号后面的内容都属于此)、用户的客户端信息(Cookie等)、用户的服务器端信息(Session、数据库等)来动态生成页面,因此对于不同的用户,返回的数据是不同的。
Space留给我们的空间仅限于客户端的折腾,而且考虑到安全、页面布局等因素,还还加上了一系列的限制,那么掌握服务器的动态页面技术有什么用处呢?
掌握动态页面技术后我们可以开发自己的Web站点,甚至可以自己作出一个MSN Space服务,提供给大家申请自己的Blog,这个太大了,呵呵
说得小些,与Space相关的,我们可以利用Space支持RSS这一特性,开发出订阅、展现自己和他人Blog的站点,网上有很多提供免费空间的站点,我们完全可以建立自己的站点,展现自己个性化的内容。
未来,Space还将将可能提供一些供开发者使用的API(比如查看最近的n条评论,发布日志等),以RSS或Web Service的方式,供其它的程序调用,这些都是本人的设想,微软是否提供就难说了,呵呵
到这一步,已经完全走入软件开发领域了,涉及的技术可以说是海阔天空了,这里只是一个初步的介绍,想了解更多自己去研究吧,呵呵

