【正文】 信息和其他新聞同樣適用。 ? (4) 當(dāng)顯示一列數(shù)字時，要對齊小數(shù)點。頁面特別是主頁經(jīng)常是第一個 (也有可能是最后一個 )吸引并留住客戶的機(jī)會，所以設(shè)計網(wǎng)站的頁面，遵循一些原則顯得尤為重要。 ? 用一個色系。 (2) 網(wǎng)頁色彩掌握的過程 隨著 人們對網(wǎng)頁制作經(jīng)驗的積累，用色有這樣的一個趨勢：單色 → 五彩繽紛 → 標(biāo)準(zhǔn)色 → 單色。它和白色混合能體現(xiàn)柔順、淡雅、浪漫的氣氛 (像天空的色彩 )。所以紅、橙、黃的組合又稱為暖色調(diào)，青、藍(lán)、紫的組合又稱為冷色調(diào)。 1)色彩的基礎(chǔ)知識 網(wǎng)站的色彩是最影響整體風(fēng)格的因素，也是網(wǎng)站美工 設(shè)計中最令人頭疼的問題。 網(wǎng)站的內(nèi)容還得要新穎，創(chuàng)新的內(nèi)容就是網(wǎng)站的靈魂，沒有新穎的內(nèi)容，網(wǎng)站就失去了生命力。 ? (3) 電子商務(wù)類網(wǎng)站。 ? (3) 網(wǎng)站的版式設(shè)計。 ◆教學(xué)要求： 了解網(wǎng)站的設(shè)計流程，能夠自己獨立確定一個網(wǎng)站的主題及風(fēng)格。 (具體內(nèi)容第一章有詳細(xì)介紹 )。于是，各種各樣的網(wǎng)站如雨后春筍般地建立起來，綜觀 Inter上數(shù)以百萬計的網(wǎng)站，按照其功能和結(jié)構(gòu)形式大體上可以分為以下幾類?，F(xiàn)在網(wǎng)上比較知名的 10類題材有：網(wǎng)上求職、網(wǎng)上聊天 /ICQ、網(wǎng)上社區(qū) /討論 /郵件列表、計算機(jī)技術(shù)、網(wǎng)頁 /網(wǎng)站開發(fā)、娛樂網(wǎng)站、旅行、參考 /資訊、家庭 /教育、生活 /時尚。另一方面，專業(yè)的美工師通常都是傳統(tǒng)的美工技術(shù)，對網(wǎng)頁制作技術(shù)和網(wǎng)絡(luò)知識知之甚少，所以不知道如何設(shè)計最適合網(wǎng)絡(luò)傳輸?shù)膱D片。也可以采用 3個以“，”相隔的十進(jìn)制數(shù)來表示某一顏色，比如紅色，其十進(jìn)制表示為 Color(255,0,0)。 ? 橙色 =也是一種激奮的色彩，具有輕快、歡欣、熱烈、溫馨、時尚的效果。 ? 色彩的獨特性：要有與眾不同的色彩，使得大家對你的印象強(qiáng)烈。 ? 用兩種色彩。 背景和前文的對比盡量要大 (絕對不要用花紋繁復(fù)的圖案作背景 )，以便突出主要文字內(nèi)容，如圖 。 ? (2) 顯示最后更新的時間，而不是計算機(jī)生成的時間。 ? (2) 盡量避免彈出式窗口。 不要只是照抄或改寫文章的第一段，因為第一段往往不適合作為一個單獨的部分。 (2) 如果條件允許，要為站點注冊不同的拼寫、縮寫或常見的拼寫錯誤域名。 用帶更多信息的文字作為鏈接的開頭，因為用戶經(jīng)常只瀏覽鏈接的頭一兩個詞以決定是否閱讀，所以要精心處理鏈接文字，使它們言簡意賅，不要在每個鏈接開頭都包含冗余信息 —— 無區(qū)別的文字只能使用戶尋找關(guān)鍵詞時更加困難。主頁是必須用盡量少的空間表達(dá)盡量多的標(biāo)題的地方。當(dāng)然，不是說主頁上的文字必須是干巴巴的白話，它必須包含豐富的信息，而且不能模棱兩可 。 2. 導(dǎo)航欄 (Navigation Bar) 每個網(wǎng)站都應(yīng)該包括一組導(dǎo)航工具，而且它出現(xiàn)在此網(wǎng)站的每一個頁面中，通常這組導(dǎo)航工具被稱為導(dǎo)航欄。例如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢地位。 網(wǎng)站界面設(shè)計 欄目與板塊編排 構(gòu)建一個網(wǎng)站就好比寫一篇論文，首先要列出提綱，才能主題明確、層次清晰。 ? (2) 盡可能將網(wǎng)站內(nèi)最有價值的內(nèi)容列在欄目上。 ? (2) 各板塊要有相互關(guān)聯(lián)性。 (2) 按欄目內(nèi)容建立子目錄。一般，建立網(wǎng)站的鏈接結(jié)構(gòu)有以下兩種基本方式。所以，最好的辦法是：首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。 (1) 頁面尺寸。 1. 網(wǎng)頁版面布局的基本概念 2. 網(wǎng)頁布局的方法 網(wǎng)頁布局的方法有兩種，第一種為紙上布局，第二種為軟件布局。 ? (2) 造型的選擇。圖片是美化頁面和說明內(nèi)容必需的媒體，在這里把圖片加入到適當(dāng)?shù)牡胤?。表格布局的?yōu)勢在于它能對不同對象加以處理，而又不用擔(dān)心不同對象之間的影響。 2. 確定網(wǎng)站的整體風(fēng)格 當(dāng)確定建立網(wǎng)站的目的后，就可以根據(jù)網(wǎng)站的目的確定整個網(wǎng)站的風(fēng)格。 如圖 ， 【 快速搜索 】 提供了關(guān)鍵字的查找功能。最好再添加通過單擊打開鏈接的大幅圖像的功能。 圖 給商品加圖片 關(guān)于網(wǎng)頁版式布局，由于在當(dāng)當(dāng)網(wǎng)中需要展示的商品類別比較多，所以最好采用表格布局的方式。 實訓(xùn)總結(jié) 通過了本章的案例，學(xué)生應(yīng)該能夠?qū)W(wǎng)上商城的規(guī)劃設(shè)計方法有所了解。 ( ) (3) 網(wǎng)站內(nèi)容上最好使用成語、行話。 ( ) 本 章 結(jié) 束 。 ( ) (5) 顯示網(wǎng)站內(nèi)容時盡量避免彈出式窗口。 (2) 網(wǎng)站按照其功能和結(jié)構(gòu)形式大體上可以分為_______________、 _______________、 ____________、_________________、 ______________、______________。 在主頁鏈接到后面的網(wǎng)頁中，最好使用導(dǎo)航條，因為這樣客戶能隨時返回到某一類型的商品頁面上，而且還可以知道現(xiàn)在客戶所處的位置。 圖 產(chǎn)品介紹示例 3) 加上廠家主頁鏈接地址 加上廠家主頁鏈接地址以便于用戶對產(chǎn)品做出更多的了解。如圖 ，這里只是截取了部分分類。 商務(wù)網(wǎng)站，實用性為根本，但僅僅實用并不能將一個有著購買欲望的普通用戶變成你的購買者。表格布局唯一的缺點是當(dāng)用了過多表格時，頁面下載速度受到影響。這個軟件就是 Photoshop， Photoshop所具有的對圖像編輯的功能用到設(shè)計網(wǎng)頁布局上更是得心應(yīng)手。選擇一個形狀作為整個頁面的主題造型，如選擇圓形，因為它代表著柔和，和時尚流行比較相稱，然后在矩形框架里隨意畫出來，還可以試著再增加一些圓形或者其他形狀。 1) 紙上布局法 ? 許多網(wǎng)頁制作者不喜歡先畫出頁面布局的草圖，而是直接在網(wǎng)頁設(shè)計器里邊設(shè)計布局邊加內(nèi)容。一般分辨率在 800 600的情況下，頁面的顯示尺寸為780 428像素；分辨率在 640 480的情況下，頁面的顯示尺寸為 620 311像素；分辨率在 1024 768的情況下，頁面的顯示尺寸為 1007 600像素。雖然內(nèi)容很重要，但只有當(dāng)網(wǎng)頁版面布局和網(wǎng)頁內(nèi)容成功結(jié)合時，這種網(wǎng)頁或者說站點才是受人喜歡的。這樣的鏈接結(jié)構(gòu)瀏覽時，一級級進(jìn)入，一級級退出，條理比較清晰，訪問者明確知道自己在什么位置，但是瀏覽效率低，一個欄目下的子頁面