網(wǎng)頁設(shè)計的定位

網(wǎng)頁設(shè)計的定位第一頁，共二十二頁，2022年，8月28日主題要簡明易懂定位要小，內(nèi)容要突出，如圖1.2所示。

圖1.2內(nèi)容要突出第二頁，共二十二頁，2022年，8月28日1.1.2網(wǎng)頁的名稱

根據(jù)中文網(wǎng)站瀏覽者的特點，除非特定需要，網(wǎng)站名稱最好用中文名稱，不要使用英文或者中英文混合型名稱。例如：責(zé)任有限公司和工作室，后者更好記。另外，網(wǎng)站名稱的字?jǐn)?shù)應(yīng)該控制在7個字（最好5個字）以內(nèi)，4個字的可以用成語，如“一網(wǎng)打進”。字?jǐn)?shù)少還有個好處，一般友情鏈接的小logo尺寸是88MMX31MM，而六個字的寬度是78左右，適合于其他站點的鏈接排版，如圖1.3所示。圖1.3鏈接排版第三頁，共二十二頁，2022年，8月28日1.2定位網(wǎng)頁形象設(shè)計

設(shè)計網(wǎng)頁的標(biāo)志首先需要設(shè)計制作一個網(wǎng)站的標(biāo)志(logo)。就如同商標(biāo)一樣，logo是站點特色和內(nèi)涵的集中體現(xiàn)，看見logo就讓大家聯(lián)想起站點。注意：這里的logo不是指88X31的小圖標(biāo)banner,而是網(wǎng)站的標(biāo)志，如圖1.4所示。

圖1.4網(wǎng)站的標(biāo)志第四頁，共二十二頁，2022年，8月28日設(shè)計網(wǎng)站的標(biāo)準(zhǔn)字體

標(biāo)準(zhǔn)字體和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。一般我們網(wǎng)頁默認的字體是宋體。為了體現(xiàn)站點的“與眾不同”和特有風(fēng)格，我們可以根據(jù)需要選擇一些特別字體，如圖1.5所示。

圖1.5特有風(fēng)格第五頁，共二十二頁，2022年，8月28日1.2.2定位網(wǎng)頁的版式和欄目網(wǎng)站的題材確定后，就意味著已經(jīng)開始收集和組織了許多相關(guān)的資料內(nèi)容。因此往往會認為這些都是最好的，肯定能吸引讀者來瀏覽網(wǎng)站。但是有沒有將最好的，最吸引人的內(nèi)容放在最突出的位置，從而使那些好內(nèi)容在版面分布上占絕對優(yōu)勢，如圖1.6所示。第六頁，共二十二頁，2022年，8月28日圖1.6版面分布第七頁，共二十二頁，2022年，8月28日1.3定位網(wǎng)頁的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)

網(wǎng)頁的目錄結(jié)構(gòu)

盡量使用意義明確的目錄；上面的例子中，可以用Flash、Dhtml、Javascript來建立目錄，也可以用1，2，3建立目錄，但是哪一個更明確，更便于記憶和管理呢？顯然是前者，如圖1.7所示。圖1.7使用意義明確的目錄第八頁，共二十二頁，2022年，8月28日1.3.2網(wǎng)頁的鏈接結(jié)構(gòu)在實際的網(wǎng)站設(shè)計中，總是將這兩種結(jié)構(gòu)混合起來使用。我們希望瀏覽者既可以方便快速的達到自己需要的頁面，又可以清晰的知道自己的位置，如圖1.8所示。

圖1.8位置第九頁，共二十二頁，2022年，8月28日1.4網(wǎng)頁設(shè)計的流程

收集網(wǎng)頁前期資料以及所需文檔

網(wǎng)站策劃人員先分析網(wǎng)站的目的，網(wǎng)站的功能、網(wǎng)站的定位以及初步欄目的規(guī)劃描述。然后根據(jù)策劃方案去收集相關(guān)資料

策劃文檔及網(wǎng)頁設(shè)計規(guī)范

將策劃方案打印給小組成員人手一份，開始設(shè)計人員進行設(shè)計工作。主要設(shè)計人員進行前期的首頁設(shè)計。小組負責(zé)人確定設(shè)計進程時間并派任務(wù)單主要設(shè)計人員開始設(shè)計遞交審核通過后主要負責(zé)人簽字第十頁，共二十二頁，2022年，8月28日

例如：某學(xué)校做站點就需要學(xué)校介紹、學(xué)校新聞、學(xué)校招生、學(xué)校形式、聯(lián)系方式、留言板等幾個基本單元，如圖1.9所示。如果按照通常的習(xí)慣對學(xué)校介紹、學(xué)校招生、聯(lián)系方式全用靜態(tài)頁面、而學(xué)校新聞、留言板則用動態(tài)，那么很多學(xué)校會選擇學(xué)校新聞使用靜態(tài)頁面，理由是新聞少，沒必要用動態(tài)。圖1.9站點第十一頁，共二十二頁，2022年，8月28日1.4.3開始制作網(wǎng)頁網(wǎng)頁設(shè)計注意事項（1）主要負責(zé)人包括所有參與網(wǎng)站項目的負責(zé)人，每個負責(zé)人做到審核簽字。（2）所有工作人員進行工作時必須在規(guī)定的工作時間內(nèi)完成工作，不能完成工作的有權(quán)承擔(dān)一定的責(zé)任。（3）在主要負責(zé)人通過后，任何人不得以理由修改頁面設(shè)計工作，特殊情況除外。（4）網(wǎng)站策劃人員必須及時跟蹤網(wǎng)站建設(shè)情況并記錄下來。安排任務(wù)進程。第十二頁，共二十二頁，2022年，8月28日1.5網(wǎng)頁設(shè)計原則

