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

2023-05-06 分類：網(wǎng)站建設

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

主要包含以下步驟：

一、基本要求

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

2. 在根目錄中原則上應該按照首頁的欄目結(jié)構(gòu)，給每一個欄目開設一個目錄，根據(jù)需要在每一個欄目的目錄中開設一個images 和media 的子目錄用以放置此欄目專有的圖片和多媒體文件，如果這個欄目的內(nèi)容特別多，又分出很多下級欄目，可以相應的再開設其他目錄。

3. temp 目錄中的文件往往會比較多，建議以時間為名稱開設目錄，將客戶陸續(xù)提供的資料歸類整理。

4. 除非有特殊情況，目錄、文件的名稱全部用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格和特殊字符；目錄的命名請盡量以英文為指導，不到萬不得已不要以拼音作為目錄名稱，經(jīng)驗證明，用拼音命名的目錄往往連一個月后的自己都看不懂

二、一般原則

1. 在排布表格之前，請大家一定要好好思考一個佳的方案，表格的嵌套盡量控制在三層以內(nèi)，并且應該盡量避免兩個標記，經(jīng)驗表明，這兩個標記會帶來許多麻煩。

2. 一個網(wǎng)頁要盡量避免用整個一張大表格，所有的內(nèi)容都嵌套在這個大表格之內(nèi)，因為瀏覽器在解釋頁面的元素時，是以表格為單位逐一顯示，如果一張網(wǎng)頁是嵌套在一個大表格之內(nèi)，那么很可能造成的后果就是，當瀏覽者敲入網(wǎng)址，他要先面對一片空白很長時間，然后所有的網(wǎng)頁內(nèi)容同時出現(xiàn)。如果必須這樣做，請使用標記，以便能夠使這個大表格分塊顯示。

3. 排版中我們經(jīng)常會遇到需要進行首行縮進的處理，不要使用或者全角空格來達到效果，規(guī)范的做法是在樣式表中定義 p { text-indent: 2em; } 然后給每一段加上

標記，注意，一般情況下，請不要省略

結(jié)束標記。

三、文件命名原則

1. 每一個目錄中應該包含一個缺省的html 文件，文件名統(tǒng)一用index.htm

2．件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合。

3. 命名原則的指導思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義，二是當我們在文件夾中使用“按名稱排例”的命令時，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計算負載量等等操作。

4. 下面以“新聞”（包含“國內(nèi)新聞”和“國際新聞”）這個欄目來說明html 文件的命名原則

四、腳本編寫

我們應該有一個腳本整體風格一致的概念，意思是一個月后和一個月前的你寫的腳本風格保持一致，以及同一個工作組中不同的開發(fā)人員編寫的腳本風格保持一致，因為我們不可能永遠孤立的開發(fā)，你隨時都有可能和三個月前的自己合作（你的客戶要求改版），也經(jīng)常要和工作室中不同的同事共同開發(fā)一個項目，還有可能被要求修改已經(jīng)離職人員開發(fā)的腳本，當然你自己也有可能會扔下一個項目給后來的同事。

1. Html 文件的通用模板：

文檔標題

其他meta 標記

樣式表定義

客戶端Javascript 函數(shù)定義及初始化操作

… …

補充：

為了保證網(wǎng)站能夠與下一代的web 語言xml 標準兼容，所有的HTML 標簽的屬性都要用單引號或者雙引號括起，即我們應該寫而不是 .

2. 允許全文檢索的頁面，為了使Internet 上的搜索引擎能夠有效檢索，在頻道的首頁的html的之間應該加入Keywords 和Description 元標記，例如：

3. CSS 文件的格式樣例代碼：

這里尤其要注意的是a:link a:visited a:hover a:actived 的排列順序一定要嚴格照上面的樣例代碼，否則或多或少會出問題。另外我們規(guī)定重定義的先，偽類其次，自定義后，便于自己和他人閱讀！

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

本文標題：網(wǎng)頁設計制作規(guī)范教程
瀏覽地址：http://jinyejixie.com/news/258197.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設、軟件開發(fā)、網(wǎng)頁設計公司、虛擬主機、微信小程序、搜索引擎優(yōu)化

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

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

學習有效提高網(wǎng)站排名的優(yōu)化技巧 2023-05-06
成都網(wǎng)站制作公司哪家好 2023-05-06
網(wǎng)站建設提升用戶體驗刻不容緩 2023-05-05
總結(jié)近期做seo的一些感想 2023-05-05
重慶網(wǎng)站建設必須具備一項重要“武器” 2023-05-05
網(wǎng)站用戶群定位要精準不能盲目的追求高大全 2023-05-05
重慶企業(yè)網(wǎng)站制作完成如何秀出的產(chǎn)品風采 2023-05-05

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

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