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