Tag Archive for 'ajax'

网站项目1:专区的页面草图设计

需求分析是网站项目制作的开始,需要我们站在传播者和接收者两个角度去分析问题,得到项目的关键点和主要表现方式,之后还会引入一些标准化的方法来避免人为因素的影响。

现在开始进行页面草图的设计,页面草图是一个页面的框架,确定各个模块的位置。在页面设计中,将遵循一些基本的规律,如页面布局的重要性,九宫格法则和模块权重分配等。

当我们在设计这个专题的时候,设计上大致分为网站标准元素、页面整体风格、模块设计等。

网站标准元素。包括:
1 网站本身的VI准则。要符合网站本身的一些颜色设定,logo规则,形状规则,以及如导航栏,关于等这些元素的一致性。在这个车厂专区的设计中,这一部分比较好做,我们考虑的更多的是车长本身的VI,因为这是一个专区,在一些频道的设计中,这点需要考虑周到。
2 传播方的设计准则。如果我们是要传达某个产品,介绍某个厂商,那么这个产品和这个厂商是有自己的形象设计的,要遵循。

页面整体风格。包括:
1 页面的基调颜色。一般不超过两种。
2 logo大小和位置。
3 多少个屏。
4 多少栏设计以及栏位的比例。先在很多时候一般是混合设计,但一般来说总是有一个主要的栏位分配,两栏或者三栏。

模块设计。模块是网络项目设计时候的一个基本单位,模块组成一个网页。

模块的基本属性包括:
0 这是什么模块。
1 标题。
2 内容样式。文字,图片,flash,或者混排。
3 可以点击的内容设计。
4 点击后呈现内容。点击后可以是打开新窗口,或者是ajax的某个效果。
5 “详细” 点击。有时候模块是显示了内容的摘要,“详细”点击呈现的就是所有的内容,这些内容的文案是要在设计阶段准备好的。
6 “更多”点击。
7 数据来源。模块中的数据分为静态和动态,动态模块中的内容会自动更新。

根据前面的需求分析,我们制作了这个厂商专区的页面的第一个草图。

1112_MG_1700

看上去还不错,不过我们发现了一些问题。

1 “心跳加速吗”字体样式和官方网站不一样。对于这样的专区设计必须要保证品牌一致性。
2 首屏左边的菜单功能多余。用户对菜单的点击会产生的情况无法判断。
3 下方有5个模块,图片过少。静止图片对于现在的浏览用户的带宽来说,已经不是什么问题了。图片不能滥用,但也不用过于吝啬。
4 模块的具体定义。因为是草图,所以模块还需要具体设定,以及每个模块的呈现形式,数据来源等。

相关内容

薪火传承

最近得闲就研究一些web开发的技术,包括ruby on rails和delphi for php,当然ajax都是他们自己所支持的。

随着互联网的普及和类似于blog这样的平台,我们可以很容易的获得知识和分享知识,让薪火传承。

所以开始了的ror学习笔记会继续,而delphi for php也会开始,我相信codegear所研发的框架的能力。

我们都得到过别人的帮助和提携,也应该做一些事情帮助别人。

相关内容

什么是Ruby on Rails, (ROR) ?

这是篇关于Ruby on Rails的相对较早的文章了,对于ruby和rails的基本概念介绍的很清楚。事实上,国外已经有很成熟的ror应用,国内也在不断涌现,好像有一个叫做财帮子的网站就是用的ror。

看这里报道:什么是ROR?- 只言情不說愛 - 新浪BLOG :

oR是Ruby on Rails的缩写。Ruby on Rails是一个用于编写网络应用程序的框架,它基于计算机软件语言Ruby,给程序开发人员提供强大的框架支持。Ruby on Rails包括两部分内容:Ruby语言和Rails框架。

什么是Ruby?
Ruby语言是一种动态语言,它与Python、Smalltalk和Perl这3种编程语言有些类似。Ruby语言起源于日本,它的研发者是日本人松本行弘(Matsumoto Yukihiro)。松本行弘在1993年开始着手Ruby语言的研发工作,他开发Ruby语言的初衷是为了提高编程的效率。1995年12月Matz推出了Ruby的第一个版本Ruby 0.95。

Ruby语言的主要特点如下。
1.纯的面向对象语言
在Ruby中,一切皆是对象。下面举一个例子来更直观地说明Ruby语言的这一特点。
在Java中,求一个数的绝对值的代码如下。
int c = Math.abs(-20);
而在Ruby语言中,一切皆是对象,也就是说“-20”这个数也是一个对象,因此,求一个数绝对值的Ruby代码形式如下。
c = -20.abs
这样的代码编写方式是不是更形象一些呢?

2.解释型脚本语言
Ruby语言是解释型脚本语言,它既有脚本语言强大的字符串处理能力和正则表达式,又不失解释型语言的动态性。一方面,在最初设计Ruby语言时,Ruby的研发者松本行弘考虑到文字处理方面的需要,他借鉴了Perl语言在文字处理方面的成功经验。另一方面,松本行弘将Ruby语言设定为一种解释型语言,Ruby的动态性使得由Ruby语言编写的程序不需要事先编译即可直接运行,这为程序的调试带来了方便。同时,这一特点可以实现开发过程中的快速反馈。

