網頁設計方案論文

導語：網頁設計方案論文一文來源于網友上傳，不代表本站觀點，若需要原創文章可咨詢客服老師，歡迎參考。

1注意網頁設計方案要素是否有缺漏

一個網頁要能表達一定的內容和具備一定的功能，就必須具有相應的結構成分。這些結構成分可以稱為“網頁要素”，因為它們是一個完整的網頁不可或缺的。從宏觀上來看，根據視覺流程從上而下的順序，一個網頁的總體框架由頁面頭部、中部內容區和頁面尾部組成。考題中給出的這個頁面，已經設有導航條所在的頭部和包含了6個欄目的中部內容區，但是沒有出現尾部。不過，尾部區域主要用于著錄表明網站合法性的行政許可（或備案）文件的文號、版權信息、經營單位的基本信息及其相沈菁上海出版印刷高等專科學校，200093，上海3把握網頁設計方案的審核要點關鏈接等，一般是整個網站統一設計、制作好模板后供各個網頁使用的。作為網站下的一個專題頻道，其首頁的尾部只要照用網站已有的現成模板即可，無須再專門設計，所以，頁面設計樣張中一般可以不再列出。這樣，可以說該網頁沒有缺漏宏觀層面的要素。從中觀上來看，頁面頭部應該有表示本頻道主題的頻道名稱、表示本頻道框架構成并方便用戶選擇瀏覽相應內容的導航條；中部的內容區域則應列出本頻道中相對較為重要的欄目，以方便用戶登錄該頻道后就能直接觀看到一些重要信息。以這些要求來衡量，題目中的網頁在中觀上也是基本符合要求的。進行宏觀和中觀審核后，才是從微觀上對網頁各部分進行審核，其順序一般也是從上到下。就網頁頭部來說，頻道名稱應該簡潔明了，直接點明主題，周圍可以加簡單的圖片，也可不加。同時，導航條上應該列出構成本頻道的基本板塊。如果空間允許，導航條上還可盡量再列出板塊下的一些子項名稱，以體現各個頁面的層級關系，使整個網站結構清晰明了；如果空間不足，子項也可不列。

題中的網頁設計圖，在這些方面應該說是達到了一般要求。此外，頻道只是整個網站的組成部分之一，一個網站往往可以設有多個頻道，分別表示不同的內容主題，整個網站的內容特色和最為重要的信息功能，則集中在網站首頁上。用戶瀏覽網站時，網頁按樹形結構一層一層展開，瀏覽得越具體，離開作為“樹根”的網站首頁距離就越遠。這樣，作為一個網站下的專題頻道，就應該設有與網站首頁的鏈接，讓用戶可以通過單擊這個超鏈接直接返回網站首頁。分析題目中的網頁設計圖頭部區域，可知其中缺漏了這個要素。所以，應該在導航條上增添與網站首頁鏈接的文字或圖形。但在考試中，絕大部分考生都忽視了這一疏漏。就網頁中部區域來說，一般各個欄目都應該有相應的名稱，再在其下按具體內容的多少，或直接提供以文字、圖片、動畫、音頻、視頻等形式表現的有關內容，或列出相關內容的標題供用戶進一步展開網頁瀏覽。題中所示網頁設計圖的中部區域，基本上做到了這些，唯獨“頭條圖片”這個欄目，既沒有欄目名稱，也沒有對圖片作詮釋說明的相關說明文字，即圖題。當然，圖片欄目有些特殊性，其所在位置可說已經表明是“頭條”，內容表現形式也已體現出是“圖片”，再專門標上欄目名稱便有蛇足之嫌。然而，圖題是必需的，不可缺漏，否則用戶就不易理解該圖是什么意思，或者產生張冠李戴的誤解；況且，圖片有時可能會因種種原因而不能正常顯示，而有了明確的圖題，用戶可借以知道該處是什么。所以，為了保證信息的傳遞更直接有效，更好地提升用戶的閱讀體驗，應當補上圖題這一網頁要素。在圖題的設置上，如果欄目中只有一幅圖片，圖題可以單獨放在欄目下部；如果欄目包含一組圖片，那就宜把每幅圖的圖題與圖片有機結合在一起，置于其下方，而在欄目下部列出與各幅圖片鏈接的標志。需要說明的是，雖然圖片因能夠美化網頁、吸引用戶注意而在網頁設計中有著重要的作用，但一個頁面上不宜安排過多的圖片，否則會降低打開頁面的速度。同時，圖片必須事先經過優化處理，一般采用gif或者jpg壓縮格式，以減小頁面的數據下載量。

2注意項目安排是否邏輯合理

網站的功能是展示信息供用戶瀏覽。為讓用戶順利地找到其所需要的內容信息，網頁上的各個項目安排就必須遵循一般用戶都準確理解的規則。邏輯體現了人類思維的共同規律。如果網頁的設計在邏輯上合理，用戶就能方便地按照一般邏輯規律使用網頁。這樣，審核網頁設計方案中各個項目的安排是否合乎邏輯，就成為網絡編輯的重要任務。網頁項目的安排要達到邏輯合理，就要根據事物分類的一般邏輯要求，將具有相同屬性內容的項目進行歸納后，共置于某個可以概括這些屬性特點的類別中。審視考題中所給網頁的各個項目可以發現，幾個欄目的屬性具有基本平行的關系，將它們并列置于同一層級是正確的，但是，頁面上出現兩個同名欄目則是相互矛盾的，應該修改。根據欄目內容和題干中的交代，可知應該把中間欄目的名稱改成“積分榜”。此外，導航條上所列各個板塊，其屬性也具有平行關系，可以并列，而板塊與其包含的子選項之間則具有類屬關系，所以將子選項分別置于各板塊內，這也是合理的。但是，進一步分析各個子選項的內容，就能發現有些子選項的類屬劃分在邏輯上是不合理的：“全場回看”不應屬于“新聞”板塊，應置于“視頻”下，而“最新動態”倒是應屬于“新聞”板塊，卻被誤置于“視頻”板塊內；“射手”和“排行”主要提供一些統計數據，而不是與用戶討論，所以應屬于“數據”板塊而非“互動”板塊；相反地，“投注”和“微博”應屬于“互動”板塊而非“數據”板塊。因此，考生應該對這些子選項的分布作出合理的調整。

