主頁(yè) > 知識(shí)庫(kù) > 網(wǎng)頁(yè)美工制作規(guī)范

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

熱門標(biāo)簽:什么行業(yè)需要電話機(jī)器人 天津企業(yè)外呼系統(tǒng)代理商 廣州ai外呼系統(tǒng)業(yè)務(wù) 無(wú)錫電銷外呼系統(tǒng)代理 外呼系統(tǒng)號(hào)碼顯示 車載電話機(jī)器人 地圖標(biāo)注多家店 中山外呼系統(tǒng)中間件 南昌crm外呼系統(tǒng)如何
1,    允許全文檢索的頁(yè)面,為了使Internet 上的搜索引擎能夠有效檢索,在頻道的首頁(yè)的html的head>/head>之間應(yīng)該加入Keywords 和Description 元標(biāo)記,制作頁(yè)面是不要忘記添加客戶網(wǎng)站的關(guān)鍵字。尤其是通用網(wǎng)址的頁(yè)面,一定要加關(guān)鍵字~!這樣便于推廣~!
范例:
meta name="DESCRIPTION" content="提供域名注冊(cè),服務(wù)器主機(jī)空間,網(wǎng)站設(shè)計(jì)制作建設(shè),電子商務(wù)系統(tǒng)開(kāi)發(fā),軟件開(kāi)發(fā)等">
meta name="keywords" content="商家注冊(cè)電腦查詢,二手市場(chǎng)電子商務(wù),boys,sex,star,today,news">

2,    制作網(wǎng)站時(shí),遇到頁(yè)面有統(tǒng)一的頭部文件和尾部文件。一定要做成單一的top頭文件和bottom尾文件,然后再嵌套在頁(yè)面中。這樣修改方便。嵌套代碼:
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>(使用時(shí)修改藍(lán)色部分即可)

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

4.一個(gè)網(wǎng)頁(yè)要盡量避免用整個(gè)一張大表格
所有的內(nèi)容都嵌套在這個(gè)大表格之內(nèi),因?yàn)闉g覽器在解釋頁(yè)面的元素時(shí),是以表格為單位逐一顯示,如果一張網(wǎng)頁(yè)是嵌套在一個(gè)大表格之內(nèi),那么很可能造成的后果就是,當(dāng)瀏覽者敲入網(wǎng)址,他要先面對(duì)一片空白很長(zhǎng)時(shí)間,然后所有的網(wǎng)頁(yè)內(nèi)容同時(shí)出現(xiàn)。如果必須這樣做,請(qǐng)使用 tbody>標(biāo)記,以便能夠使這個(gè)大表格分塊顯示。
表格的嵌套盡量控制在三層以內(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)。總之遵循一條原則:不出現(xiàn)多于一個(gè)的控制同一個(gè)單元格大小的height 和width, 保證任何一個(gè)width 和height 都是有效的,也就是你改動(dòng)代碼中任何一個(gè)width 和height 的數(shù)值,都應(yīng)該在瀏覽器中看到變化。做到這一條不容易,需要較長(zhǎng)時(shí)間的練習(xí)和思考。

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

◆網(wǎng)頁(yè)色彩搭配的技巧  
1.用一種色彩。這里是指先選定一種色彩,然后調(diào)整透明度或者飽和度,(說(shuō)得通俗些就是將 色彩變淡或則加深),產(chǎn)生新的色彩,用于網(wǎng)頁(yè)。這樣的頁(yè)面看起來(lái)色彩統(tǒng)一,有層次感。 
2.用兩種色彩。先選定一種色彩,然后選擇它的對(duì)比色(在photoshop里按ctrl+shift+I)。我的主頁(yè)用藍(lán)色和黃色就是這樣確定的。整個(gè)頁(yè)面色彩豐富但不花稍。 
3.用一個(gè)色系。簡(jiǎn)單的說(shuō)就是用一個(gè)感覺(jué)的色彩,例如淡藍(lán),淡黃,淡綠;或者土黃,土灰,土藍(lán)。確定色彩的方法各人不同,我是在photoshop里按前景色方框,在跳出的拾色器窗中選擇"自定義",然后在"色庫(kù)"中選就可以了:) 
4.用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺(jué)很"跳"。 
在網(wǎng)頁(yè)配色中,忌諱的是: 
1.不要將所有顏色都用到,盡量控制在三種色彩以內(nèi)。 
2.背景和前文的對(duì)比盡量要大,(絕對(duì)不要用花紋繁復(fù)的圖案作背景),以便突出主要文字內(nèi)容 
◆ 閃爍讓人頭痛
  通過(guò)使用標(biāo)識(shí)可以吸引訪問(wèn)者對(duì)你的主頁(yè)特殊部分的注意,但這也讓你的訪問(wèn)者頭痛。如果你想使訪問(wèn)者再次光顧你的網(wǎng)站,就少用此方法。 
◆    動(dòng)畫點(diǎn)綴
網(wǎng)頁(yè)上的動(dòng)畫最多只用一個(gè)
“空白萬(wàn)歲”
  注意留空白。不要用圖像、文本和不必要的動(dòng)畫GIFs來(lái)充斥網(wǎng)頁(yè),即使有足夠的空間,在設(shè)計(jì)時(shí)也應(yīng)該避免使用。 
您可能感興趣的文章:
  • China.com網(wǎng)站開(kāi)發(fā)規(guī)范
  • js 編寫規(guī)范
  • JavaScript 開(kāi)發(fā)中規(guī)范性的一點(diǎn)感想
  • html頁(yè)面head區(qū)域的編碼書寫規(guī)范
  • 講的非常不錯(cuò)的PHP編碼規(guī)范
  • DIV+CSS 英文命名規(guī)范
  • C#書寫規(guī)范
  • css 命名規(guī)范
  • 第6天:XHTML代碼規(guī)范
  • JavaScript 開(kāi)發(fā)規(guī)范要求(圖文并茂)

標(biāo)簽:攀枝花 呂梁 海西 滄州 欽州 仙桃 泰州 佛山

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《網(wǎng)頁(yè)美工制作規(guī)范》,本文關(guān)鍵詞  網(wǎng)頁(yè),美工,制作,規(guī)范,網(wǎng)頁(yè),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《網(wǎng)頁(yè)美工制作規(guī)范》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于網(wǎng)頁(yè)美工制作規(guī)范的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章