[互聯(lián)網(wǎng)]網(wǎng)站設(shè)計(jì)流程(編輯修改稿)
2025-01-03 22:39 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 的顏色來(lái)表示鏈接狀態(tài)。 用容易區(qū)分的、不太飽和的顏色表示訪問(wèn)過(guò)的鏈接。雖然很多網(wǎng)站用灰色表示訪問(wèn)過(guò)的鏈接，但是灰色一般不容易閱讀，而且灰色通常是控件不可用的標(biāo)志，所以不建議這樣做。 8. 主頁(yè)內(nèi)容 寫出令人深刻的內(nèi)容是所有 Web頁(yè)面設(shè)計(jì)最重要的方法之一。絕大多數(shù)用戶只會(huì)大致瀏覽一下標(biāo)題內(nèi)容，而不會(huì)仔細(xì)閱讀，所以必須優(yōu)化內(nèi)容，用盡量少的詞語(yǔ)表達(dá)盡量多的信息，使之適合快速閱讀。主頁(yè)是必須用盡量少的空間表達(dá)盡量多的標(biāo)題的地方。 (1) 使用用戶關(guān)注的詞語(yǔ)。類別和科目的劃分要按照用戶的 取向 劃分，而不要按照公司的劃分。 (2) 避免冗余內(nèi)容。為了強(qiáng)調(diào)某些條目 (例如類別或鏈接 )的重要性而不斷在主頁(yè)上重復(fù)它們，反而會(huì)減少受關(guān)注的程度。 (3) 不要使用成語(yǔ)、行話，否則用戶很難明白您在說(shuō)什么。例如在一個(gè)旅行網(wǎng)站上，用“夢(mèng)想、計(jì)劃、行動(dòng)”類別名，對(duì)一個(gè)市場(chǎng)營(yíng)銷的人員來(lái)說(shuō)聽起來(lái)相當(dāng)不錯(cuò)，但它不如“假日計(jì)劃”直截了當(dāng)。當(dāng)用戶必須靠單擊鏈接以后查看具體內(nèi)容才能明白鏈接文字的意思時(shí)，他們很快會(huì)失去耐心。當(dāng)然，不是說(shuō)主頁(yè)上的文字必須是干巴巴的白話，它必須包含豐富的信息，而且不能模棱兩可 。 (4) 盡量少用命令式語(yǔ)言。除非在法定或約定俗成的工作時(shí)，或作適當(dāng)強(qiáng)調(diào)時(shí)，才使用諸如“輸入城市或郵政編碼”等命令語(yǔ)言。 (5) 為強(qiáng)調(diào)效果，要避免不恰當(dāng)?shù)厥褂每崭窈屯ｎD。 一般網(wǎng)站就包含的幾項(xiàng)內(nèi)容 一個(gè)標(biāo)準(zhǔn)的網(wǎng)站應(yīng)該包括以下 10項(xiàng)內(nèi)容 。 1. 站點(diǎn)結(jié)構(gòu)圖 (Site Map) 站點(diǎn)結(jié)構(gòu)圖是一種有關(guān)站點(diǎn)結(jié)構(gòu)、組織方式的示意圖。站點(diǎn)的主要欄目或者關(guān)鍵內(nèi)容列在其下的副標(biāo)題中。當(dāng)訪問(wèn)者單擊標(biāo)題、題目或副標(biāo)題時(shí)，相關(guān)的網(wǎng)頁(yè)就會(huì)出現(xiàn)在屏幕當(dāng)中。 2. 導(dǎo)航欄 (Navigation Bar) 每個(gè)網(wǎng)站都應(yīng)該包括一組導(dǎo)航工具，而且它出現(xiàn)在此網(wǎng)站的每一個(gè)頁(yè)面中，通常這組導(dǎo)航工具被稱為導(dǎo)航欄。 3. 聯(lián)系方式頁(yè)面 (Contact Page) 此頁(yè)面中創(chuàng)建可發(fā)送 Email的鏈接，使 Email的地址可以自動(dòng)地出現(xiàn)在 【 收信人 】 欄中，這樣，訪問(wèn)者在錄入相關(guān)內(nèi)容后單擊 【 發(fā)送 】 按鈕即可完成發(fā)送郵件。 4. 反饋表 (Feedback Forms) 利用反饋表，用戶可以隨時(shí)提出信息需求，而不必記下電話號(hào)碼。反饋表還為那些沒(méi)有 Email的用戶提供了方便。 5. 引人入勝的內(nèi)容 (Compelling Content) 在每頁(yè)中都要包含相關(guān)的、引人入勝的內(nèi)容，特別是當(dāng)你要銷售產(chǎn)品的時(shí)候，每一個(gè)頁(yè)面都要用詳細(xì)的內(nèi)容和圖片精心修飾一番。 6. 常見問(wèn)題解答 (FAOs) 7. 精美的圖片 (Good Graphics) 8. 搜索工具 (Searching Mechanisms) 9. 新聞頁(yè)面 (News Page) 10. 相關(guān)站點(diǎn)鏈接 (Relevant Links ) 網(wǎng)站界面設(shè)計(jì) 欄目與板塊編排 目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 版面布局 欄目與板塊編排 構(gòu)建一個(gè)網(wǎng)站就好比寫一篇論文，首先要列出提綱，才能主題明確、層次清晰。網(wǎng)站建設(shè)初學(xué)者，最容易犯的錯(cuò)誤就是確定題材后立刻開始制作，沒(méi)有進(jìn)行合理規(guī)劃。 網(wǎng)站題材確定后，將收集到的資料進(jìn)行合理的編排。例如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢(shì)地位。欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。在欄目編排時(shí)需要注意以下幾點(diǎn)。 ? (1) 盡可能刪除與主題無(wú)關(guān)的欄目。 ? (2) 盡可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上。 ? (3) 盡可能從訪問(wèn)者角度來(lái)編排欄目，以方便訪問(wèn)者的瀏覽和查詢。 ? (4) 輔助內(nèi)容，如站點(diǎn)簡(jiǎn)介、版權(quán)信息、個(gè)人信息等不必放在主欄目里，以免沖淡主題。 網(wǎng)站界面設(shè)計(jì) 欄目與板塊編排 構(gòu)建一個(gè)網(wǎng)站就好比寫一篇論文，首先要列出提綱，才能主題明確、層次清晰。網(wǎng)站建設(shè)初學(xué)者，最容易犯的錯(cuò)誤就是確定題材后立刻開始制作，沒(méi)有進(jìn)行合理規(guī)劃。 網(wǎng)站題材確定后，將收集到的資料進(jìn)行合理的編排。例如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢(shì)地位。欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。在欄目編排時(shí)需要注意以下幾點(diǎn)。 ? (1) 盡可能刪除與主題無(wú)關(guān)的欄目。 ? (2) 盡可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上。 ? (3) 盡可能從訪問(wèn)者角度來(lái)編排欄目，以方便訪問(wèn)者的瀏覽和查詢。 ? (4) 輔助內(nèi)容，如站點(diǎn)簡(jiǎn)介、版權(quán)信息、個(gè)人信息等不必放在主欄目里，以免沖淡主題。 另外，板塊的編排設(shè)置也要合理安排與劃分。板塊比欄目的概念要大一些，每個(gè)板塊都有自己的欄目。舉個(gè)例子： ENET硅谷動(dòng)力 ()的站點(diǎn)分新聞、產(chǎn)品、游戲、學(xué)院等板塊，每個(gè)板塊下面又各有自己的主欄目。 一般來(lái)說(shuō)，個(gè)人站點(diǎn)內(nèi)容較少，只要分個(gè)欄目也就夠了，不需要設(shè)置板塊。如果有必要設(shè)置板塊的，應(yīng)該注意： ? (1) 各板塊要有相對(duì)獨(dú)立性。 ? (2) 各板塊要有相互關(guān)聯(lián)性。 ? (3) 各板塊的內(nèi)容要圍繞站點(diǎn)主題展開。 目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 網(wǎng)站的目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如：在用 FrontPage建立網(wǎng)站時(shí)都 默 認(rèn)建立了根目錄和 Images子目錄。目錄的結(jié)構(gòu)是一個(gè)容易忽略的問(wèn)題，大多數(shù)站長(zhǎng)都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。 (1) 不能把所有文件都存放在根目錄下。有的網(wǎng)站制作者為了方便，將所有文件都放在根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無(wú)用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率；上傳速度變慢，服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引，如果將所有文件都放在根目錄下，那么即使只上傳更新一個(gè)文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時(shí)間也將越長(zhǎng)。 (2) 按欄目?jī)?nèi)容建立子目錄。子目錄的建立，首先按
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1