3.其他特点
(1)动态载入。可以在运行时候重定义自己,类也可以在运行时继承或取消继承。
(2)自动内存管理机制。
(3)多精度整数。
(4)迭代器和闭包。
(5)开源项目。有大量活跃的社区支持Ruby语言。

什么是Rails?
虽然Ruby语言有很多优点,但是一直以来,其流行的范围也仅限于日本。直到2004年,Ruby才逐渐被世界上其他地区的人们所认识,那么是什么让Ruby语言走向世界的呢?是Rails。
Rails框架首次提出是在2004年7月,它的研发者是26岁的丹麦人David Heinemeier Hansson。不同于已有复杂的Web 开发框架,Rails是一个更符合实际需要而且更高效的Web开发框架。Rails结合了PHP体系的优点(快速开发)和Java体系的优点(程序规整),因此,Rails在其提出后不长的时间里就受到了业内广泛的关注。

Rails框架主要有如下的6大特点。
1.全栈式的MVC框架
Rails是一个全栈式的MVC框架,换句话说,通过Rails可以实现MVC模式中的各个层次,并使它们无缝地协同运转起来。
在实际开发一个MVC模式的Web应用项目时,如果使用Java开发,需要用到Struts(Model层)、Hibernate(Controller层)和Spring(View层)3个框架,而且需要额外整合3个框架开发出的内容。而使用Ruby语言开发相同的项目时,只需要用到Rails框架就可以完成。

2.约定优于配置
为了说明各个对象之间的关联关系,一般的Web应用开发框架往往采用写入XML配置文件的方法。这种方式虽然可以解决一些问题,但是却带来了管理上的混乱。
Rails对此的态度是约定优于配置,这意味着在Rails中不会出现XML配置文件。Rails使用Web应用多年来积累的各种常见约定(更具体地说是命名规则)来代替XML配置文件,而在Rails内部的映射与发现机制根据这些约定可以实现对象之间的关联。在第1章中,通过Rails的映射与发现机制实现了数据表与Ruby对象之间的关联。

3.更少的代码
使用约定来代替XML配置文件说明Rails本身完成了大量的底层工作,这意味着使用更少的代码来实现应用程序是极有可能的。此外,代码量的缩减也减小了出现bug的可能性,降低了维护程序和升级程序的难度。

4.生成器
Rails使用的实时映射技术和元编程技术,免去了开发人员在开发过程中编写大量样板文件代码的烦恼。在少数需要使用样板文件代码的时候,开发人员可以通过Rails内建的生成器脚本实时创建,而不再是通过手工编写。Rails的这个特点可以使开发人员更专注于系统的逻辑结构,而不必为一些琐碎的细节所烦扰。

5.零周转时间
对已有的Web应用系统进行修改后,其一般需要经过配置、编译、发布、重新设置、测试等一系列步骤才能投入使用,这明显浪费了许多时间。而使用Rails开发Web应用系统,可以通过浏览器即时查看程序运行结果,从而节约了大量的时间。

6.支架系统
Rails的支架系统可以自动为任何相关的数据库表创建一套包含标准CRUD操作和前台视图的系统。通过支架系统,开发人员可以方便快捷地操纵数据库中的数据表。此外,Rails也允许开发人员使用自己设计的代码或视图来替换自动生成的代码和视图。

目前,Rails的最新版本是2005年12月13日发布的v1.0.0(2007.9.29. rails最新版本是1.2.3,ruby的最新版本是1.8.6)。从RoR正式提出到v1.0.0的发布,RoR在一年多的时间里受到了业内人士的广泛关注。RoR受到广泛关注主要有如下两个原因:首先,RoR的开发效率高(部署容易)、功能丰富(支持Ajax等流行应用),有消息称对于相同的Web开发项目,使用RoR开发比使用Java体系架构开发快5~10倍;此外,令人不可思议的高性能是其受到关注的另一个重要原因,根据CSDN上转载的新闻称使用RoR开发出来的项目性能,比基于Struts+Hibernate+Spring的Java应用还要高15%~20%。

RoR当前遇到的主要问题是使用RoR搭建的大型商业应用还很少,究其原因可以概括为两点:第一,从开发能力的角度,RoR是一个基于Ruby语言的轻型Web开发框架,很多开发者对其是否适合大型应用难以把握。第二,本身使用RoR开发的大型商业应用较少,使得后来者持观望态度。

综合分析来看,RoR的发展前景还是很光明的。RoR在短时间内取得了巨大的成就,它打破了Web开发领域的固有观念,方便快捷的开发方式使其被广泛接受。而事实上,现在已有几家跨国公司正在使用RoR开发自己的Web应用程序,并且有多家大型公司在考虑使用RoR进行Web应用开发。
—-

以上为节选,详细内容点击链接到原文出查看。

相关内容