摘要：以擬籌建學(xué)院工會(huì)網(wǎng)站為例，介紹學(xué)院工會(huì)主頁的設(shè)計(jì)與制作過程，指出了設(shè)計(jì)與維護(hù)網(wǎng)頁過程中應(yīng)注意的一些問題。

關(guān)鍵詞：主頁設(shè)計(jì)；主頁制作

中圖分類號(hào)：TP393.092—4 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1007—9599 （2012） 14—0000—02

科學(xué)技術(shù)的飛速發(fā)展和網(wǎng)絡(luò)技術(shù)的普遍運(yùn)用，為了拓寬工會(huì)工作渠道、創(chuàng)新工作方法提供了廣闊的空間。加強(qiáng)對(duì)工會(huì)網(wǎng)站建設(shè)，運(yùn)用現(xiàn)代網(wǎng)絡(luò)技術(shù)推動(dòng)工會(huì)工作，成為擺在各級(jí)工會(huì)組織面前一項(xiàng)十分重要的任務(wù)。面對(duì)新的形勢(shì)，學(xué)院工會(huì)經(jīng)過深入研究、積極探索，大膽實(shí)踐，在認(rèn)真抓好日常各項(xiàng)工作的基礎(chǔ)上，充分運(yùn)用網(wǎng)絡(luò)技術(shù)這一現(xiàn)代科技手段，擬籌備建立學(xué)院工會(huì)網(wǎng)，并以網(wǎng)站為載體積極開展工作，為工會(huì)工作增添了新的生機(jī)和活力。現(xiàn)對(duì)如何進(jìn)一步加強(qiáng)基層工會(huì)網(wǎng)站建設(shè)略加探討。

一、加強(qiáng)工會(huì)網(wǎng)站建設(shè)的作用和意義

互聯(lián)網(wǎng)絡(luò)作為連接世界各國計(jì)算機(jī)的全球性信息化網(wǎng)絡(luò)，其傳輸內(nèi)容非常非常豐富的，涉及到全球的政治、經(jīng)濟(jì)、文化、體育等等各個(gè)領(lǐng)域，成為人們了解世界、掌握信息的主要渠道之一。學(xué)院工會(huì)網(wǎng)站作為信息時(shí)代基層工會(huì)的一個(gè)重要窗口，是院務(wù)公開、公正、服務(wù)職工、惠及民生的重要手段。辦好工會(huì)網(wǎng)站，對(duì)于保障職工合法權(quán)益、增加職工之間互相的透明性、加強(qiáng)工會(huì)自身建設(shè)、提升工會(huì)知名度和影響力都具有非常重要意義。

二、網(wǎng)站主要內(nèi)容與注重面

網(wǎng)站要設(shè)有工會(huì)新聞、民主管理、權(quán)益保障、勞動(dòng)保護(hù)、文件資料、政策法規(guī)等主欄目，并加強(qiáng)工會(huì)會(huì)員管理等數(shù)據(jù)庫的建設(shè)和利用，使廣大干部職工能夠通過網(wǎng)站，迅速快捷的檢索到自己所需要的信息資料。擬開設(shè)職工論壇等形式建立“職工之家”，職工和工會(huì)干部以注冊(cè)方式，在網(wǎng)上對(duì)事件或人物進(jìn)行討論交流，暢談各自感悟，進(jìn)行相互學(xué)習(xí)和相互交流。還可利用網(wǎng)站開展“首席職工”、“優(yōu)秀工會(huì)工作者”等各類評(píng)選活動(dòng)，進(jìn)一步提升工會(huì)工作的透明度和群眾參與度。

三、技術(shù)平臺(tái)規(guī)劃與設(shè)計(jì)

（一）系統(tǒng)應(yīng)用范圍

從系統(tǒng)上分析是一個(gè)門戶信息交易站點(diǎn)，大多數(shù)用戶都具有分散性，沒有統(tǒng)一的組織和統(tǒng)一的地區(qū)，主要通過internet訪問。用戶側(cè)重使用IE情況分析。用戶使用網(wǎng)絡(luò)帶寬分析。估計(jì)日訪問量在幾千人次。

根據(jù)這些特點(diǎn)，我們建議在IE兼容上側(cè)重用于IE6.0。出于用戶帶寬的考慮，建議使用CSS+DIV寫網(wǎng)站框架。在網(wǎng)站結(jié)構(gòu)上采用B/S結(jié)構(gòu)。

用戶側(cè)重使用IE情況分析，根據(jù)網(wǎng)絡(luò)軟件測(cè)試調(diào)查，得出以下數(shù)據(jù)如圖：

