【正文】 到另一個(gè)欄目下的子頁面，必須回到首頁才能再進(jìn)行。友情鏈接內(nèi)容較多，需要經(jīng)常更新的可以建立獨(dú)立的子目錄；而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目 . (3) 在每個(gè)主目錄下都建立獨(dú)立的 Images目錄。 目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 網(wǎng)站的目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。 ? (4) 輔助內(nèi)容，如站點(diǎn)簡(jiǎn)介、版權(quán)信息、個(gè)人信息等不必放在主欄目里，以免沖淡主題。 網(wǎng)站題材確定后，將收集到的資料進(jìn)行合理的編排。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。 4. 反饋表 (Feedback Forms) 利用反饋表，用戶可以隨時(shí)提出信息需求，而不必記下電話號(hào)碼。除非在法定或約定俗成的工作時(shí)，或作適當(dāng)強(qiáng)調(diào)時(shí)，才使用諸如“輸入城市或郵政編碼”等命令語言。類別和科目的劃分要按照用戶的 取向 劃分，而不要按照公司的劃分。 不要用普通的指令作為鏈接名稱，如“單擊”、“ Click”等，而要用有意義的名稱，例如“單擊下載”。 5. 網(wǎng)址 6. 控件 諸如下拉菜單、選擇列表和文字框等用戶界面上的小控件，總會(huì)引起用戶的注意。 (3) 不必要在新聞提要中列出日期和時(shí)間，除非它確實(shí)是一條爆炸新聞并且經(jīng)常更新。即使您的彈出式窗口包含有用的信息也是這樣，有時(shí)用戶等不及它打開就將它關(guān)掉了。不要只用數(shù)字表示日期，比如“ 01/02/03”，它可能是 2月 1日，也可能是 1月 2日，因?yàn)橛行﹪业牧?xí)慣不同。 (1) 將網(wǎng)站標(biāo)志放在最突出的位置 (2) 突出標(biāo)準(zhǔn)色彩 (3) 使用標(biāo)準(zhǔn)字體 (4) 使用統(tǒng)一的圖片處理效果 網(wǎng)站內(nèi)容的確定 網(wǎng)頁內(nèi)容設(shè)計(jì)原則 一般網(wǎng)站就包含的幾項(xiàng)內(nèi)容 網(wǎng)頁內(nèi)容設(shè)計(jì)原則 網(wǎng)站要方便使用，并遵循一些設(shè)計(jì)慣例，因?yàn)橛脩粼谠L問一個(gè)個(gè)網(wǎng)站時(shí)，難以記住任何特殊的交互訣竅，于是會(huì)把更多的時(shí)間花在更方便使用的網(wǎng)站上。這樣整個(gè)頁面色彩豐富但不花哨。 ? 色彩的聯(lián)想性：不同色彩會(huì)產(chǎn)生不同的聯(lián)想，藍(lán)色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和網(wǎng)站的內(nèi)涵相關(guān)聯(lián)。 ? 藍(lán)色 =是最具涼爽、清新、專業(yè)的色彩。如果將這 7種顏色按這個(gè)順序漸變?yōu)橐粭l色帶的話，越靠近紅色，給人的感覺越溫暖，越靠近藍(lán)色和紫色，給人的感覺越寒冷。 風(fēng)格設(shè)計(jì)包含的內(nèi)容很多，下面就色彩搭配和 版面布局設(shè)計(jì)兩個(gè)最為重要的方面來介紹一下網(wǎng)站 的風(fēng)格設(shè)計(jì)。如果要想制作一個(gè)包羅萬象的網(wǎng)站，把所有認(rèn)為精彩的東西都放在上面，會(huì)讓人感覺沒有主題和特色，樣樣都有卻樣樣都很膚淺，而且會(huì)沒有足夠的能力去維護(hù)和及時(shí)更新。 ? (2) 普及型網(wǎng)站。 ? (2) 總體設(shè)計(jì)方案主題鮮明。網(wǎng)站規(guī)劃建設(shè)與管理維護(hù) 教程與實(shí)訓(xùn) 賈春樸 第 4章 網(wǎng)站設(shè)計(jì)流程 ◆教學(xué)提示： 前幾章已經(jīng)學(xué)習(xí)了網(wǎng)站的安裝與配置、制作網(wǎng)頁的基礎(chǔ) —— HTML語言，本章將介紹網(wǎng)站的整體設(shè)計(jì)流程。 大致流程 ? (1) 明確建立網(wǎng)站的目標(biāo)和用戶需求。 分類 ? (1) 門戶網(wǎng)站。在選擇網(wǎng)站題材的時(shí)候要注意以下幾點(diǎn) 1. 主題要小，內(nèi)容要精 網(wǎng)站的定位要小。所以，網(wǎng)站的風(fēng)格設(shè)計(jì)并不簡(jiǎn)單，它是一項(xiàng)綜合的技術(shù)。 太陽光是彩色的，按顏色的色調(diào)通常將其劃分為7種顏色：紅、橙、黃、綠、藍(lán)、青、紫。 ? 黃色 =具有快樂、希望、智慧和輕快的個(gè)性，它的明度最高。 ? 色彩的合適性：就是說色彩和表達(dá)的內(nèi)容、氣氛相適合，如用粉色體現(xiàn)女性類網(wǎng)站的柔性。先選定一種色彩，然后選擇它的對(duì)比色 (在Photoshop里按 Ctrl+Shift+I鍵 )。 圖 背景和前文對(duì)比示例 總之在設(shè)計(jì)網(wǎng)站風(fēng)格的時(shí)候要注意以下幾個(gè)問題。 ? (3) 日期的書寫。大量的彈出式廣告早已使用戶深惡痛絕，現(xiàn)在用戶已經(jīng)形成了一個(gè)共識(shí)：彈出窗口通常是廣告。要給用戶一個(gè)真正的內(nèi)容 ——而不僅僅是對(duì)用戶后面內(nèi)容的描述。 如果域名有不同的拼寫方法，選擇一個(gè)作為正式版本，將用其他拼寫的網(wǎng)址重新定向到此網(wǎng)址上。 (2) 注意鏈接名稱。 (1) 使用用戶關(guān)注的詞語。 (4) 盡量少用命令式語言。 3. 聯(lián)系方式頁面 (Contact Page) 此頁面中創(chuàng)建可發(fā)送 Email的鏈接，使 Email的地址可以自動(dòng)地出現(xiàn)在 【 收信人 】 欄中，這樣，訪問者在錄入相關(guān)內(nèi)容后單擊 【 發(fā)送 】 按鈕即可完成發(fā)送郵件。欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。網(wǎng)站建設(shè)初學(xué)者，最容易犯的錯(cuò)誤就是確定題材后立刻開始制作，沒有進(jìn)行合理規(guī)劃。 ? (3) 盡可能從訪問者角度來編排欄目，以方便訪問者的瀏覽和查詢。 ? (3) 各板塊的內(nèi)容要圍繞站點(diǎn)主題展開。子目錄的建立，首先按主欄目建立。 ? (1) 樹狀鏈接結(jié)構(gòu) (一對(duì)一 )，這類似 DOS的目錄結(jié)構(gòu)，首頁鏈接指向一級(jí)頁面，一級(jí)頁面鏈接指向二級(jí)頁面。 版面布局 現(xiàn)在 ，網(wǎng)頁的版面布局設(shè)計(jì)變得越來越重要，訪問者不愿意再看到只注重內(nèi)容的站點(diǎn)。由于頁面尺寸和顯示器大小及分辨率有關(guān)系，所以網(wǎng)頁的局限性就在于無法突破顯示器的范圍，而且因?yàn)闉g覽器也將占去不少空間，留下給你的頁面范圍變得越來越小。下面分別加以介紹。先在白紙上畫出象征瀏覽器窗口的矩形，這個(gè)矩形就是你布局的范圍了。 2) 軟件布局法 如果你不喜歡用紙來畫布局意圖，還可以利用軟件來完成這些工作。而且表格在定位圖片和文本上比起用 CSS更加方便。我們這個(gè)網(wǎng)上商城實(shí)質(zhì)就是電子商務(wù)，那么它就符合電子商務(wù)網(wǎng)站的整體風(fēng)格。 圖 關(guān)鍵字查找示例 (3) 產(chǎn)品分類 產(chǎn)品分類是非常重要的一環(huán)，分類盡量詳細(xì)、科學(xué)，以方便查找。如圖 ，產(chǎn)品下有產(chǎn)品信息，并且單擊 【 單擊進(jìn)入 】 按鈕后，可進(jìn)入詳細(xì)的產(chǎn)品介紹頁面。如圖 ，它采用的就是一種表格布局，通過這種布局能使不同類別的商品放在一塊，給客戶一種非常規(guī)范的感覺。 習(xí) 題 1. 填空題 (1) __________實(shí)際上是模擬用戶詢問網(wǎng)站的過程，用以發(fā)現(xiàn)問題并改進(jìn)設(shè)計(jì)。 ( ) (4) 創(chuàng)建目錄時(shí)要把所有文件都存放在根目錄