2017年政府網(wǎng)站最新網(wǎng)頁(yè)設(shè)計(jì)規(guī)范
政府網(wǎng)站的作用是建立起跨部門(mén)的、綜合的業(yè)務(wù)應(yīng)用系統(tǒng)，使公民、企業(yè)與政府工作人員都能快速便捷地接入所有相關(guān)政府部門(mén)的政務(wù)信息與業(yè)務(wù)應(yīng)用，使合適的人能夠在恰當(dāng)?shù)臅r(shí)間獲得恰當(dāng)?shù)姆⻊?wù)。
艾天動(dòng)力遵循國(guó)家相關(guān)規(guī)定，嚴(yán)格按照政府頁(yè)面設(shè)計(jì)規(guī)范設(shè)計(jì)并制作網(wǎng)站，對(duì)發(fā)布的信息和數(shù)據(jù)進(jìn)行科學(xué)分類(lèi)、及時(shí)更新，便于公眾知悉；使網(wǎng)站不論從視覺(jué)效果角度、用戶體驗(yàn)，還是到網(wǎng)站安全角度上都達(dá)到展現(xiàn)政府職能的要求。
艾天動(dòng)力遵循國(guó)家相關(guān)規(guī)定，嚴(yán)格按照政府頁(yè)面設(shè)計(jì)規(guī)范設(shè)計(jì)并制作網(wǎng)站，對(duì)發(fā)布的信息和數(shù)據(jù)進(jìn)行科學(xué)分類(lèi)、及時(shí)更新，便于公眾知悉；使網(wǎng)站不論從視覺(jué)效果角度、用戶體驗(yàn)，還是到網(wǎng)站安全角度上都達(dá)到展現(xiàn)政府職能的要求。
政府網(wǎng)頁(yè)設(shè)計(jì)規(guī)范（國(guó)辦發(fā)〔2017〕47號(hào)）
整體概況：
（一）展現(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)，同一類(lèi)別的欄目和信息使用同一模板，統(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ì)主流類(lèi)別及常用版本瀏覽器具有較好的兼容性，頁(yè)面保持整齊不變形,不出現(xiàn)文字錯(cuò)行、表格錯(cuò)位、功能和控件不可用等情況。
5.網(wǎng)站內(nèi)容要清晰顯示發(fā)布時(shí)間，時(shí)間格式為YYYY-MM-DD HH:MM。文章頁(yè)需標(biāo)明信息來(lái)源，具備轉(zhuǎn)載分享功能。
6.頁(yè)面中的圖片和視頻匹配信息內(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)站名稱(chēng)，可根據(jù)實(shí)際情況展示中英文域名、徽標(biāo)及多語(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)系方式、案編號(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)容單元，通常為一組信息或功能的組合，按照信息類(lèi)別、特定主題等維度進(jìn)行編排并集中展現(xiàn)。
2.欄目設(shè)置要科學(xué)合理，充分體現(xiàn)政府工作職能，避免開(kāi)設(shè)與履職行為、公眾需求相關(guān)度不高的欄目。政府門(mén)戶網(wǎng)站和部門(mén)網(wǎng)站應(yīng)設(shè)置機(jī)構(gòu)職能、負(fù)責(zé)人信息、政策文件、解讀回應(yīng)、工作動(dòng)態(tài)、互動(dòng)交流類(lèi)欄目。
3.欄目名稱(chēng)應(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ò)多，一般以5-8個(gè)為宜。
（五）專(zhuān)題。
1.專(zhuān)題是圍繞專(zhuān)項(xiàng)工作開(kāi)設(shè)的特定欄目，集中展現(xiàn)有關(guān)工作內(nèi)容。一般具有主題性、階段性和時(shí)效性等特點(diǎn)。
2.專(zhuān)題一般以圖片標(biāo)題等形式在首頁(yè)顯著位置設(shè)置鏈接入口。專(zhuān)題較多時(shí)，要設(shè)置專(zhuān)門(mén)的專(zhuān)題區(qū)。
3.專(zhuān)項(xiàng)工作結(jié)束時(shí)，相關(guān)專(zhuān)題要從首頁(yè)顯著位置撤下并標(biāo)注歸檔標(biāo)識(shí)，集中保留至專(zhuān)題區(qū)，便于公眾查看使用。
4.專(zhuān)題的頁(yè)面風(fēng)格原則上應(yīng)與網(wǎng)站整體風(fēng)格一致，具體頁(yè)面展現(xiàn)可根據(jù)需要靈活設(shè)計(jì)。
關(guān)于鏈接部分：
（一）內(nèi)部鏈接。
政府網(wǎng)站要建立統(tǒng)一資源定位符（URL）設(shè)定規(guī)則，為本網(wǎng)站的頁(yè)面、圖片、附件等生成唯一的內(nèi)部地址。內(nèi)部地址應(yīng)清晰有效，體現(xiàn)內(nèi)容分類(lèi)和訪問(wèn)路徑的邏輯性，便于用戶識(shí)別。除網(wǎng)站遷移外，網(wǎng)站各類(lèi)資源的URL原則上要保持不變，避免信息內(nèi)容不可用。
（二）外部鏈接。
政府網(wǎng)站所使用的其他網(wǎng)站域名或資源地址，稱(chē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í)用等造成不良影響。打開(kāi)非政府網(wǎng)站鏈接時(shí)，應(yīng)有提示信息。網(wǎng)站所有的外部鏈接需在頁(yè)面上顯示，避免出現(xiàn)“暗鏈”，造成安全隱患。
網(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)站名稱(chēng)、政府網(wǎng)站標(biāo)識(shí)碼、欄目類(lèi)別等關(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)簽中的“欄目名稱(chēng)”和“欄目類(lèi)別”標(biāo)簽；艾天動(dòng)力認(rèn)為這些標(biāo)準(zhǔn)也是普通企業(yè)網(wǎng)站的基本要求，所以我們做的所有網(wǎng)站都將以此為標(biāo)準(zhǔn)來(lái)開(kāi)發(fā)，保障網(wǎng)站安全。
（二）欄目標(biāo)簽。
關(guān)于頁(yè)面頭部標(biāo)簽部分：
（一）網(wǎng)站標(biāo)簽。
（二）欄目標(biāo)簽。
（三）內(nèi)容頁(yè)面標(biāo)簽。
政府網(wǎng)站要方便公眾瀏覽使用，頁(yè)面內(nèi)容要便于復(fù)制、保存和打印。要最大限度減少用戶額外安裝組件、控件或插件；確需使用的，要便于在相關(guān)頁(yè)面獲取和安裝。應(yīng)用系統(tǒng)、附件、視頻等應(yīng)有效可用，名稱(chēng)要直觀準(zhǔn)確。附件、視頻等格式應(yīng)便于常用軟件打開(kāi)，避免用戶額外安裝軟件。避免使用懸浮、閃爍等方式，確需使用懸浮框的必須具備關(guān)閉功能。
政府網(wǎng)站嚴(yán)禁刊登商業(yè)廣告或鏈接商業(yè)廣告頁(yè)面。
政府網(wǎng)站主辦、承辦單位要根據(jù)用戶的訪問(wèn)和使用情況，對(duì)網(wǎng)站展現(xiàn)進(jìn)行常態(tài)化優(yōu)化調(diào)整。
更多閱讀
-
網(wǎng)頁(yè)設(shè)計(jì)之靈動(dòng)布局--相對(duì)自由式
- 資訊中心 2016-09-23
- 優(yōu)秀的排版是構(gòu)圖、圖片、配色、字體等各方協(xié)調(diào)的共同結(jié)果，設(shè)計(jì)其實(shí)是沒(méi)有規(guī)則可循，審美從來(lái)都不在約束內(nèi)......查看全文
-
網(wǎng)絡(luò)熱詞“藍(lán)瘦、香菇”被注冊(cè)成了公司
- 資訊中心 2016-10-14
- 10月13日消息，深圳市藍(lán)瘦香菇實(shí)業(yè)有限公司今日在深圳市福田區(qū)注冊(cè)成立，法人代表是賴(lài)翠云，注冊(cè)資本是50萬(wàn)......查看全文
-
網(wǎng)站建設(shè)意義及網(wǎng)站建設(shè)的靈魂
- 資訊中心 2016-07-21
- 人生要有目標(biāo)，網(wǎng)站建設(shè)也要有個(gè)目標(biāo); 網(wǎng)站建設(shè)目標(biāo)對(duì)大多數(shù)網(wǎng)站建設(shè)公司來(lái)說(shuō)還是個(gè)比較新鮮的詞，企業(yè)負(fù)責(zé)......查看全文
- 掃描二維碼分享到微信
- 確 認(rèn)
粵ICP備14011486號(hào)-1
粵公網(wǎng)安備 44040202000180號(hào)
