2011-04-27 94 views
2


我有一個關於網頁設計的問題。
有一些設計方法。 CSS或Photoshop。
cSS很清晰,我的問題不是關於CSS,而是關於Photoshop的設計。
For example this關於網頁設計方法的一些問題

在Photoshop設計後,當你保存它使sllices和模板轉換成表格單元格並保持在細胞圖像的每一部分的工作..

,但我知道,nowdaystables不有用爲網頁設計,每個人使用div和css ..
所以你可以告訴我如何導出或如何使用Photoshop設計網頁與div。

回答

2

我不會用Photoshop進行其他什麼比建立一個截圖型圖形是接近你旨在與您的網頁(S)。

對於實際設計,首先將所有內容放在HTML中(無CSS)。一旦所有的內容都在那裏,那麼你可以將元素設計到你想要的樣子。樣式設計時,您應該對HTML做出的唯一更改應該是放入ID和類以將CSS綁定到上面。添加面向風格的元素(如<div><span>)是可以的,但應該受到限制。

以這種方式進行設計可以確保您擁有更易訪問的網站,增加擁有更緊湊網站的可能性,並且還會增加您對搜索引擎的吸引力。

2

Photoshop軟件主要用於創建佈局設計(psd's)。

現在,每個人都在使用div的設計,使用div的幾乎80%的HTML頁面創建使用樣式和css只在少數領域,我們必須使用圖形(徽標,標題與不同的字體,像攝影等圖像),這是不能用style和css來管理,在這種情況下,我們必須在Photoshop中工作,並且必須爲web格式保存爲jpeg或png圖像格式,然後我們必須使用樣式表在html頁面中使用此圖像。

和主要基於div的設計將支持樣式表一切佈局的外觀和感覺,我們將控制與CSS樣式和調用該CSS作爲div的類名稱。

希望這個答案會幫助你一點。

感謝

0

Photoshop是操縱圖像的應用程序,但它也擠滿了工具從scratch.In爲了構建圖形到瀏覽器,它是唯一合乎邏輯的,以達到爲Photoshop中探索平面設計,創建你的視覺效果,將它們保存爲圖像並在網頁中使用它們。