初涉网页设计

来源:互联网 发布:正太分布 数据分析 编辑:程序博客网 时间:2024/05/01 21:49

      初次涉及网页设计,想起从前只做过一点frontpage的网页,这次要做一点比较炫的。DreamWeaver+Flash Builder+PhotoShop是网页设计的巨头组合,但是真的要把它们运用好,还是要花一定功夫的。

      首先想到的是网页设计的动态效果,我决定用jquery和flex来完成。

jquery:

1.在网上有一些开源的jquery效果.

http://www.happinesz.cn/archives/555/该网上有很多jquery的实用炫酷效果的教程

2. jquery-ui同样支持很多比较酷,比较简单的效果。

http://jqueryui.com/到jquery的官网上下载jquery-ui的开发包,可以自己先自定义ui包的效果然后下载,通过包里的doc和demo来学习,很方便

我记录了一些比较好的效果:

accordion /mouseover
draggable
dropable/ simple photo manager
effects
hide
display grids
toggle

flex:

1.网络上同样有很多好的资源:

(a)http://www.quietlyscheming.com/blog/components/flexbook/这个网站是做flex翻书效果的一个网站,很好,而且可以下载源码

(b)http://blog.csdn.net/xuhuanchao/archive/2009/10/31/4752391.aspx该网上有很多可以利用的flex的源码,有很多比较深奥不是很会用,但是其中有一个比较简单http://giles.roadnight.name/components.cfm这个网基本都是比较直观的效果,并且有源代码下载。

2.学习flex

这是我几个星期之前就开始做的事,如果有java等高级语言基础的话,学习起来还是比较快的,主要是一些库的运用

 

对于动态效果了解以后,就需要来注重一些网页的设计了

1.学习网页的基本知识

html+javascript+css的基本知识

http://www.aa25.cn/layout/index.shtml比较喜欢这个网站的css布局。

2.观摩别人做的网页

我看了很多别人做的网站,并且从图书馆借了一些分析网页设计与配色的书,一方面提高自己的艺术细胞(毕竟网页设计也是一种艺术嘛)另一方面在自己的脑海中建立起自己网页的模样。

http://www.wzsky.net/html/Website/Experience/index.htm这个网站对于初学者来说还是比较好的。

3.找做网页的素材

找到一个很好的素材网站http://sc.68design.net/这个网站提供了很多的网页元素和一些flash和js的效果。

 

好了,学得差不多了,可以着手去做一个好的网页了。

 

原创粉丝点击