從圖得知使用IE6.0的用戶最多占到32.14%。360瀏覽器使用本地IE核心。其中也有一部分本地核心用的也是IE6.0。其它IE8.0占到21.54%，IE7.0占到6.3%，搜狗瀏覽器占到6.03%，其它c(diǎn)hrome，IE9.0，TT瀏覽器，QQ瀏覽器都只占到3%以下。

所以在UI設(shè)計(jì)和IE兼容性設(shè)計(jì)上測(cè)重IE6.0以上的版本，建議使用CSS+DIV布局。然后再測(cè)試調(diào)試各常用IE之間的兼容性。

（二）用戶使用網(wǎng)絡(luò)帶寬分析

今年寬帶普及提速工程的目標(biāo)是4兆及以上寬帶接入產(chǎn)品的用戶超過50%，現(xiàn)在，平均帶寬達(dá)到了50%。今年4月，全國固定寬帶接入規(guī)模為1.59億。4兆及以上用戶使用比例已經(jīng)超過了50%。去年年底，使用4兆以上帶寬產(chǎn)品才38%到39%，今年卻飛快提升了10個(gè)百分點(diǎn)，達(dá)到50%。

所以4M以下的人群仍然是主體。在網(wǎng)站建設(shè)過程中，網(wǎng)頁的圖片和整個(gè)網(wǎng)頁大小的控制不容忽視。建議頁面大小保持在三屏內(nèi)，網(wǎng)頁大小保持在150K以內(nèi)。這是對(duì)用戶的體驗(yàn)度一個(gè)提升也是對(duì)網(wǎng)頁大小的一個(gè)控制。

（三）任何商業(yè)應(yīng)用程序都有三大類必須完成的任務(wù)：

第一類和與用戶的交互有關(guān)（人機(jī)接口），用戶如何使用應(yīng)用程序，這類任務(wù)可稱之為表示層（Presentation）。

第二類和應(yīng)用程序所完成的計(jì)算處理和程序處理流程有關(guān)，可稱之為應(yīng)用邏輯層（Application Logic）。

最后一類與數(shù)據(jù)的查詢、更新及數(shù)據(jù)管理有關(guān)，可稱之為數(shù)據(jù)資源層（Data and Resource）。

四、網(wǎng)站細(xì)節(jié)總體設(shè)計(jì)

網(wǎng)站分為前臺(tái)和后臺(tái)兩個(gè)部分，前臺(tái)部分為公眾和會(huì)員客戶提供信息發(fā)布、閱讀、查詢等功能，后臺(tái)作為網(wǎng)站管理的核心部分，提供網(wǎng)站數(shù)據(jù)、類別等信息的管理和查詢。

（一）前臺(tái)網(wǎng)站的具體欄目設(shè)置

共分為工會(huì)簡介欄目、工會(huì)工作欄目、工會(huì)動(dòng)態(tài)欄目、下載中心欄目、工會(huì)信箱欄目、工會(huì)論壇欄目、留言板欄目、友情鏈接、站內(nèi)搜索引擎共9個(gè)欄目設(shè)置。

1.首頁具體板塊的設(shè)置

提供工會(huì)信箱登錄以及各分類信息查詢系統(tǒng)。左側(cè)是本站動(dòng)態(tài)、工會(huì)簡介、網(wǎng)站公告和相關(guān)鏈接，右側(cè)是廣告位；中間部分是各欄目的信息。

在網(wǎng)站的首頁中采用了4種效果，飄浮廣告效果，滾動(dòng)新聞效果，鼠標(biāo)右鍵禁用和ie右下腳狀態(tài)欄文字顯示效果。

2.網(wǎng)站工會(huì)欄目簡介

詳細(xì)的介紹了工會(huì)具體情況以及領(lǐng)導(dǎo)風(fēng)采、組織機(jī)構(gòu)等內(nèi)容。

3.網(wǎng)站工會(huì)工作簡介

專題介紹工會(huì)在開展素質(zhì)工程、法律維權(quán)、基層建設(shè)、送溫暖工程、女工工作、綜合等工作的情況。

4.網(wǎng)站工會(huì)動(dòng)態(tài)簡介

介紹工會(huì)的具體活動(dòng)，包含生動(dòng)的圖片及詳細(xì)的文字信息。

5.網(wǎng)站下載中心的簡介

網(wǎng)站提供常用的軟件及表格和表格模板的下載。

6.網(wǎng)站工會(huì)信箱的簡介

網(wǎng)站工會(huì)內(nèi)部所有工作人員具體的郵箱地址。

7.網(wǎng)站工會(huì)論壇的簡介

