主頁 > 知識庫 > 網(wǎng)頁美工制作規(guī)范

網(wǎng)頁美工制作規(guī)范

1，    允許全文檢索的頁面，為了使Internet 上的搜索引擎能夠有效檢索，在頻道的首頁的html的head>/head>之間應(yīng)該加入Keywords 和Description 元標(biāo)記，制作頁面是不要忘記添加客戶網(wǎng)站的關(guān)鍵字。尤其是通用網(wǎng)址的頁面，一定要加關(guān)鍵字～！這樣便于推廣～！
范例：
meta name="DESCRIPTION" content="提供域名注冊,服務(wù)器主機(jī)空間,網(wǎng)站設(shè)計制作建設(shè),電子商務(wù)系統(tǒng)開發(fā),軟件開發(fā)等">
meta name="keywords" content="商家注冊電腦查詢,二手市場電子商務(wù),boys,sex,star,today,news">

2，    制作網(wǎng)站時，遇到頁面有統(tǒng)一的頭部文件和尾部文件。一定要做成單一的top頭文件和bottom尾文件，然后再嵌套在頁面中。這樣修改方便。嵌套代碼：
1.!--#include file=”conn.asp”--> (推薦使用)
2.iframe border=0 frameborder=0 framespacing=0 marginheight=0  marginwidth=0 name=news_title noResize scrolling=no  src="*****.asp" width="200" height="150" vspace="0" >/iframe>（使用時修改藍(lán)色部分即可）

3.   統(tǒng)一使用外掛式樣式表～！相關(guān)代碼： link href="css.css" rel="stylesheet" type="text/css">
要注意a:link a:visited a:hover a:actived 的排列順序要和原有的一致。
重定義的最先，偽類其次，自定義最后。
為了保證不同瀏覽器上字號保持一致，字號建議用點數(shù)pt和像素px來定義，pt一般使用中文宋體的9pt和11pt，px一般使用中文宋體12px 和14.7px 這是經(jīng)過優(yōu)化的字號，黑體字或者宋體字加粗時，一般選用11pt和14.7px 的字號比較合適。

4．一個網(wǎng)頁要盡量避免用整個一張大表格
所有的內(nèi)容都嵌套在這個大表格之內(nèi)，因為瀏覽器在解釋頁面的元素時，是以表格為單位逐一顯示，如果一張網(wǎng)頁是嵌套在一個大表格之內(nèi)，那么很可能造成的后果就是，當(dāng)瀏覽者敲入網(wǎng)址，他要先面對一片空白很長時間，然后所有的網(wǎng)頁內(nèi)容同時出現(xiàn)。如果必須這樣做，請使用 tbody>標(biāo)記，以便能夠使這個大表格分塊顯示。
表格的嵌套盡量控制在三層以內(nèi)
5．Width 和height 的寫法也有統(tǒng)一的規(guī)范，一般情況下只有一列的表格，width 寫在table> 的標(biāo)簽內(nèi)，只有一行的表格，height 寫在 table> 的標(biāo)簽內(nèi)，多行多列的表格，width 和height 寫在第一行或者第一列的 td> 標(biāo)簽內(nèi)?？傊裱粭l原則：不出現(xiàn)多于一個的控制同一個單元格大小的height 和width, 保證任何一個width 和height 都是有效的，也就是你改動代碼中任何一個width 和height 的數(shù)值，都應(yīng)該在瀏覽器中看到變化。做到這一條不容易，需要較長時間的練習(xí)和思考。

◆布局：
1、    別輕易讓文字居中和使用粗體或斜體字符。除了視感混亂之外，很多流覽器不能很好地顯示斜體字，也不能補(bǔ)償由于字母傾斜引起的空白變化。
2、    不要在每一頁使用風(fēng)格不同的圖標(biāo)。
3、    在img行加alt標(biāo)記。這樣就會讓使用基于文本的流覽器的讀者除了看到 [IMAGE] 以外還能看到別的一些東西，使用圖形流覽器的讀者在圖像未能成功載入之時也會看到一些東西，而你也能讓自己的html文件相當(dāng)整潔。
4、    不要讓什么東西看起來象是一個按鈕卻不起按鈕的作用。

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

您可能感興趣的文章:

China.com網(wǎng)站開發(fā)規(guī)范
js 編寫規(guī)范
JavaScript 開發(fā)中規(guī)范性的一點感想
html頁面head區(qū)域的編碼書寫規(guī)范
講的非常不錯的PHP編碼規(guī)范
DIV+CSS 英文命名規(guī)范
C#書寫規(guī)范
css 命名規(guī)范
第6天:XHTML代碼規(guī)范
JavaScript 開發(fā)規(guī)范要求(圖文并茂)

標(biāo)簽：滄州紅河沈陽樂山上海長治新疆河南

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《網(wǎng)頁美工制作規(guī)范》，本文關(guān)鍵詞；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。

佳木斯湛栽影视文化发展公司

網(wǎng)頁美工制作規(guī)范

QQ咨詢

電話咨詢