網頁制作前先來看看這些所謂的規范

2024-08-26 00:09:20

字體：大中小

來源：轉載

供稿：網友

本文整理了一些網頁制作前先來看看這些所謂的規范，希望對大家有幫助。

01文件命名規范

文件命名的原則：以最少的字母達到最容易理解的意義。
一般文件及目錄命名規范：
每一個目錄中應該包含一個缺省的html 文件，文件名統一用index.htm
文件名稱統一用小寫的英文字母、數字和下劃線的組合
盡量按單詞的英語翻譯為名稱。例如：feedback(信息反饋)，aboutus(關于我們)
多個同類型文件使用英文字母加數字命名，字母和數字之間用_分隔。例如：news_01.htm。注意，數字位數與文件個數成正比，不夠的用0補齊。例如共有200條新聞，其中第18條命名為news_018.htm

圖片的命名規范：
名稱分為頭尾兩兩部分，用下劃線隔開。
頭部分表示此圖片的大類性質。例如：放置在頁面頂部的廣告、裝飾圖案等長方形的圖片我們取名：banner ；標志性的圖片我們取名為：logo ；在頁面上位置不固定并且帶有鏈接的小圖片我們取名為button ；在頁面上某一個位置連續出現，性質相同的鏈接欄目的圖片我們取名：menu ；裝飾用的照片我們取名：pic ；不帶鏈接表示標題的圖片我們取名：title 依照此原則類推。

尾部分用來表示圖片的具體含義，用英文字母表示。例如：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"命名。

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

02 目錄結構規范

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

03 尺寸規范

尺寸規范請根據您的實際情況調整：
頁面標準按800*600分辨率制作，推薦尺寸為766*430px
頁面長度原則上不超過3屏，寬度不超過1屏
每個標準頁面為a4幅面大小，即8.5x11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px，另外120*90，120*60也是小圖標的標準尺寸
每個非首頁靜態頁面含圖片字節不超過60k，全尺寸banner不超過14k

　
04 首頁代碼規范

首頁的代碼關鍵在head區，head區是指首頁html代碼的<head>和</head>之間的內容。
head區必須加入的標識
公司版權注釋 
網頁顯示字符集例如：
簡體中文：<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">

原始制作者信息 <meta name="author" content="webmaster@VeVb.com">
網站簡介 <meta name="description" content="這里填您網站的簡介">
搜索關鍵字 <meta name="keywords" content="關鍵字1,關鍵字2,關鍵字3,...">
網頁的css規范 <link href="style/style.css" rel="stylesheet" type="text/css">
網頁標題 <title>這里是你的網頁標題</title>

head區可以選擇加入的標識
設定網頁的到期時間。一旦網頁過期，必須到服務器上重新調閱。
<meta http-equiv="expires" content="wed, 26 feb 1997 08:21:57 gmt">
禁止瀏覽器從本地機的緩存中調閱頁面內容。
<meta http-equiv="pragma" content="no-cache">
用來防止別人在框架里調用你的頁面。
<meta http-equiv="window-target" content="_top">
自動跳轉。
<meta http-equiv="refresh" content="5;url=http://www.survivalescaperooms.com">
5指時間停留5秒。

網頁搜索機器人向導.用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。
<meta name="robots" content="none">
content的參數有all,none,index,noindex,follow,nofollow。默認是all。
收藏夾圖標
<link rel = "shortcut icon" href="favicon.ico">
js調用規范
所有的javascript腳本盡量采取外部調用
<script language="javascript" src="script/xxxxx.js"></script>

css書寫規范
所有的css的盡量采用外部調用
<link href="style/style.css" rel="stylesheet" type="text/css"> 書寫時重定義的最先，偽類其次，自定義最后（其中a:link a:visited a:hover a:actived 要按照順序寫）便于自己和他人閱讀。

為了保證不同瀏覽器上字號保持一致，字號建議用點數pt和像素px來定義，pt一般使用中文宋體的9pt和11pt，px一般使用中文宋體12px 和14.7px 這是經過優化的字號，黑體字或者宋體字加粗時，一般選用11pt和14.7px 的字號比較合適。

css推薦模板。

body標識
為了保證瀏覽器的兼容性，必須設置頁面背景<body bgcolor="#ffffff">

05 形象設計規范

網站的ci整體形象包括下面幾個要素

標志(logo)

網站必須有獨立的標志

標志可以以網站中英文名稱設計，也可以采用特別的圖案。原則是簡單易記。

標志必須可以用黑白和彩色分別清晰表現

標志圖片的名稱為"logo_域名.gif"，例如：logo_sina.gif

盡量提供標志的矢量圖片

請盡可能在每個頁面上都使用標志

標準色

網站應該有自己的標準色（主體色）

標準色原則上不超過兩種，如果有兩種，其中一種為標準色，另一種為標準輔助色

標準色應盡量采用216種web安全色之內的色彩

必須提供標準色確切的rgb和cymk數值

請盡可能使用標準色

標準字體

網站應該定義一種標準字體（指logo上，圖片上使用的字體）

標準字體原則上定義兩種，一種中文字體，一種英文字體（不包括文本內容字體）

必須提供標準字體的名稱和字庫

請盡可能使用標準字體

06 內容編輯規范

內容

必須遵守我國《計算機信息網絡國際聯網安全保護管理辦法》的規定

任何單位和個人不得利用國際聯網制作、復制、查閱和傳播下列信息：
(一)煽動抗拒、破壞憲法和法律、行政法規實施的；
(二)煽動顛覆國家政權，推翻社會主義制度的；
(三)煽動分裂國家、破壞國家統一的；
(四)煽動民族仇恨、民族歧視，破壞民族團結的；
(五)捏造或者歪曲事實，散布謠言，擾亂社會秩序的；
(六)宣揚封建迷信、淫穢、色情、賭博、暴力、兇殺、恐怖，教唆犯罪的；
(七)公然侮辱他人或者捏造事實誹謗他人的；
(八)損害國家機關信譽的；
(九)其他違反憲法和法律、行政法規的。

轉載必須找到原出處，經聯系后使用

標題

力求簡短、醒目、新穎、吸引人。

正文

文章的段首空兩格，與傳統格式保持一致

段與段之間空一行可以使文章更清晰易看

杜絕錯字、別字和自造字

簡體版中不得夾雜繁體字

譯名要按我國規范。例如：singapore統一翻譯"新加坡"不能用"星加坡"

全角數字符號（不含標點）應改為半角

　
07 新技術使用規范

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