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

網(wǎng)頁設(shè)計(jì)制作規(guī)范教程

2023-05-06    分類: 網(wǎng)站建設(shè)

網(wǎng)頁設(shè)計(jì)制作規(guī)范是指一個(gè)開發(fā)規(guī)范,也稱是一個(gè)腳本的語言參數(shù),本規(guī)范并不是一個(gè)一成不變的必須嚴(yán)格遵守的條文,特殊情況下要靈活運(yùn)用,做一定的變通。但是,請(qǐng)大家千萬不要隨意更改規(guī)范。如果有任何問題,請(qǐng)及時(shí)與我聯(lián)系,我會(huì)及時(shí)更改本規(guī)范的相關(guān)代碼樣例和文檔。

主要包含以下步驟:
一、基 本 要 求
1. 在網(wǎng)站根目錄中開設(shè)images common temp 三個(gè)子目錄,根據(jù)需要再開設(shè)media 子目錄,images目錄中放不同欄目的頁面都要用到的公共圖片,例如公司的標(biāo)志、banner 條、菜單、按鈕等等;common 子目錄中放css、js,、php、include 等公共文件;temp 子目錄放客戶提供的各種文字圖片等等原始資料;media 子目錄中放flash, avi, quick time 等多媒體文件 。
2. 在根目錄中原則上應(yīng)該按照首頁的欄目結(jié)構(gòu),給每一個(gè)欄目開設(shè)一個(gè)目錄,根據(jù)需要在每一個(gè)欄目的目錄中開設(shè)一個(gè)images 和media 的子目錄用以放置此欄目專有的圖片和多媒體文件,如果這個(gè)欄目的內(nèi)容特別多,又分出很多下級(jí)欄目,可以相應(yīng)的再開設(shè)其他目錄。
3. temp 目錄中的文件往往會(huì)比較多,建議以時(shí)間為名稱開設(shè)目錄,將客戶陸續(xù)提供的資料歸類整理。
4. 除非有特殊情況,目錄、文件的名稱全部用小寫英文字母、數(shù)字、下劃線的組合,其中不得包含漢字、空格和特殊字符;目錄的命名請(qǐng)盡量以英文為指導(dǎo),不到萬不得已不要以拼音作為目錄名稱,經(jīng)驗(yàn)證明,用拼音命名的目錄往往連一個(gè)月后的自己都看不懂
二、一 般 原 則
1. 在排布表格之前,請(qǐng)大家一定要好好思考一個(gè)佳的方案,表格的嵌套盡量控制在三層以內(nèi),并且應(yīng)該盡量避免 <colspan> <rowspan> 兩個(gè)標(biāo)記,經(jīng)驗(yàn)表明,這兩個(gè)標(biāo)記會(huì)帶來許多麻煩。
2. 一個(gè)網(wǎng)頁要盡量避免用整個(gè)一張大表格,所有的內(nèi)容都嵌套在這個(gè)大表格之內(nèi),因?yàn)闉g覽器在解釋頁面的元素時(shí),是以表格為單位逐一顯示,如果一張網(wǎng)頁是嵌套在一個(gè)大表格之內(nèi),那么很可能造成的后果就是,當(dāng)瀏覽者敲入網(wǎng)址,他要先面對(duì)一片空白很長時(shí)間,然后所有的網(wǎng)頁內(nèi)容同時(shí)出現(xiàn)。如果必須這樣做,請(qǐng)使用 <tbody>標(biāo)記,以便能夠使這個(gè)大表格分塊顯示。
3. 排版中我們經(jīng)常會(huì)遇到需要進(jìn)行首行縮進(jìn)的處理,不要使用 或者全角空格來達(dá)到效果,規(guī)范的做法是在樣式表中定義 p { text-indent: 2em; } 然后給每一段加上 <p> 標(biāo)記,注意,一般情況下,請(qǐng)不要省略 </p> 結(jié)束標(biāo)記 。
三、文 件 命 名 原 則
1. 每一個(gè)目錄中應(yīng)該包含一個(gè)缺省的html 文件,文件名統(tǒng)一用index.htm
2. 件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合。
3. 命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)文件的意義,二是當(dāng)我們在文件夾中使用“按名稱排例”的命令時(shí),同一種大類的文件能夠排列在一起,以便我們查找、修改、替換、計(jì)算負(fù)載量等等操作。
4. 下面以“新聞”(包含“國內(nèi)新聞”和“國際新聞”)這個(gè)欄目來說明html 文件的命名原則
四、腳 本 編 寫
我們應(yīng)該有一個(gè)腳本整體風(fēng)格一致的概念,意思是一個(gè)月后和一個(gè)月前的你寫的腳本風(fēng)格保持一致,以及同一個(gè)工作組中不同的開發(fā)人員編寫的腳本風(fēng)格保持一致,因?yàn)槲覀儾豢赡苡肋h(yuǎn)孤立的開發(fā),你隨時(shí)都有可能和三個(gè)月前的自己合作(你的客戶要求改版),也經(jīng)常要和工作室中不同的同事共同開發(fā)一個(gè)項(xiàng)目,還有可能被要求修改已經(jīng)離職人員開發(fā)的腳本,當(dāng)然你自己也有可能會(huì)扔下一個(gè)項(xiàng)目給后來的同事。
1. Html 文件的通用模板:
<html>
<head>
<title> 文檔標(biāo)題 </title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<meta name="author" content="eastline">
其他meta 標(biāo) 記
<link rel="stylesheet" type="text/css" href="style/style.css">
樣式表定義
客戶端Javascript 函數(shù)定義及初始化操作
</head>
<body bgcolor="#ffffff">
… …
</body>
補(bǔ)充:
為了保證網(wǎng)站能夠與下一代的web 語言xml 標(biāo)準(zhǔn)兼容,所有的HTML 標(biāo)簽的屬性都要用單引號(hào)或者雙引號(hào)括起,即我們應(yīng)該寫 <a href=”url”> 而不 是 <a href=url>.
2. 允許全文檢索的頁面,為了使Internet 上的搜索引擎能夠有效檢索,在頻道的首頁的html的<head></head>之間應(yīng)該加入Keywords 和Description 元標(biāo)記,例如 :
<meta name=”keywords” content=”東方新干線,汽車,買車”>
<meta name=”description” content=”東方新干勁線,全球中文汽車信息先進(jìn)站”>
3. CSS 文件的格式樣例代碼 :
<style type="text/css">
<!—
p { text-indent: 2em; }
body { font-family: "宋體"; font-size: 9pt; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
table { font-family: "宋體"; font-size: 9pt; line-height: 20px; color: #000000}
a:link { font-size: 9pt; color: #FFFFFF; text-decoration: none}
a:visited { font-size: 9pt; color: #99FFFF; text-decoration: none}
a:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a:active { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:link { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:visited { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:active { font-size: 9pt; color: #FF9922; text-decoration: none}
.blue { font-family: "宋體"; font-size: 10.5pt; line-height: 20px; color: #0099FF; letter-spacing: 5em}
-->
</style>
這里尤其要注意的是a:link a:visited a:hover a:actived 的排列順序一定要嚴(yán)格照上面的樣例代碼,否則或多或少會(huì)出問題。另外我們規(guī)定重定義的先,偽類其次,自定義后,便于自己和他人閱讀!
為了保證不同瀏覽器上字號(hào)保持一致,字號(hào)建議用點(diǎn)數(shù)pt和像素px來定義,pt一般使用中文宋體的9pt和11pt,px一般使用中文宋體12px 和14.7px 這是經(jīng)過優(yōu)化的字號(hào),黑體字或者宋體字加粗時(shí),一般選用11pt和14.7px 的字號(hào)比較合適。

本文標(biāo)題:網(wǎng)頁設(shè)計(jì)制作規(guī)范教程
本文網(wǎng)址:http://m.rwnh.cn/news47/258197.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、網(wǎng)站營銷品牌網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、服務(wù)器托管、響應(yīng)式網(wǎng)站

廣告

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

成都定制網(wǎng)站建設(shè)
墨竹工卡县| 沙田区| 盘山县| 商都县| 青浦区| 嘉禾县| 中西区| 阆中市| 焉耆| 壶关县| 青岛市| 加查县| 中山市| 竹溪县| 鞍山市| 乌海市| 甘德县| 靖州| 高要市| 广东省| 中宁县| 沧源| 合川市| 咸阳市| 高台县| 稷山县| 宾川县| 洛隆县| 蒙城县| 莫力| 南澳县| 兰州市| 南投县| 新乡市| 永修县| 安阳县| 鹿泉市| 朔州市| 绩溪县| 铜鼓县| 冷水江市|