網(wǎng)頁要如何制作標(biāo)準(zhǔn)規(guī)范，找出屬于設(shè)計(jì)師們自己的規(guī)范標(biāo)準(zhǔn)

2022-05-29 分類：網(wǎng)站建設(shè)

網(wǎng)頁設(shè)計(jì)師們往往在設(shè)計(jì)網(wǎng)頁的時(shí)候，會(huì)制作一些屬于自己的一些規(guī)范，這樣子有助于下以后設(shè)計(jì)時(shí)提供一個(gè)較完整的設(shè)計(jì)模式。
那么，在網(wǎng)站建設(shè)中，網(wǎng)頁要如何制作下規(guī)范呢？
1.
文件命名的原則：以最少的字母達(dá)到最容易理解的意義。
一般文件及目錄命名規(guī)范：
每一個(gè)目錄中應(yīng)該包含一個(gè)缺省的html 文件，文件名統(tǒng)一用index.htm
文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合
盡量按單詞的英語翻譯為名稱。例如：feedback(信息反饋)，aboutus(關(guān)于我們)
圖片的命名規(guī)范：
名稱分為頭尾兩兩部分，用下劃線隔開。
頭部分表示此圖片的大類性質(zhì)。例如：放置在頁面頂部的廣告、裝飾圖案等長(zhǎng)方形的圖片我們?nèi)∶篵anner ；標(biāo)志性的圖片我們?nèi)∶麨椋簂ogo ；在頁面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨閎utton ；在頁面上某一個(gè)位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶簃enu ；裝飾用的照片我們?nèi)∶簆ic ；不帶鏈接表示標(biāo)題的圖片我們?nèi)∶簍itle 依照此原則類推。

尾部分用來表示圖片的具體含義，用英文字母表示。例如：banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.
有onmouse效果的圖片，兩張分別在原有文件名后加"_on"和"_off"命名。

其它文件命名規(guī)范
js的命名原則以功能的英語單詞為名。例如：廣告條的js文件名為:ad.js
所有的CGI文件后綴為cgi。所有CGI程序的配置文件為config.cgi

2.
目錄建立的原則：以最少的層次提供最清晰簡(jiǎn)便的訪問結(jié)構(gòu)。
目錄的命名以小寫英文字母，下劃線組成。(參照命名規(guī)范)
根目錄一般只存放index.htm以及其他必須的系統(tǒng)文件
每個(gè)主要欄目開設(shè)一個(gè)相應(yīng)的獨(dú)立目錄
根目錄下的images用于存放各頁面都要使用的公用圖片，子目錄下的images目錄存放本欄目頁面使用的私有圖片
所有JS,ASP,PHP等腳本存放在根目錄下的scripts目錄
所有CGI程序存放在根目錄下的cgi-bin目錄
所有CSS文件存放在根目錄下style目錄
每個(gè)語言版本存放于獨(dú)立的目錄。例如：簡(jiǎn)體中文gb
所有flash, avi, ram, quicktime 等多媒體文件存放在根目錄下的media目錄

3.
尺寸規(guī)范請(qǐng)根據(jù)您的實(shí)際情況調(diào)整：
頁面標(biāo)準(zhǔn)按800*600分辨率制作，推薦尺寸為766*430px
頁面長(zhǎng)度原則上不超過3屏，寬度不超過1屏
每個(gè)標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px，另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸
每個(gè)非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K

4.
首頁的代碼關(guān)鍵在head區(qū)，head區(qū)是指首頁HTML代碼的<head>和</head>之間的內(nèi)容。
head區(qū)必須加入的標(biāo)識(shí)
公司版權(quán)注釋 
網(wǎng)頁顯示字符集例如：
簡(jiǎn)體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英語：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1

5.
網(wǎng)站的CI整體形象包括下面幾個(gè)要素

標(biāo)志(logo)

網(wǎng)站必須有獨(dú)立的標(biāo)志

標(biāo)志可以以網(wǎng)站中英文名稱設(shè)計(jì)，也可以采用特別的圖案。原則是簡(jiǎn)單易記。