網(wǎng)站提供單版論壇。論壇具有一般論壇的常用功能。如注冊(cè)會(huì)員，在線生級(jí)，發(fā)表帖子，回復(fù)帖子，論壇設(shè)有良好的編輯器，能夠方便的編輯帖子內(nèi)容。并且有豐富的表情包。讓互動(dòng)更加生動(dòng)。普通用戶也可以注冊(cè)筆名并發(fā)表帖子進(jìn)行互動(dòng)。

8.網(wǎng)站留言板的簡介

網(wǎng)站的留言板能夠通過編輯器方便的編輯文本，可以通過注冊(cè)用戶進(jìn)行留言。也可以不用注冊(cè)用戶，進(jìn)行匿名留言。

9.網(wǎng)站友情鏈接簡介

網(wǎng)站提供與各大工會(huì)網(wǎng)站的友情鏈接，方便了解全國各地的工會(huì)動(dòng)態(tài)情況。

（二）網(wǎng)站后臺(tái)系統(tǒng)簡介

網(wǎng)站后臺(tái)系統(tǒng)為網(wǎng)站管理人員提供維護(hù)整個(gè)網(wǎng)站全部數(shù)據(jù)的功能。分為系統(tǒng)的設(shè)置管理、目錄添加、刪除和修改管理、新聞中心內(nèi)容的管理、論壇帖子添加、刪除和修改管理和論壇欄目板塊添加、刪除和修改的管理。這些部分基本與前臺(tái)欄目相對(duì)應(yīng)。登錄后，系統(tǒng)會(huì)自動(dòng)提示有哪些新增信息需要審批，方便維護(hù)人員的管理工作。

1.網(wǎng)站系統(tǒng)管理具體簡介

注冊(cè)后臺(tái)用戶、分配權(quán)限，并能夠?qū)@些用戶進(jìn)行刪除、查找和修改。其中的權(quán)限與后臺(tái)的功能一一對(duì)應(yīng)。

后臺(tái)用戶只能登錄后臺(tái)系統(tǒng)，能夠根據(jù)所分配的權(quán)限對(duì)不同模塊進(jìn)行相應(yīng)的操作。

代碼表維護(hù)：有些內(nèi)容，如新聞?lì)悇e、信息類別等，其名稱可能會(huì)有所變動(dòng)，所以將這些代碼用數(shù)據(jù)庫維護(hù)起來，以方便修改，而不必改變程序結(jié)構(gòu)。代碼表維護(hù)就是用來這些信息的。

2.目錄管理

實(shí)際的產(chǎn)品目錄我們?cè)O(shè)計(jì)成兩級(jí)，既體現(xiàn)了類別的結(jié)構(gòu)，又不至于過于混亂。

大類加入：增加大類。

小類加入：增加小類，并選擇放在某個(gè)大類下。

類別管理：列出全部類別的結(jié)構(gòu)關(guān)系，并可以修改和刪除。如果希望刪除大類，必須大類下面的小類為空；如果希望刪除小類，則小類下面不能有產(chǎn)品。（在實(shí)際操作中，首先將要?jiǎng)h的小類下面的產(chǎn)品刪除或變更類別，然后才能刪除這個(gè)小類）

3.新聞中心管理

新聞發(fā)布：與前臺(tái)的新聞欄目對(duì)應(yīng)，這里提供發(fā)布新聞的功能，錄入的信息包括新聞?lì)悇e、新聞標(biāo)題、新聞內(nèi)容、作者或稿源以及優(yōu)先級(jí)。需要指出的是，新聞?wù)牡膬?nèi)容應(yīng)該是配合html標(biāo)記，圖片單獨(dú)上傳，預(yù)覽功能彈出的窗口顯示的內(nèi)容與前臺(tái)看到的一致。

新聞信息管理：對(duì)已經(jīng)上傳的新聞進(jìn)行查詢、修改或刪除。查詢的條件是新聞?lì)悇e、關(guān)鍵字、發(fā)布時(shí)間和優(yōu)先級(jí)。

4.論壇管理

論壇用戶維護(hù)：對(duì)在前臺(tái)注冊(cè)的用戶進(jìn)行管理：查找、刪除和修改。

論壇信息維護(hù)：對(duì)前臺(tái)提交的帖子進(jìn)行管理：查詢、刪除、設(shè)置為精華區(qū)、從精華區(qū)中取消。

參考文獻(xiàn)：

[1]曹曉麗.基于ASP+DW技術(shù)的校園工會(huì)網(wǎng)站設(shè)計(jì)與制作[J].數(shù)字技術(shù)與應(yīng)用

[2]劉陸林.院工會(huì)主頁的設(shè)計(jì)與制作——以湖南科技職業(yè)學(xué)院為例