3注意版式的規范與否

在長期的出版工作實踐中，對圖書、期刊、報紙等傳統出版物的版式形成了不少規范性要求。遵循這些規范，不僅可以讓版面顯得美觀、整齊，給人以審美的愉悅，更能充分體現版面內容之間的邏輯關系，有助于讀者準確理解。一個網頁實際上也相當于一個版面。所以，傳統出版物的版式設計規范大多也基本適用于網頁，僅有少量差別。網絡編輯審核網頁的版式時，要以傳統出版物的版式規范為基礎，再考慮一些網頁的特有規則，從而保證頁面規整、易讀。就文字的大小而言，網頁上一般宜用12-20像素的字，且頁面頭部區域的用字宜大些，中部區域的用字適中，而底部區域的文字一般較小。就文字形體而言，網頁中應使用通用字體，這樣才能在各種終端上都順利顯示。同時，考慮到屏幕顯示與印刷品展示的效果有一些差異，漢字通常較多采用宋體和黑體，而較少用楷體和仿宋體；字母通常采用Arial、Verdana或者Helvetica字體，而在印刷型出版物中應用特別多的TimesNewRoman字體則較少采用。同時，網頁上使用的字體盡量不要超過3種，以確保網站頁面風格的統一性。網頁上的各個項目名稱，其作用和地位與書刊目錄中的各級標題相當。所以，其版式設計的規范要求之一，就是用字應該既錯落有致，又相對統一。錯落有致，是指處于不同層級的項目名稱，其用字格式應該遵循“從大到小、從重到輕”的一般原則；相對統一，是指處于相同層級的項目名稱，其用字格式應該保持一致。

從上述要求來看，題中所給網頁設計圖在版式方面存在缺陷。頭部區域的導航條上，雖然4個板塊名稱使用相同的字體、字號，18個子選項的用字格式也相同，符合相對統一的要求，但是層級較高的板塊名稱用字卻既小于、也輕于層級較低的子選項。這就把兩者的層次級別顛倒了，必須修改。從現有頁面展現的效果和空間的占用情況來看，比較適宜的是把板塊名稱的字號放大，而字體則可不改，以避免粗體字過多而導致區域過重、過密的現象。中部區域的“要聞”“互動調查”“熱點聚焦”“射手榜”等文字，都是欄目名稱，屬于同一個層級，格式應當保持一致。但是，如果將這些名稱對比一下，可以很明顯地看出“互動調查”的字體與其他欄目名稱不一樣，應該予以修改。考生在這個考點上失分較多，從一個側面反映出他們的職業敏感性還不夠強。網頁版式設計的規則也有不同于傳統出版物的特點。比如，在傳統出版物中，對標題的字數一般沒有限制，長標題可以轉行排列，即使在集中了許多標題的目錄中，也允許這樣處理。但是，網頁中的標題文字則不允許轉行，尤其是在集中排列了許多標題的目錄式欄目內。因此，不少著名網站都對標題的字數有統一規定，如《新浪網編輯手冊和規范》中就規定“頻道首頁要聞標題為一行題，少于16字”，這實際上是適應了網頁頁面的特殊性。在書刊的目錄中，作品標題之后（或之前）都有頁碼（有時還有作者姓名）兼作分隔符號，讀者可以很容易地以頁碼為標志將一個個標題區分開。網頁上的目錄式欄目內，各個作品的標題都不標頁碼（實際上也無法標出），也不列相應的作者姓名（一般在展示作品本身時才列出）。這就在充分利用網頁空間的同時，也使得各個標題沒有明顯的分隔符號。一個標題如果轉行排列，會讓用戶誤以為是兩個標題。此外，書刊中標題的轉行需遵守一些規則，如不得割裂詞義、助詞或嘆詞等虛詞不得置于下一行的行首等，以避免讀者產生誤解。由于各種標題的內容和字數紛紜多樣，需要在處理書刊校樣時由編校人員專門對標題的轉行進行調整。然而，網頁上的文字轉行是由計算機自動處理的，而計算機技術目前尚未達到能夠對詞義或詞類進行智能分析判斷的程度，無法按照某個標題的字符構成情況對轉行進行靈活控制。可見，“標題不得轉行”這條規則體現了網頁的特殊性，是很合理的。然而，題目所示設計圖中“熱點聚焦”欄目內卻存在標題轉行現象，這無疑應該消除。遺憾的是，能夠注意糾正這個錯誤的考生為數不多。

在出版物的形態和傳播方式上，網絡出版與傳統出版有所不同，而在對出版物所載內容進行把關審核、加工處理等編輯工作上，與傳統出版基本相同，都要注意保證政治性、思想性、科學性、知識性、語言文字規范性、邏輯合理性等的正確無誤。本文主要分析了對網頁設計進行審核時需要注意的一些問題，因為這些是較有網絡出版特色的，而為了做好對網絡出版物所載內容的把關、優化等工作，從事網絡出版工作的考生還應該加強學習體現出版工作共性的各種相關知識和技能。這樣，就不僅能夠順利通過出版專業職業資格考試，更重要的是能夠為提高網絡出版的質量而作貢獻。

作者:沈菁單位:上海出版印刷高等專科學校