我的WebDesign之路--提高篇[1] (轉)

我的WebDesign之路--提高篇[1] (轉)[@more@]//打算先把一些值得一說的內容先寫上，免得以後忘記。至於有關我自己
// 的閒話可以慢慢再說。。呵呵。注意都不是教程，但是基本上把我學習
// 的都寫上了。。

  要想擺脫菜鳥的境界，需要加強的有三個方面：層疊樣式表(CSS)，客戶端指令碼( Script/)，網頁美工(影像設計)。在這三個方面都打下紮實的基礎，你在前臺設計方面就是一個準高手了。

  首先說說CSS吧。CSS用於（增強）控制網頁樣式並允許將樣式資訊與網頁內容分離,對於控制整個站點的風格非常方便，已經是網頁設計的必備的一種技術了。我有一個朋友，通常看到一個網頁感覺不是太好時，就會點IE的檢視->文字大小->最大，如果字變大了，他就得出結論--作者是個菜鳥,因為在他看來字型是必須用CSS控制的，連CSS都不會的話實在是個新手。　(呵呵，其實有些英文網站對字型大小是不加控制的。。不過英文字母變大時效果可能仍然不錯，而漢字通常控制在9-10pt左右顯示效果較好，這個是英文和漢字本身的結構不同造成的。建議中文網站對於字型還是用  CSS控制一下。 )

  篇中有說過，使用DW時要重點學會Styles皮膚的使用。DW在這個方面的設計上已經非常好，可以大大提高。然而我們既然要提高，就必須要學會手寫程式碼，學會隨心所欲又精確地地在HTML中的任何地方加上自己需要的Style效果而不依賴於。所以要學一下CSS的語法。按照其設計的初衷，CSS的功能非常強大，甚至包括了非常專業的列印，處理等。但就目前的網頁設計來說，主要要掌握的東西不算太多。

  以下是一些我自己覺得需要掌握的內容:

  1。如何為網頁加入CSS控制，主要有鏈入外部樣式表、定義內部樣式塊、內聯定義這三種方法。
 
  2。熟悉CSS樣式表常見的屬性和引數，例如字型屬性中的font,color,font-family,font-size，文字屬性中的text-indent,align，還有背景(Background)、定位(Positioning)、尺寸(Dimensions)、佈局(Layout)、邊框 (Borders)、列表專案  (Lists)、表格(Table)、捲軸(Scrollbars)等等。。。這些屬性可以在製作的過程中慢慢熟悉並掌握。和學習HTML一樣，要注意相容性。

  其中最常用的是字型，定位，邊框。在設計類站點中捲軸也是常常需要用CSS加上彩色和立體效果，但這個屬性是.5+特有的。

  3。更高階的內容，如偽類(Pseudo-Classes)，偽物件(Pseudo-Elements)等，除了常見的:link,:hover,:visited等，大多屬於CSS2，特別要注意的相容。

  4。濾鏡。功能非常強大，非常好玩呵呵。不過我學會影像設計後基本上就不怎麼使用它了:p


  to be continued.....