[互聯(lián)網(wǎng)]網(wǎng)站設(shè)計流程-在線瀏覽
2025-01-24 22:39本頁面
【正文】 原理 ? 色彩 的鮮明性：網(wǎng)頁的色彩要鮮艷，容易引人注目。 ? 色彩的合適性：就是說色彩和表達的內(nèi)容、氣氛相適合，如用粉色體現(xiàn)女性類網(wǎng)站的柔性。 (2) 網(wǎng)頁色彩掌握的過程 隨著 人們對網(wǎng)頁制作經(jīng)驗的積累，用色有這樣的一個趨勢：單色 → 五彩繽紛 → 標準色 → 單色。 (3) 網(wǎng)頁色彩搭配的技巧 ? 用一種色彩。這樣的頁面看起來色彩統(tǒng)一，有層次感。先選定一種色彩，然后選擇它的對比色 (在Photoshop里按 Ctrl+Shift+I鍵 )。 ? 用一個色系。 ? 用黑色和一種彩色。 在網(wǎng)頁配色中，忌諱的是：不要將所有顏色都用到，盡量控制在 3種色彩以內(nèi)。 圖 背景和前文對比示例 總之在設(shè)計網(wǎng)站風格的時候要注意以下幾個問題。頁面特別是主頁經(jīng)常是第一個 (也有可能是最后一個 )吸引并留住客戶的機會，所以設(shè)計網(wǎng)站的頁面，遵循一些原則顯得尤為重要。 1. 日期、時間和數(shù)字 用戶需要了解他們看到的信息是當前的，但是并不需要查看每個條目的日期和時間。 ? (1) 僅對時間敏感的信息顯示日期和時間，不要對沒有時間敏感的信息顯示時間和日期；不必顯示星期幾。 ? (3) 日期的書寫。 ? (4) 當顯示一列數(shù)字時，要對齊小數(shù)點。在主頁上顯示友好的如 “ 歡迎 ” 、“ wele”等詞匯，在網(wǎng)絡(luò)發(fā)展的早期能在有限的網(wǎng)站上見到一個實在是值得慶賀的事情，可是現(xiàn)在人們已經(jīng)習以為常了。 ? (1) 當用戶輸入主頁網(wǎng)址時，或在別的頁面上單擊到站點的鏈接時，要將他們帶到真正的主頁上。大量的彈出式廣告早已使用戶深惡痛絕，現(xiàn)在用戶已經(jīng)形成了一個共識：彈出窗口通常是廣告。 4. 新聞和公告信息 為了更有效地在主頁上發(fā)布新聞，需要用心編輯標題和新聞概要，這對發(fā)布網(wǎng)站所屬公司的信息和其他新聞同樣適用。幫助用戶使他們不用去單擊那些他們不感興趣的內(nèi)容是很重要的，否則經(jīng)過多次無 意義的單擊之后用戶最終會放棄您的網(wǎng)站 。 (2) 精心編輯在主頁上重點突出的新聞內(nèi)容提要。要給用戶一個真正的內(nèi)容 ——而不僅僅是對用戶后面內(nèi)容的描述。 5. 網(wǎng)址 盡可能使主頁的網(wǎng)址簡單記憶是非常重要的。一旦用戶鎖定某個網(wǎng)站，簡單的網(wǎng)址能讓他們明白是否在正確的網(wǎng)站上，而復(fù)雜的網(wǎng)址就是用戶不敢斷定。 不要在域名后面加復(fù)雜的代碼甚至“ ”之類的內(nèi)容，幾乎沒有用戶愿意輸入一長串令人恐怖的網(wǎng)址。 如果域名有不同的拼寫方法，選擇一個作為正式版本，將用其他拼寫的網(wǎng)址重新定向到此網(wǎng)址上。但是不要經(jīng)常使用它們，只有在為完成任務(wù)必須使用時，再使用這些控件 。 (2) 盡量少用下拉菜單，尤其是當其中的項目本身不能說明自身意思的情況下。 (1) 盡量使鏈接更容易閱讀。 (2) 注意鏈接名稱。 (3) 用不同的顏色來表示鏈接狀態(tài)。雖然很多網(wǎng)站用灰色表示訪問過的鏈接，但是灰色一般不容易閱讀，而且灰色通常是控件不可用的標志，所以不建議這樣做。絕大多數(shù)用戶只會大致瀏覽一下標題內(nèi)容，而不會仔細閱讀，所以必須優(yōu)化內(nèi)容，用盡量少的詞語表達盡量多的信息，使之適合快速閱讀。 (1) 使用用戶關(guān)注的詞語。 (2) 避免冗余內(nèi)容。 (3) 不要使用成語、行話，否則用戶很難明白您在說什么。當用戶必須靠單擊鏈接以后查看具體內(nèi)容才能明白鏈接文字的意思時，他們很快會失去耐心。 (4) 盡量少用命令式語言。 (5) 為強調(diào)效果，要避免不恰當?shù)厥褂每崭窈屯ｎD。 1. 站點結(jié)構(gòu)圖 (Site Map) 站點結(jié)構(gòu)圖是一種有關(guān)站點結(jié)構(gòu)、組織方式的示意圖。當訪問者單擊標題、題目或副標題時，相關(guān)的網(wǎng)頁就會出現(xiàn)在屏幕當中。 3. 聯(lián)系方式頁面 (Contact Page) 此頁面中創(chuàng)建可發(fā)送 Email的鏈接，使 Email的地址可以自動地出現(xiàn)在 【 收信人 】 欄中，這樣，訪問者在錄入相關(guān)內(nèi)容后單擊 【 發(fā)送 】 按鈕即可完成發(fā)送郵件。反饋表還為那些沒有 Email的用戶提供了方便。 6. 常見問題解答 (FAOs) 7. 精美的圖片 (Good Graphics) 8. 搜索工具 (Searching Mechanisms) 9. 新聞頁面 (News Page) 10. 相關(guān)站點鏈接 (Relevant Links ) 網(wǎng)站界面設(shè)計 欄目與板塊編排 目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 版面布局 欄目與板塊編排 構(gòu)建一個網(wǎng)站就好比寫一篇論文，首先要列出提綱，才能主題明確、層次清晰。 網(wǎng)站題材確定后，將收集到的資料進行合理的編排。欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。在欄目編排時需要注意以下幾點。 ? (2) 盡可能將網(wǎng)站內(nèi)最有價值的內(nèi)容列在欄目上。 ? (4) 輔助內(nèi)容，如站點簡介、版權(quán)信息、個人信息等不必放在主欄目里，以免沖淡主題。網(wǎng)站建設(shè)初學者，最容易犯的錯誤就是確定題材后立刻開始制作，沒有進行合理規(guī)劃。例如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢地位。在制定欄目的時候，要仔細考慮，合理安排。 ? (1) 盡可能刪除與主題無關(guān)的欄目。 ? (3) 盡可能從訪問者角度來編排欄目，以方便訪問者的瀏覽和查詢。 另外，板塊的編排設(shè)置也要合理安排與劃分。舉個例子： ENET硅谷動力 ()的站點分新聞、產(chǎn)品、游戲、學院等板塊，每個板塊下面又各有自己的主欄目。如果有必要設(shè)置板塊的，應(yīng)該注意： ? (1) 各板塊要有相對獨立性。 ? (3) 各板塊的內(nèi)容要圍繞站點主題展開。例如：在用 FrontPage建立網(wǎng)站時都 默 認建立了根目錄和 Images子目錄。 (1) 不能把所有文件都存放在根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率；上傳速度變慢，服務(wù)器一般都會為根目錄建立一個文件索引，如果將所有文件都放在根目錄下，那么即使只上傳更新一個文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時間
教學課件相關(guān)推薦
鄂ICP備17016276號-1