XXX2高清在线观看免费视频,free国产粉嫩熟妇xxxhd,亚洲欧美日韩在线不卡,久久久精品人妻一区二区三区蜜桃

青島網(wǎng)站建設(shè)公司,青島網(wǎng)站制作公司-奈薇建站網(wǎng)
建站咨詢熱線：0532-88781131、15166683288　
知識(shí)普及 ? 網(wǎng)頁(yè)設(shè)計(jì)制作規(guī)范教程

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

　　 主要包含以下步驟：

　　 一、基 本 要 求

　　 1. 在網(wǎng)站根目錄中開設(shè)images common temp 三個(gè)子目錄，根據(jù)需要再開設(shè)media 子目錄，images目錄中放不同欄目的頁(yè)面都要用到的公共圖片，例如公司的標(biāo)志、banner 條、菜單、按鈕等等；common 子目錄中放css、js,、php、include 等公共文件；temp 子目錄放客戶提供的各種文字圖片等等原始資料；media 子目錄中放flash, avi, quick time 等多媒體文件 。

　　2. 在根目錄中原則上應(yīng)該按照首頁(yè)的欄目結(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)，不到萬(wàn)不得已不要以拼音作為目錄名稱，經(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ì)帶來(lái)許多麻煩。

　　2. 一個(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è)大表格分塊顯示。

　　3. 排版中我們經(jīng)常會(huì)遇到需要進(jìn)行首行縮進(jìn)的處理，不要使用   或者全角空格來(lái)達(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)我們?cè)谖募A中使用“按名稱排例”的命令時(shí)，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計(jì)算負(fù)載量等等操作。

　　4. 下面以“新聞”（包含“國(guó)內(nèi)新聞”和“國(guó)際新聞”）這個(gè)欄目來(lái)說(shuō)明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)目給后來(lái)的同事。

　　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 語(yǔ)言xml 標(biāo)準(zhǔn)兼容，所有的HTML 標(biāo)簽的屬性都要用單引號(hào)或者雙引號(hào)括起，即我們應(yīng)該寫 <a href=”url”> 而不 是 <a href=url>.

　　2. 允許全文檢索的頁(yè)面，為了使Internet 上的搜索引擎能夠有效檢索，在頻道的首頁(yè)的html的<head></head>之間應(yīng)該加入Keywords 和Description 元標(biāo)記，例如 ：
　　<meta name=”keywords” content=”東方新干線，汽車，買車”>
　　<meta name=”description” content=”東方新干勁線，全球中文汽車信息第一站”>

　　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ì)出問(wèn)題。另外我們規(guī)定重定義的最先，偽類其次，自定義最后，便于自己和他人閱讀！

　　為了保證不同瀏覽器上字號(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)比較合適。
網(wǎng)頁(yè)設(shè)計(jì)制作規(guī)范教程相關(guān)標(biāo)簽：網(wǎng)頁(yè)制作，網(wǎng)站開發(fā)，設(shè)計(jì)網(wǎng)站，網(wǎng)站注冊(cè)
相關(guān)熱點(diǎn)推薦
如何處理好網(wǎng)站設(shè)計(jì)的細(xì)
產(chǎn)品設(shè)計(jì)的模糊前期
奈薇建站網(wǎng)科技2017
搜索引擎蜘蛛理解相關(guān)性
網(wǎng)站的表單設(shè)計(jì)要點(diǎn)
與用戶體驗(yàn)的這兩年
運(yùn)用什么技巧使用戶喜歡
網(wǎng)站設(shè)計(jì)中程序員和美工
Tab(選項(xiàng)卡)的產(chǎn)品
從精簡(jiǎn)導(dǎo)航談小型網(wǎng)站的
如今虛擬外鏈對(duì)我們的作
網(wǎng)頁(yè)設(shè)計(jì)中的版式原理-
使用框架和滑動(dòng)門技術(shù)進(jìn)
清新的網(wǎng)站設(shè)計(jì)風(fēng)格
網(wǎng)頁(yè)設(shè)計(jì)之視覺信息傳達(dá)
用戶體驗(yàn)與網(wǎng)頁(yè)界面設(shè)計(jì)
沒(méi)有交互意識(shí)的設(shè)計(jì)師，
企業(yè)網(wǎng)站規(guī)劃和網(wǎng)頁(yè)設(shè)計(jì)
網(wǎng)站大改版=壯烈的死亡
2016年百度排名的算
網(wǎng)站建設(shè)合同簽訂需要注
人機(jī)交互界面設(shè)計(jì)的三個(gè)
系統(tǒng)化學(xué)習(xí)SEO技術(shù)的
用戶體驗(yàn)中溝通的技巧
迭代的設(shè)計(jì)
網(wǎng)站中視覺元素的設(shè)計(jì)
網(wǎng)站設(shè)計(jì)的前期溝通之重
在青島，企業(yè)網(wǎng)站建設(shè)對(duì)
手機(jī)建站時(shí)容易進(jìn)入哪些
如何有效的提高網(wǎng)站關(guān)鍵
淺談品牌的視覺識(shí)別
怎樣充分利用你的網(wǎng)站設(shè)
TDK是什么？有什么作
微信為什么這么人在用
網(wǎng)站排名第三頁(yè)不到首頁(yè)
青島網(wǎng)站設(shè)計(jì)中關(guān)于al
好設(shè)計(jì)應(yīng)該是平凡的設(shè)計(jì)
網(wǎng)站LOGO簡(jiǎn)論
網(wǎng)頁(yè)布局設(shè)計(jì)基礎(chǔ)
奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶
建站咨詢熱線：0532-88781131　15166683288　18562723728
版權(quán)所有© BangJianZhan.Com & Nev.Cn 青島網(wǎng)站建設(shè)/網(wǎng)站制作公司
青島雨后網(wǎng)絡(luò)科技有限公司 - 青島市市北區(qū)福州北路90號(hào),景泰尚都6層
已經(jīng)為您服務(wù)了
20年 8個(gè)月 11天