2014-06-18 29 views
-2

我一直在想出一個最好的方式來爲網頁佈局做一個很酷的設計。 (難度水平無關緊要,我想投入時間學習)CSS和Photoshop/gimp/etc之間的關係

你可以選擇,比方說,超過Photoshop的CSS?或者他們都一起工作?我不明白爲什麼我不能只用PS和html imagemap來設計一個完整的網站來製作一個實際的網站(並且使用JavaScript n php或任何我需要的地方)..如果你應該同時使用它們一起,我應該什麼時候使用CSS,什麼時候應該使用PS?如果你是一名開發人員,你會做什麼?我想成爲一名Web開發人員,但是我也希望能夠做出一個體面的網頁設計,如果我必須或如果我最終自由職業者。 PS和gimp可以互換嗎?我知道PS更強大。感謝您提供任何建議。

+1

html + css用於網頁。 PS + Gimp適合漂亮的照片。除非您打算回溯到1988年,否則不要使用圖像映射。 – Will

+1

Photoshop和gimp可以製作圖片和圖像元素。 CSS是一個樣式表,用於設置HTML文檔中元素的顏色,大小和位置。從某種意義上說,您可以使用photoshop。爲你的css樣式表加載背景圖片,通過css加載圖標圖片,但它們不是同一個程序,或者甚至在同一個領域。 – Jem

+0

啊,我對所有答案中的和諧感到寬慰。你們似乎都在說同樣的話。所以PS只是爲您的網站添加一些設計,但網站設計的核心是用CSS創建的,這正是我所理解的。 – darnellW

回答

1

的Photoshop,GIMP,插畫等都是平面設計師的工具。他們製作的圖形可以用作網站的模型(非常簡單的藍圖),但它們不會直接轉換爲網站。

一個Web開發人員的領域對CSS/HTML/JavaScript方面非常重視。通常他們會提供一個.PSD文件以供構建網站時參考,但很少有PSD自身的任何部分(除了小組件,例如徽標,圖標或紋理)在網站中使用。

1

作爲一個web開發者,你必須成爲具有CSS和PS的PRO。您可以使用CSS/CSS3作爲樣式表來更改簡單的元素,例如背景顏色,字體顏色,字體家族選擇,div位置,響應式設計等。然後,您可以使用JS(如jquery)來進一步操作CSS

Photoshop用於創建圖像。您可以創建靜態圖像或gif,然後使用CSS移動操作。

將CSS想象成簡單的設計表單和佈局「框架」。您最終將需要使用PS將自定義創建的圖像放入HTML和STYLE與CSS。

從這裏開始!

CSS w3schools