網頁美工製作規格_CSS/HTML

1，    允許全文檢索的頁面，為了使Internet 上的搜尋引擎能夠有效檢索，在頻道的首頁的html的

之間應該加入Keywords 和Description 元標記，製作頁面是不要忘記添加客戶網站的關鍵字。尤其是通用網址的頁面，一定要加關鍵字～！這樣便於推廣～！
範例：



2，    製作網站時，遇到頁面上有統一的頭部檔案和尾部檔案。一定要做成單一的top頭檔和bottom尾文件，然後再嵌套在頁面中。這樣修改方便。巢狀代碼：
1. (建議使用)
2.（使用時修改藍色部分即可）

3.   統一使用外掛樣式樣式表～！相關代碼：  
要注意a:link a:visited a:hover a:actived 的排列順序要和原有的一致。
重定義的最先，偽類其次，自訂最後。
為了確保不同瀏覽器上字號保持一致，字號建議用點數pt和像素px來定義，pt一般使用中文宋體的9pt和11pt，px一般使用中文宋體12px 和14.7px 這是經過優化的字號，黑體字或宋體字加粗時，一般選用11pt和14.7px 的字號比較適合。

4．一個網頁要盡量避免用整個一張大表格
所有的內容都嵌套在這個大表格之內，因為瀏覽器在解釋頁面的元素時，是以表格為單位逐一顯示，如果一張網頁是嵌套在一個大表格之內，那麼很可能造成的後果就是，當瀏覽者敲入網址，他要先面對一片空白很長時間，然後所有的網頁內容同時出現。如果必須這樣做，請使用 標記，以便能夠使這個大表格分塊顯示。
表格的嵌套盡量控制在三層以內
5． Width 和height 的寫法也有統一的規範，一般情況下只有一列的表格，width 寫在 的標籤內，只有一行的表格，height 寫在  的標籤內，多行多列的表格， width 和height 寫在第一行或第一列的 

 標籤內。總之遵循一條原則：不出現多於一個的控制同一個單元格大小的height 和width, 保證任何一個width 和height 都是有效的，也就是你改動代碼中任何一個width 和height 的數值，都應該在瀏覽器中看到變化。要做到這一點不容易，需要較長時間的練習和思考。

◆版面：
1、    別輕易讓文字居中、使用粗體或斜體字。除了視感混亂之外，許多流覽器不能很好地顯示斜體字，也不能補償由於字母傾斜引起的空白變化。
2、    在每一頁時不要使用風格不同的圖示。
3、    在img行加上alt標記。這樣就會讓使用基於文字的流覽器的讀者除了看到 [IMAGE] 以外還能看到別的一些東西，使用圖形流覽器的讀者在圖像未能成功載入之時也會看到一些東西，而你也能讓自己的html檔案相當整潔。
4、    不要讓任何東西看起來像是按鈕卻不起按鈕的功能。

◆網頁色彩搭配的技巧 　
1.用一種色彩。這裡是指先選定一種色彩，然後調整透明度或飽和度，(說得通俗些就是將 色彩變淡或則加深)，產生新的色彩，用於網頁。這樣的頁面看起來色彩統一，有層次感。 
2.用兩種色彩。先選取一種色彩，然後選取它的對比色(在photoshop裡按ctrl+shift+I)。我的主頁用藍色和黃色就是這樣確定的。整個頁面色彩豐富但不花稍。 
3.用一個色系。簡單的說就是用一種感覺的色彩，例如淡藍，淡黃，淡綠；或土黃，土灰，土藍。確定色彩的方法各人不同，我是在photoshop裡按前景色方框，在跳出的拾色器窗中選擇"自訂"，然後在"色庫"中選就可以了:) 
4.用黑色和一種彩色。例如大紅的字體配上黑色的邊框感覺很"跳"。 
在網頁配色中，忌諱的是： 
1.不要將所有顏色都用到，盡量控制在三種色彩以內。
2.背景與前文的對比盡量要大，(絕對不要用花紋繁複的圖案作背景)，以便突出主要文字內容 
◆ 閃爍讓人頭痛
　　透過使用識別可以吸引訪客對你的主頁特殊部分的注意，但這也讓你的訪客頭痛。如果你想讓訪客再次光顧你的網站，就少用此方法。 
◆    動畫點綴
網頁上的動畫最多只用一個
「空白萬歲」
　　注意留空白。不要用圖像、文字和不必要的動畫GIFs來充斥網頁，即使有足夠的空間，在設計時也應該避免使用。