一、導(dǎo)航規(guī)范
商業(yè)網(wǎng)站不同于個(gè)人網(wǎng)站,在商業(yè)網(wǎng)站上的每一個(gè)頁(yè)面都出現(xiàn)一定的固定信息,內(nèi)容包括:主頁(yè)、網(wǎng)站介紹、站點(diǎn)視圖、聯(lián)系方式、反饋、搜索工具、常見問(wèn)題解答、實(shí)際內(nèi)容欄目(包括相關(guān)站點(diǎn)鏈接、新聞頁(yè))……等等。在yesnew中我主要考慮了以下幾個(gè)方面的內(nèi)容:
網(wǎng)站名稱、廣告條、主菜單、友情鏈接、計(jì)數(shù)器、版權(quán)信息、隱私條款、合作聯(lián)系、聯(lián)系我們、關(guān)于我們
具體內(nèi)容的采用視情況而定,不一定全部都必須有,但是至少應(yīng)該不少于6-7項(xiàng)。
二、目錄結(jié)構(gòu)及文件管理 目錄的結(jié)構(gòu)是網(wǎng)站構(gòu)建時(shí)比較容易忽略的問(wèn)題,很多網(wǎng)站都是未經(jīng)規(guī)劃隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞,對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有什么太大的感覺(jué),但是對(duì)于站點(diǎn)本身的上傳維護(hù),特別是出于對(duì)商業(yè)網(wǎng)站的規(guī)范性、可擴(kuò)充性和可移植性考慮,網(wǎng)站的目錄結(jié)構(gòu)應(yīng)該認(rèn)真規(guī)劃,避免以后出現(xiàn)不必要的麻煩。在yesnew中,我們對(duì)目錄結(jié)構(gòu)的規(guī)劃遵循了以下幾條原則:
1.不要將所有文件都存放在根目錄下
有的網(wǎng)站的設(shè)計(jì)者為了方便,將所有文件都放在根目錄下。這樣做容易造成文件管理混亂。他們也常常搞不清哪些文件需要編輯和更新,哪些無(wú)用的文件可以刪除,哪些是相關(guān)聯(lián)的文件,這樣必定影響工作效率,也影響上傳速度。并且還有個(gè)問(wèn)題,服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引。當(dāng)你將所有文件都放在根目錄下,那么即使你只上傳更新一個(gè)文件,服務(wù)器也需要將所有文件再檢索一遍,建立新的索引文件。很明顯,文件量越大,等待的時(shí)間也將越長(zhǎng)。所以,我的建議是:盡可能減少根目錄的文件存放數(shù),盡量只放default.htm(index.asp,index,htm,default.asp)一個(gè)文件。
2.按欄目?jī)?nèi)容建立子目錄
子目錄的建立,首先按主菜單欄目建立。例如在yesnew中一共有音樂(lè)、娛樂(lè)、動(dòng)漫……等11個(gè)欄目,加上“夢(mèng)幻學(xué)堂”共12個(gè)大欄目。于是我們建立相應(yīng)的目錄:music、entertainment、cartoon……。另外,其他的次要欄目,類似what'snew,友情連接內(nèi)容較多,需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng),不需要經(jīng)常更新的欄目,例如:“關(guān)于我們”、“合作聯(lián)系”等可以合并放在一個(gè)統(tǒng)一目錄下。所有程序一般都存放在特定目錄,例如:CGI程序放在cgi-bin目錄。便于維護(hù)管理。所有需要下載的內(nèi)容也最好放在一個(gè)目錄 download下。
3.在每個(gè)主目錄下建立獨(dú)立的images目錄
通常一個(gè)站點(diǎn)根目錄下都有一個(gè)images目錄。但是各個(gè)分欄目下也需要用到許多圖片,如果都放在根目錄下的images里的話,那么以后更新和移植肯定會(huì)出現(xiàn)許多麻煩的問(wèn)題。所以我強(qiáng)烈建議:為每個(gè)主欄目建立一個(gè)獨(dú)立的images目錄是最方便管理的,而根目錄下的images目錄只是用來(lái)放首頁(yè)和一些次要欄目的圖片。
目錄的層次不要太深,建議不要超過(guò)三層。原因很簡(jiǎn)單,維護(hù)管理方便。其它需要注意的還有:
◆不要使用中文名目錄---網(wǎng)絡(luò)無(wú)國(guó)界,使用中文目錄可能對(duì)網(wǎng)址的正確顯示造成困難。因此我們?cè)趛esnew里沒(méi)有使用中文目錄名。
◆不要使用過(guò)長(zhǎng)名稱的目錄---盡管服務(wù)器支持長(zhǎng)文件名,但是太長(zhǎng)的目錄名不便于記憶。
◆盡量使用意義明確的目錄。 關(guān)于文件的管理,有幾點(diǎn)很重要:
◆不要使用中文文件名。
◆注意文件名的大小寫,因?yàn)閡nix的服務(wù)器是不嚴(yán)格區(qū)分文件名的大小寫的,值得一提的是用photoshop做的圖片會(huì)出現(xiàn)后綴名大寫的問(wèn)題,要特別注意。
◆不要使用太長(zhǎng)的文件名。
三、首頁(yè)的設(shè)計(jì)
首頁(yè)的設(shè)計(jì)是一個(gè)網(wǎng)站成功與否的關(guān)鍵。人們往往看到第一頁(yè)就已經(jīng)對(duì)你的站點(diǎn)有一個(gè)整體的感覺(jué)。是不是能夠促使瀏覽者繼續(xù)點(diǎn)擊進(jìn)入,是否能夠吸引瀏覽者留在站點(diǎn)上,全憑首頁(yè)設(shè)計(jì)的“功力”了。所以,首頁(yè)的設(shè)計(jì)和制作是絕對(duì)要重視和花心思的。
一)確定首頁(yè)的功能模塊。
首頁(yè)的內(nèi)容模塊是指你需要在首頁(yè)上實(shí)現(xiàn)的主要內(nèi)容和功能。一般的站點(diǎn)都需要這樣一些模塊:網(wǎng)站名稱、廣告條、主菜單、新聞、搜索、友情鏈接、郵件列表、計(jì)數(shù)器、版權(quán)。選擇哪些模塊、實(shí)現(xiàn)哪些功能,是否需要添加其他模塊都是首頁(yè)設(shè)計(jì)首先需要確定的。
二)設(shè)計(jì)首頁(yè)的版面
在功能模塊確定后,開始設(shè)計(jì)首頁(yè)的版面。設(shè)計(jì)版面的最好方法是:找一張白紙,一支筆,先將你理想中的草圖勾勒出來(lái),然后再用網(wǎng)頁(yè)制作軟件實(shí)現(xiàn)。
就像傳統(tǒng)的報(bào)刊雜志編輯一樣,我們將網(wǎng)頁(yè)看作一張報(bào)紙,一本雜志來(lái)進(jìn)行排版布局。雖然動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的發(fā)展使得我們開始趨向于學(xué)習(xí)場(chǎng)景編劇,但是固定的網(wǎng)頁(yè)版面設(shè)計(jì)基礎(chǔ)依然是必須學(xué)習(xí)和掌握的。它們的基本原理是共通的,你可以領(lǐng)會(huì)要點(diǎn),舉一反三。
版面指的是瀏覽器看到的完整的一個(gè)頁(yè)面(可以包含框架和層)。因?yàn)槊總€(gè)人的顯示器分辨率不同,所以同一個(gè)頁(yè)面的大小可能出現(xiàn)640*480像素、800*600像素、1024*768像素等不同尺寸。在這里,yesnew的首頁(yè)可以針對(duì)不同分辨率的瀏覽器。
布局,就是以最適合瀏覽的方式將圖片和文字排放在頁(yè)面的不同位置。
四、色彩的搭配
本來(lái)關(guān)于色彩的搭配是我們的美工大師TAIL的強(qiáng)項(xiàng),但是談到網(wǎng)頁(yè)設(shè)計(jì),就不能不談色彩搭配,所以我姑且越俎代庖,也來(lái)談?wù)劸W(wǎng)頁(yè)設(shè)計(jì)中色彩的搭配。:)
在yesnew中,首頁(yè)的主顏色采用了黃色,這是因?yàn)閷?duì)青少年網(wǎng)站而言,黃色在心理上可能更能表達(dá)那種年輕人的朝氣和活力。在音樂(lè)欄目中,主顏色采用了紫色,表現(xiàn)了音樂(lè)的瑰麗和魅力。
在yesnew首頁(yè)里,正文的文字用的是黑色,頁(yè)面的背景用的是白色,而為了避免色彩過(guò)于單調(diào),還使用了一些黃色塊。
五、字體的設(shè)置
字體的設(shè)置是網(wǎng)頁(yè)設(shè)計(jì)一個(gè)重點(diǎn),下面是幾條我們?cè)趛esnew的網(wǎng)頁(yè)設(shè)計(jì)中所采用的字體的使用原則,僅供參考:
1.不要使用超過(guò)3種以上的字體。字體太多則顯得雜亂,沒(méi)有主題;
2.不要用太大的字。因?yàn)榘婷媸菍氋F,有限的,粗陋的大字體不能帶給訪問(wèn)者更多信息;
3.不要使用不停閃爍的文字。想讓瀏覽者多停留一會(huì)兒的話,就不要使用閃爍的文字;
4.原則上標(biāo)題的字體較正文大,顏色也應(yīng)有所區(qū)別;
5.正文的字體大小請(qǐng)使用9pt(即9磅)。