使用CSS的網站UI

Question

我應該從哪裏開始爲我的網站創建很酷的Web界面或UI。單獨的CSS是否足以創建這些Web界面，還是有更多的？我有興趣爲未來的項目創建可重用的用戶界面。那麼我該如何開始？提前致謝！ :) :)

乾杯 周杰倫

Answer 1

每一個項目都始於一個計劃。請確保你理解CSS和看一些CSS框架，如960網格系統http://960.gs

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

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

Answer 2

也許嘗試jQuery UI？

看看演示頁面，看看它是否適合你會尋找：http://jqueryui.com/demos/

Answer 3

CSS肯定會給你一個良好的開端。您可以通過查看CSS Zen Garden來查看使用CSS的可能性。每個示例都由相同的標記組成。唯一改變的是應用於頁面的CSS。

如果這種東西是你需要的，那麼CSS就會好的。你可以在the W3Schools site開始學習CSS。

如果這還不夠，您可能正在尋找JavaScript帶來的交互性。幸運的是你的W3Schools has a section for that too。

Answer 4

在大多數情況下開發用戶界面需要一些Javascript知識。 或至少是獲得新知識的意願。由Javascript創建的一些有用的功能已經在jQuery等庫中創建，因此您只需要對它們進行初始化和調整即可。要創建一個網站，其中的內容根據用戶的輸入實時更改，您需要使用AJAX，該AJAX也可以使用jQuery輕鬆實現。當然，例如，當您在瀏覽器中關閉產品時，產品也應該可以在沒有Javascript的情況下使用。這意味着，CSS的知識是相關的。什麼是CSS3，它就像Javascript--一切都應該看起來不錯，但它是現代瀏覽器的一個很好的插件。除了CSS，你可以閱讀關於設計的文章。界面應該使用用戶友好的顏色，邊距和某些元素的位置。

我學會了CSS，Javascript和AJAX，閱讀的內容是W3Schools，但是最好的實踐是自己做點事情。你做得越多，它就越好。這裏是jQuery庫的描述。在網絡上，你可以找到大量的界面插件，如手風琴，失控窗口，彈出工具提示，排序表等。一個偉大的網站，你可以得到最有用的東西是Leigeber.com。那裏的腳本既小又快。

祝你好運！

Answer 5

CSS真的很好開始。在今天的大多數網頁開發中，您都會遇到它。所以，只要瞭解它正確地從：

CSS from W3Schools

而且，學習使用Javascript &的jQuery（JavaScript的框架）與CSS，因爲他們都相互集成。並會幫助您進行開發+設計。

對於JavaScript：JavaScript from W3Schools 的jQuery：jQuery from W3Schools

我建議使用Dreamweaver爲更好的學習。

如果對設計階段感興趣，CSS可以與任何其他編程語言一起使用，但也可以逐漸使用Flash，Flex & etd。