昨天，一位mm找我，讓我?guī)退纯此龅木W(wǎng)站！拿過來一看，汗！果然是新手，所有的東西都放在了一起，沒有任何分類，想象自己以前也是如此，而且加上這個妹妹還是我們的老鄉(xiāng)，沒有辦法，修改吧！
用dw建立了一個站點(diǎn)，隨后進(jìn)行測試一切正常，上傳到服務(wù)器，才想起來，路經(jīng)要相對，而且盡量不要出現(xiàn)“。。/”，要不然網(wǎng)站就出現(xiàn)了問題！給她講不一定懂，所以，找出自己以前寫的“網(wǎng)站規(guī)劃書”來說明問題。嘿嘿！

建站框架規(guī)范書之——文件命名

1?????????? 大多數(shù)文件以英文命名，爭取以最少的字母達(dá)到達(dá)到最容易理解的意義；

2?????????? 以菜單名的英文單詞取其中心詞為文件名。如：

關(guān)于我們 /aboutus??? 信息反饋 /feedback?? 產(chǎn)品 /product

3?????????? 單詞要小寫，文件名字母間可以用下劃線連接；如：網(wǎng)站標(biāo)志圖標(biāo)logo。Gif

4?????????? 鼠標(biāo)感應(yīng)圖片命名為“圖片名”+“_”+“on/off”。如：

鼠標(biāo)滑過圖片 mouse_over_on.gif??? 鼠標(biāo)滑出圖片 mouse_out_off.gif

5?????????? 每個板塊首頁為index.htm(.asp)、default.htm(.asp)、main.htm(.asp)之一；

6?????????? 同一個功能多個文件命名用文件名+數(shù)字區(qū)分；

7?????????? 圖片命名規(guī)則：

7.1??????????? 分為頭尾兩部分，用下劃線隔開；

7.2??????????? 頭部表示文件性質(zhì)，如：頂部廣告、裝飾圖片等長方形圖片取名為banner，標(biāo)志性圖片為logo，在頁面位置不固定且?guī)в羞B接小圖片為button，帶有連接出現(xiàn)且性質(zhì)相同的連接欄目圖片menu，裝飾圖片pic，不帶連接表示標(biāo)題title

7.3??????????? 尾部表示圖片含義。如：

Banner_sohu.gif?? ? Sohu廣告

Banner_sina.gif?????????????????? Sina廣告???

menu_aboutus.gif?????????????? 關(guān)于我們的菜單圖片

menu_jog.gif????????????? 工作菜單圖片

titile_news.gif?????????? 新聞標(biāo)題圖片

8?????????? 首頁頁面尺寸。頁面標(biāo)準(zhǔn)按照800*600分辨率制作，實(shí)際尺寸按780*430px設(shè)計；

9?????????? 頁面長度原則上不超過3屏，寬度不超過1屏幕；

10??????? 全尺寸banner為468*60px，半尺寸banner為234*60px，小尺寸banner為88*31px；

11??????? 每個非頁面靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸Banner不超過14K；

建站框架規(guī)范書之——目錄層次

1?????????? 新聞目錄消息創(chuàng)建單獨(dú)頁面，并在一端時間后將新聞放置于適當(dāng)?shù)哪夸浵?#xff1b;

2?????????? 在最近更新的信息邊加注一個亮麗的小圖標(biāo)，起到提醒醒目作用；

3?????????? 根目錄下文件層次如下：
Images? ???????????? 公共圖片庫；

Common???????????? 后臺文件集散地；

???????? Style ???????? css文件夾；
???????? Script???????? ???????? js腳本文件夾；
???????? Include?????? ???????? 各個成員自主開發(fā)的功能函數(shù)文件夾；
Temp?????????????????? 臨時文件夾，用于存放客戶提供的各種原始的資料，可在此目錄下建設(shè)子目錄，以時間為順序命名；
Media????????????????? 存放網(wǎng)頁文件上的多媒體文件，比如：Flash，Avi，QuickTime等；
News?????????????????? 根據(jù)主頁上的內(nèi)容劃分相應(yīng)的版塊，各個版塊也可以使用主頁上命名規(guī)則
最后形成文件目錄結(jié)構(gòu)如下：

總結(jié)

以上是生活随笔為你收集整理的网站结构设计规划书的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。