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

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