隨着信息技術的飛速發展和高校教育現代化建設的不斷加強，我國各高校同網在提升校同文化、促進教學科研、實現無紙化辦公等方面發揮着越來越重要的作用。網站開發技術的在快速發展，網頁的功能也越來越豐富。HTML5與CSS3是近年來興起的一種網頁計算機技術，使用HTML5與CSS3來開發網站，網頁變得更加動感。本文使用HTML5與CSS3技術爲貴州師範學院二級學院開發了新聞發佈系統。
1系統概述
高校新聞發佈系統的建設是對展現一個院校風采的平臺、院校師生互動、對外聯繫和宣傳的有效媒介。它使學校的信息更容易公佈;使學生對信息和資源的獲取渠道的方便;使校外人員能夠方便交流和及時準確地獲取想諮詢的信息。通過高校新聞發佈系統可以發佈學校的新聞資訊、招生政策、黨建生活、重大活動安排等與學校發展有關的信息公告，讓教師與學生能夠及時掌握學校最新資訊。並且可以通過校同網站中的相關鏈接，打開校外宣傳網站、教育廳、數據平臺等網頁，實現在網絡上完成部分校務，可以提高教師辦事效率，減少人力財力支出。所以建立一個高校新聞發佈系統是很有必要的。
建設是對展現一個院校風采的平臺、院校師生互動、對外聯繫和宣傳的有效媒介。它使學校的信息更容易公佈;使學生對信息和資源的獲取渠道的方便;使校外人員能夠方便交流和及時準確地獲取想諮詢的信息。因此，校同網站的設立無論對於學校還是對於社會都是非常有利的。
2系統設計
2.1系統總體設計
高校新聞發佈系統是一個基於校同內的新聞發佈査看的`系統，在校同新聞發佈網站的平臺上，全校師生可以査看近期校同內的一些相關信息及公告，能夠及時瞭解掌握校同信息。
按照功能模塊設計，高校新聞發佈系統具有七個功能模塊，大致分爲搜索、菜單欄、圖片新聞、文字新聞、公告通知以及聯繫方式和友情鏈接這些模塊。首頁面的功能模塊如圖1所示：
2.2功能模塊設計
搜索功能模塊分析:在査看新聞或其他信息的時候，由於大量的數據是査找工作更加困難，有了搜索功能，則可以使人們可以快速便捷地找到自己想要的信息，所以，該模塊的主要功能便是快速準確的査找信息。
菜單欄功能模塊分析:該模塊的功能主要是對一些多級頁面的功能分類及快速鏈接，使頁面設計更加嚴謹，符合人們的需要
圖片新聞功能模塊分析:本功能模塊主要是對圖片新聞的査看。有些人不喜歡長篇大論的文章，而圖片新聞更加形象生動、色彩分明，在視覺上更有衝擊力，符合人們的需求。
文字新聞功能模塊分析:本功能模塊主要是以文字爲主題的新聞內容，人們可以更加詳細的閱讀文章內容。
公告通知功能模塊分析:本功能模塊主要是顯示一些通知公告等內容，在首頁方便人們及時看到，對特殊情況能夠就及時發佈顯示出來。聯繫方式功能模塊分析:本功能模塊提供聯繫方式，人們可以用來詢問問題或反饋問題。
友情鏈接功能模塊分析:本功能模塊主要是用來連接到其他網頁，方便人們能夠快速便捷地找到需要的相關頁面。
2.3數據庫設計
數據是網站的靈魂，數據庫對於大量的信息使用與存儲、站點上的訪問者能夠獲得對數據的使用都是非常重要的。高校新聞發佈系統採用關係數據庫SQLServer2008作爲後臺數據庫，所涉及的主要數據表包括：
首頁內容設置表。自動編號、新聞編號、新聞標題、新聞類型、公告編號、友情鏈接編號。
新聞搜索表。新聞編號、新聞名稱、新聞類型。
新聞類型表。類型編號、類型名稱、圖片編號、文字編號。
圖片新聞表。圖片編號、圖片新聞名稱。
文字新聞表。文字編號、圖片新聞名稱。
公告信息表。公告編號、標題、公告內容、日期。
友情鏈接表。友情鏈接編號、標題、地址。
3系統實現
3.1客戶端實現
在客戶端爲了提高開發的效率，避免重複多餘的代碼，降低維護的成本。本系統設計了2個公共類，分別爲對數據庫進行操作的Sql Helper類以及對數據進行操作的Data Helper類。例：
在新聞的顯示界面需要査詢數據庫的數據，通過自定義的New Select()方法拼接Sql語句調用Sql Helper類的query Execute方法，返回的爲一個自定義的New Model模型集合，然後在需要顯示的界面通過調用Data Helper的Data Show()方法將已經得到的數據集合顯示在界面上。
3.2服務器端實現
服務器根據所需功能對本地的數據進行更、刪、査、改等不用Android提供的各種組件對APP界面進行優化，可有效地支持用戶體驗要求。
4結束語
目前通過網站的運行情況，證明了動態的學習的平臺具備實用的價值，有利於改善目前傳統學習的弊端，有利於提升學習的科學性。加快了我校信息化建設的步伐，對教師、學生和管理員帶來了許多好處，方便教師對教學資源進行交流，還可以實現網上辦公，提高了辦公效率;學生不但可以時時刻刻了解校內學生活動動態，還可以網上學習，提高了學習積極性，還便於管理員對於網站的管理維護，及時發現和解決問題。而使用HTML5和CSS3編寫的網頁更是在界面效果增加了藝術的魅力，讓使用者賞心悅目。