網頁設計規(guī)范.doc

精品文檔附件網頁設計規(guī)范一、展現布局（一）展現。1.政府網站應簡潔明了，清新大氣，保持統(tǒng)一風格，符合萬維網聯盟（W3C）的相關標準規(guī)范要求。2.政府網站應確定1種主色調，合理搭配輔色調，總色調不宜超過3種。使用符合用戶習慣的標準字體和字號，同一類別的欄目和信息使用同一模板，統(tǒng)一字體、字號、行間距和布局等。3.按照適配常用分辨率的規(guī)格設計頁面，首頁不宜過長。在主流計算機配置和當地平均網速條件下，頁面加載時長不宜超過3秒。4.對主流類別及常用版本瀏覽器具有較好的兼容性，頁面保持整齊不變形,不出現文字錯行、表格錯位、功能和控件不可用等情況。5.網站內容要清晰顯示發(fā)布時間，時間格式為YYYYMMDD HHMM。文章頁需標明信息來源，具備轉載分享功能。6.頁面中的圖片和視頻應匹配信息內容，確保加載速度，避免出現圖片不顯示、視頻無法播放等情況。避免使用可能存在潛在版權糾紛或爭議的圖片和視頻。（二）布局。1.政府網站頁面布局要科學合理、層次分明、重點突出，一般分為頭部標識區(qū)、中部內容區(qū)和底部功能區(qū)。2.頭部標識區(qū)要醒目展示網站名稱，可根據實際情況展示中英文域名、徽標（Logo）以及多語言版、搜索等入口，有多個域名的顯示主域名。3.中部內容區(qū)要遵循“從左到右、從上到下”的閱讀習慣，科學合理設置布局架構。4.底部功能區(qū)至少要列明黨政機關網站標識、“我為政府網站找錯”監(jiān)督舉報平臺入口、網站標識碼、網站主辦單位及聯系方式、ICP備案編號、公安機關備案標識和站點地圖等內容。5.政府網站各頁面的頭部標識區(qū)和底部功能區(qū)原則上要與首頁保持一致。（三）欄目。1.欄目是相對獨立的內容單元，通常為一組信息或功能的組合，按照信息類別、特定主題等維度進行編排并集中展現。2.欄目設置要科學合理，充分體現政府工作職能，避免開設與履職行為、公眾需求相關度不高的欄目。政府門戶網站和部門網站應設置機構職能、負責人信息、政策文件、解讀回應、工作動態(tài)、互動交流類欄目。3.欄目名稱應準確直觀、不宜過長，能夠清晰體現欄目內容或功能。4.欄目內容較多時，可設置子欄目。欄目頁要優(yōu)先展現最新更新的信息內容。5.做好各欄目的內容更新、訪問統(tǒng)計和日常核查，對無法保障、訪問量低的欄目進行優(yōu)化調整或關停并轉。杜絕出現空白欄目，暫不能正常保障的欄目不得在頁面顯示，不得以“正在建設中”、“正在改版中”、“正在升級中”等理由保留空白欄目。（四）頻道。頻道是圍繞特定主題的重要欄目或內容的組合，一般設置在中部內容區(qū)頂部，在各頁面統(tǒng)一展示，為公眾便捷使用提供導航。重要的單個欄目也可以作為頻道。頻道設置要清晰合理，突出重點。頻道不宜過多，一般以58個為宜。（五）專題。1.專題是圍繞專項工作開設的特定欄目，集中展現有關工作內容。一般具有主題性、階段性和時效性等特點。2.專題一般以圖片標題等形式在首頁顯著位置設置鏈接入口。專題較多時，要設置專門的專題區(qū)。3.專項工作結束時，相關專題要從首頁顯著位置撤下并標注歸檔標識，集中保留至專題區(qū)，便于公眾查看使用。4.專題的頁面風格原則上應與網站整體風格一致，具體頁面展現可根據需要靈活設計。二、地址鏈接（一）內部鏈接。政府網站要建立統(tǒng)一資源定位符（URL）設定規(guī)則，為本網站的頁面、圖片、附件等生成唯一的內部地址。內部地址應清晰有效，體現內容分類和訪問路徑的邏輯性，便于用戶識別。除網站遷移外，網站各類資源的URL原則上要保持不變，避免信息內容不可用。（二）外部鏈接。政府網站所使用的其他網站域名或資源地址，稱為該網站的外部鏈接。使用外部鏈接應經本網站主辦單位或承辦單位負責人審核。原則上不得鏈接商業(yè)網站。（三）鏈接管理。政府網站應建立鏈接地址的監(jiān)測巡檢機制，確保所有鏈接有效可用，及時清除不可訪問的鏈接地址，避免產生“錯鏈”、“斷鏈”。對于外部鏈接要嚴格審查發(fā)布流程，不得引用與所在頁面主題無關的內容。嚴格對非政府網站鏈接的管理，確需引用非政府網站資源鏈接的，要加強對相關頁面內容的實時監(jiān)測和管理，杜絕因其內容不合法、不權威、不真實客觀、不準確實用等造成不良影響。打開非政府網站鏈接時，應有提示信息。網站所有的外部鏈接需在頁面上顯示，避免出現“暗鏈”，造成安全隱患。三、網頁標簽網頁標簽是指網頁模版中對有關展現內容進行標記而設置的標簽，通常包括網站標簽、欄目標簽、內容頁標簽等。政府網站要在頁面源代碼“head/head”中以meta標簽的形式，對網站名稱、政府網站標識碼、欄目類別等關鍵要素進行標記，標簽值不能為空。政府網站要在所有頁面中設置相關標簽。欄目頁要設置網站標簽和欄目標簽。內容頁要在設置內容頁標簽的同時，設置網站標簽以及欄目標簽中的“欄目名稱”和“欄目類別”標簽。（一）網站標簽。規(guī)范名稱標簽名稱是否多值設置要求賦值內容網站名稱SiteName否必選政府網站的規(guī)范名稱網站域名SiteDomain是必選政府網站的英文域名政府網站標識碼SiteIDCode否必選政府網站合法身份的標識示例如下：headmeta name=“SiteName”content=“中國政府網”meta name=“SiteDomain”content=“”meta name=“SiteIDCode”content=“bm01000001”/head（二）欄目標簽。規(guī)范名稱標簽名稱是否多值設置要求賦值內容欄目名稱ColumnName否必選政府網站具體欄目的名稱欄目描述ColumnDescription是必選反映欄目設置目的、主要內容的說明欄目關鍵詞ColumnKeywords是必選反映欄目內容特點的詞語欄目類別ColumnType是必選首頁概況信息機構職能負責人信息工作動態(tài)政策文件信息公開指南信息公開目錄信息公開年報依申請公開數據發(fā)布數據開放政策解讀回應關切辦事服務咨詢投訴征集調查在線訪談示例如下：headmeta name=“SiteName”content=“中國政府網”meta name=“SiteDomain”content=“”meta name=“SiteIDCode”content=“bm01000001”meta name=“ColumnName”content=“政策”meta name=“ColumnDescription”content=“中國政府網政策欄目發(fā)布中央和地方政府制定的法規(guī)，政策文件，中共中央有關文件，國務院公報，政府白皮書，政府信息公開，政策解讀等。提供法律法規(guī)和已發(fā)布的文件的查詢功能”meta name=“ColumnKeywords”content=“國務院文件，行政法規(guī)，部門規(guī)章，中央文件，政府白皮書，國務院公報，政策專輯”meta name=“ColumnType”content=“政策文件”/head（三）內容頁面標簽。規(guī)范名稱標簽名稱是否多值設置要求賦值內容標題ArticleTitle否必選具體內容信息的標題發(fā)布時間PubDate否必選內容信息的發(fā)布時間，格式為YYYYMMDD HHMM來源ContentSource否必選文章的發(fā)布單位或轉載來源關鍵詞Keywords否可選反映文章信息內容特點的詞語作者Author否可選文章的作者或責任編輯摘要Description否可選內容信息的內容概要圖片Image否可選正文中圖片URL網址Url否可選文章的URL地址示例如下：headmeta name=“SiteName”content=“中國政府網”meta name=“SiteDomain”content=“”meta name=“SiteIDCode”content=“bm01000001”meta name=“ColumnName”content=“要聞”meta name=“ColumnType”content=“工作動態(tài)”meta name=“ArticleTitle”content=“今天的國務院常務會議定了這3件大事”meta name=“PubDate”content=“20170412 2137”meta name=“ContentSource”content=“中國政府網”meta name=“Keywords”content=“國務院常務會，醫(yī)療聯合體，中小學，幼兒園，安全風險防控，統(tǒng)計法”meta name=“Author”content=“陸茜”meta name=“Description”content=“部署推進醫(yī)療聯合體建設，部署加強中小學幼兒園安全風險防控體系建設，通過中華人民共和國統(tǒng)計法實施條例（草案）。4月12日的國務院常務會定了這3件大事，會上，李克強總理對這些工作作出了哪些部署？”meta name=“Url”content=“/xinwen/201704/12/content_5185257.htm”/head四、其他政府網站要方便公眾瀏覽使用，頁面內容要便于復制、保存和打印。要最大限度減少用戶額外安裝組件、控件或插件；確需使用的，要便于在相關頁面獲取和安裝。應用系統(tǒng)、附件