2010-11-12 53 views
-1

我应该从哪里开始为我的网站创建很酷的Web界面或UI。单独的CSS是否足以创建这些Web界面,还是有更多的?我有兴趣为未来的项目创建可重用的用户界面。那么我该如何开始?提前致谢! :) :)使用CSS的网站UI

干杯 周杰伦

回答

1

每一个项目都始于一个计划。请确保你理解CSS和看一些CSS框架,如960网格系统http://960.gs

想想也像Smarty的模板引擎http://www.smarty.net

您还可以添加JavaScript到你的模板,例如jQuery UI的http://jqueryui.com/demos/

+0

960网格系统看起来很有趣。快速解决方案,简单的布局。谢谢:) – jaykumarark 2010-11-12 17:46:24

2

CSS肯定会给你一个良好的开端。您可以通过查看CSS Zen Garden来查看使用CSS的可能性。每个示例都由相同的标记组成。唯一改变的是应用于页面的CSS。

如果这种东西是你需要的,那么CSS就会好的。你可以在the W3Schools site开始学习CSS。

如果这还不够,您可能正在寻找JavaScript带来的交互性。幸运的是你的W3Schools has a section for that too

+0

嘿,非常感谢CSS Zen Garden链接。我发现资源页面非常有用! – jaykumarark 2010-11-12 17:43:24

0

在大多数情况下开发用户界面需要一些Javascript知识。 或至少是获得新知识的意愿。由Javascript创建的一些有用的功能已经在jQuery等库中创建,因此您只需要对它们进行初始化和调整即可。要创建一个网站,其中的内容根据用户的输入实时更改,您需要使用AJAX,该AJAX也可以使用jQuery轻松实现。当然,例如,当您在浏览器中关闭产品时,产品也应该可以在没有Javascript的情况下使用。这意味着,CSS的知识是相关的。什么是CSS3,它就像Javascript--一切都应该看起来不错,但它是现代浏览器的一个很好的插件。除了CSS,你可以阅读关于设计的文章。界面应该使用用户友好的颜色,边距和某些元素的位置。

我学会了CSS,Javascript和AJAX,阅读的内容是W3Schools,但是最好的实践是自己做点事情。你做得越多,它就越好。这里是jQuery库的描述。在网络上,你可以找到大量的界面插件,如手风琴,失控窗口,弹出工具提示,排序表等。一个伟大的网站,你可以得到最有用的东西是Leigeber.com。那里的脚本既小又快。

祝你好运!

2

CSS真的很好开始。在今天的大多数网页开发中,您都会遇到它。所以,只要了解它正确地从:

CSS from W3Schools

而且,学习使用Javascript &的jQuery(JavaScript的框架)与CSS,因为他们都相互集成。并会帮助您进行开发+设计。

对于JavaScript:JavaScript from W3Schools 的jQuery:jQuery from W3Schools

我建议使用Dreamweaver为更好的学习。

如果对设计阶段感兴趣,CSS可以与任何其他编程语言一起使用,但也可以逐渐使用Flash,Flex & etd。