如果想成為一個網(wǎng)站設(shè)計者，并正想建一個網(wǎng)站，首先應(yīng)該考慮網(wǎng)站的內(nèi)容，包括網(wǎng)站功能和用戶需要什么。整個設(shè)計都應(yīng)該圍繞這些方面來進行，如圖1.10所示。如果用戶不能夠迅速地進入網(wǎng)站，或操作不便捷，網(wǎng)站設(shè)計就是失敗的。圖1.10網(wǎng)站功能第十三頁，共二十二頁，2022年，8月28日在計算機里看起來相當(dāng)好的頁面，在另一個不同的平臺上看起來可能非常糟糕。網(wǎng)站設(shè)計員使用來定義特性，這雖然允許使用特殊的字體，但是仍需要一些變通的方法，以免所選擇的字體在訪問者的計算機上不能顯示，如圖1.11所示。圖1.11選擇字體第十四頁，共二十二頁，2022年，8月28日背景顏色也會產(chǎn)生一些問題，可能會使網(wǎng)頁難于閱讀。應(yīng)當(dāng)堅持使用白色的背景和黑色的文本，另外還應(yīng)當(dāng)堅持使用通用字體，如圖1.12所示。

圖1.12背景第十五頁，共二十二頁，2022年，8月28日在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在網(wǎng)站上獲得良好的效果。對于那些使用ISDN連接并且關(guān)掉了圖像功能的訪問者，能獲得好的網(wǎng)頁加載性能。并通過在網(wǎng)頁底部提供另外的鏈接和使用替代文字，來滿足訪問者的需要，如圖1.13所示。圖1.13文字替代圖像第十六頁，共二十二頁，2022年，8月28日許多使用比較慢的計算機的訪問者發(fā)現(xiàn)動畫圖標(biāo)很容易耗盡系統(tǒng)資源，使網(wǎng)站的操作變得很困難，因此，應(yīng)該給用戶一個跳過使用Flash動畫的選擇。雖然許多Web設(shè)計者認為Flash功能很強大，并且Netscape5.0將支持Flash，在使用時不必再下載任何插件。但是，最好還是取消使用Flash做各接口的想法，如圖1.14所示。

圖1.14Flash動畫效果第十七頁，共二十二頁，2022年，8月28日為了保持小的圖像，可以使用類似GIF向?qū)У某绦?，它能自動對圖像進行壓縮在圖像顯示之前最好能詳細說明圖像大小屬性，可以在IMG標(biāo)簽中保存這個屬性。這可以使網(wǎng)頁顯得很流暢，因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網(wǎng)頁，如圖1.15所示。圖1.15圖像大小第十八頁，共二十二頁，2022年，8月28日1.6網(wǎng)頁設(shè)計注意事項

如果果真有那么多的超連接必須提供給讀者，不如將這些超連接以條列的方式，一筆一筆清楚地列在一選單頁或目錄頁上，既不防礙走文的順暢，又呈現(xiàn)一目了然的導(dǎo)覽連接，如圖1.14所示。

圖1.14連接第十九頁，共二十二頁，2022年，8月28日1.6.2超連接的文字

抓住能傳達主要訊息的字眼當(dāng)做超連接的錨點(anchor)，可有效地控制住超連接的字串長度，避免字串過長(如∶整行、整句都是錨點字串)或過短(如∶僅一個字當(dāng)做錨點)，而不利于讀者的閱讀或點取。1.6.3其他的連接

在具有前后連續(xù)順序的文件里提供必要的連接，將篇幅過長的文件分隔成數(shù)篇較小的WebPages大大地增加了界面的親和性，但在導(dǎo)覽按鈕與超連接的配置上，WebPage設(shè)計者則要更細心周全地安排，使得讀者不論身處站臺的哪一階層，依然能夠快速便捷地通往其他任何一個頁面。第二十頁，共二十二頁，2022年，8月28日1.6.4網(wǎng)站建設(shè)的誤區(qū)誤區(qū)1.僅僅停留在發(fā)布企業(yè)形象和產(chǎn)品信息上誤區(qū)之2.在頁面中塞滿圖片、Flash、音樂等

誤區(qū)之3.很長時間都不更新一次誤區(qū)之4.不重視收集反饋信息，不依照反饋信息作出相應(yīng)的調(diào)整誤區(qū)之5.將寶貴的時間浪費在無益的工作上

誤區(qū)之6.高效率地管理電子郵件建立