隨著資訊科技的飛速發展和高校教育現代化建設的不斷加強，我國各高校同網在提升校同文化、促進教學科研、實現無紙化辦公等方面發揮著越來越重要的作用。網站開發技術的在快速發展，網頁的功能也越來越豐富。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編寫的網頁更是在介面效果增加了藝術的魅力，讓使用者賞心悅目。