網(wǎng)頁(yè)模型圖在網(wǎng)站策劃過程中起到非常重要的作用,比如幫助網(wǎng)站策劃人員理清思路、利于溝通、提高效率等,那么網(wǎng)頁(yè)模型圖都應(yīng)該包括哪些元素呢?
1、網(wǎng)頁(yè)的編號(hào)
由于網(wǎng)站的頁(yè)面可能會(huì)非常多,所以,需要給網(wǎng)頁(yè)進(jìn)行唯一的編號(hào),這樣在設(shè)計(jì)人員進(jìn)行分工合作的時(shí)候,可以避免出現(xiàn)缺失頁(yè)面或者是重復(fù)制作頁(yè)面的情況,為了不造成混亂,這個(gè)編號(hào)需要跟前面網(wǎng)頁(yè)文件目錄結(jié)構(gòu)文檔中的網(wǎng)頁(yè)編號(hào)相統(tǒng)一。
2、網(wǎng)頁(yè)名和存放目錄
在頁(yè)面設(shè)計(jì)和制作完畢之后需要放入文件夾中,在多人共同協(xié)作的情況下,將設(shè)計(jì)和制作好的頁(yè)面放入預(yù)先計(jì)劃好的文件目錄中,能避免混亂的情況,同時(shí),將網(wǎng)頁(yè)文件名和網(wǎng)頁(yè)文件目錄結(jié)構(gòu)的文件名聯(lián)系起來(lái),在進(jìn)行網(wǎng)頁(yè)文件之間的連鏈接時(shí)也更容易操作。
3、網(wǎng)頁(yè)的title、meta標(biāo)簽
網(wǎng)頁(yè)一般都有title和meta標(biāo)簽。在html文件的開頭部分,<head>與<head>之間可放入網(wǎng)頁(yè)title以及meta標(biāo)簽。具體來(lái)說(shuō),包括網(wǎng)頁(yè)的主題、關(guān)鍵詞以及網(wǎng)頁(yè)描述。網(wǎng)站策劃人對(duì)網(wǎng)頁(yè)要表達(dá)的主旨比較清楚,可以在制作網(wǎng)頁(yè)模型圖處表示清楚,由網(wǎng)頁(yè)編程人員錄入網(wǎng)頁(yè)文件中。加入網(wǎng)頁(yè)主題、關(guān)鍵詞及網(wǎng)頁(yè)描述有利于搜索引擎抓取頁(yè)面以及網(wǎng)站的推廣。網(wǎng)頁(yè)的title就是在打開網(wǎng)頁(yè)后瀏覽器最上方一處所顯示的文字,比如打開百度,你可以看到:百度一下,你就知道。
4、頁(yè)面的元素與布局
這是網(wǎng)頁(yè)模型圖的核心部分。包括頁(yè)面上需要擺放的哪些元素,元素之間是如何擺放的。
5、網(wǎng)頁(yè)的描述
網(wǎng)頁(yè)模型圖可以通過畫面表達(dá)頁(yè)面的元素和布局,但是仍然無(wú)法詳細(xì)描述網(wǎng)站的功能和流程,所以需要對(duì)用畫面表達(dá)不清楚的部分進(jìn)行進(jìn)一步的說(shuō)明。說(shuō)明的部分,包括元素的功能、內(nèi)容還有頁(yè)面的鏈接部分的鏈接對(duì)象以及網(wǎng)頁(yè)是否彈出等問題。
最后,網(wǎng)頁(yè)的模型圖需要跟網(wǎng)站文件目錄結(jié)構(gòu)、產(chǎn)品規(guī)則和流程結(jié)合起來(lái),形成一個(gè)完整的技術(shù)文檔。