標(biāo)志必須可以用黑白和彩色分別清晰表現(xiàn)

標(biāo)志圖片的名稱為"logo_域名.gif"，例如：logo_sina.gif

盡量提供標(biāo)志的矢量圖片

請(qǐng)盡可能在每個(gè)頁面上都使用標(biāo)志

標(biāo)準(zhǔn)色

網(wǎng)站應(yīng)該有自己的標(biāo)準(zhǔn)色（主體色）

標(biāo)準(zhǔn)色原則上不超過兩種，如果有兩種，其中一種為標(biāo)準(zhǔn)色，另一種為標(biāo)準(zhǔn)輔助色

標(biāo)準(zhǔn)色應(yīng)盡量采用216種web安全色之內(nèi)的色彩

必須提供標(biāo)準(zhǔn)色確切的RGB和CYMK數(shù)值

請(qǐng)盡可能使用標(biāo)準(zhǔn)色

標(biāo)準(zhǔn)字體

網(wǎng)站應(yīng)該定義一種標(biāo)準(zhǔn)字體（指logo上，圖片上使用的字體）

標(biāo)準(zhǔn)字體原則上定義兩種，一種中文字體，一種英文字體（不包括文本內(nèi)容字體）

必須提供標(biāo)準(zhǔn)字體的名稱和字庫(kù)

請(qǐng)盡可能使用標(biāo)準(zhǔn)字體

6.
使用新技術(shù)原則是：兼容瀏覽器，保證下載速度，照顧最多數(shù)的用戶。

cookie用于識(shí)別、跟蹤和支持訪問者，通過cookie你可以了解用戶的訪問路徑，收集和存儲(chǔ)用戶的喜好，但要考慮到用戶關(guān)閉cookie的情況處理，非要用cookie，應(yīng)提供全面的解決辦法。

Java是一種跨平臺(tái)的面向?qū)ο蟮木幊陶Z言，它在Web中的應(yīng)用主要是Java Applet，但是Java Applet的下載速度較慢，謹(jǐn)慎使用。

在服務(wù)器端，最好打開SSI解析，但不要使用過多的SSI嵌套。不能使用SSI時(shí)，可以用include Library（包含庫(kù)文件）代替，效果要差一些

Flash已經(jīng)是較普遍的技術(shù)，推薦使用。

新網(wǎng)頁制作建議采用XHTML規(guī)范，便于未來和XML接軌。

XML系列技術(shù)可以在服務(wù)器端使用，客戶端暫時(shí)不推薦使用

非特殊要求，不推薦在網(wǎng)頁上提供需要下載額外插件的多媒體技術(shù)

程序語言推薦使用PHP，JSP，Java等跨平臺(tái)語言，不推薦CGI,ASP技術(shù)

網(wǎng)站名稱：網(wǎng)頁要如何制作標(biāo)準(zhǔn)規(guī)范，找出屬于設(shè)計(jì)師們自己的規(guī)范標(biāo)準(zhǔn)
分享網(wǎng)址：http://www.rwnh.cn/news6/160406.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、網(wǎng)站策劃、網(wǎng)站維護(hù)、全網(wǎng)營(yíng)銷推廣、網(wǎng)站改版、Google

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

超詳細(xì)的微信h5頁面制作教程 2022-05-29
大伙都來了解動(dòng)態(tài)設(shè)計(jì)啦 2022-05-29
網(wǎng)站頁面生成靜態(tài)的好處 2022-05-29
企業(yè)怎么優(yōu)化網(wǎng)站才能快速上百度首頁？有哪些小技巧？ 2022-05-29
辨別百度指數(shù)能為網(wǎng)站帶來流量的幾種方法 2022-05-28
成都建營(yíng)銷型網(wǎng)站哪家好! 2022-05-28
網(wǎng)站輪播圖應(yīng)該遵循的3大常識(shí) 2022-05-28
SEO優(yōu)化與可執(zhí)行營(yíng)銷方式 2022-05-28

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)頁要如何制作標(biāo)準(zhǔn)規(guī)范，找出屬于設(shè)計(jì)師們自己的規(guī)范標(biāo)準(zhǔn)