網(wǎng)頁設(shè)計(jì)規(guī)范.doc

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