工会网站设计和制作探析.docVIP

工会网站设计和制作探析摘要：以拟筹建学院工会网站为例，介绍学院工会主页的设计与制作过程，指出了设计与维护网页过程中应注意的一些问题。 关键词：主页设计；主页制作 中图分类号：TP393.092—4 文献标识码：A 文章编号：1007—9599 （2012） 14—0000—02 科学技术的飞速发展和网络技术的普遍运用，为了拓宽工会工作渠道、创新工作方法提供了广阔的空间。加强对工会网站建设，运用现代网络技术推动工会工作，成为摆在各级工会组织面前一项十分重要的任务。面对新的形势，学院工会经过深入研究、积极探索，大胆实践，在认真抓好日常各项工作的基础上，充分运用网络技术这一现代科技手段，拟筹备建立学院工会网，并以网站为载体积极开展工作，为工会工作增添了新的生机和活力。现对如何进一步加强基层工会网站建设略加探讨。 一、加强工会网站建设的作用和意义 互联网络作为连接世界各国计算机的全球性信息化网络，其传输内容非常非常丰富的，涉及到全球的政治、经济、文化、体育等等各个领域，成为人们了解世界、掌握信息的主要渠道之一。学院工会网站作为信息时代基层工会的一个重要窗口，是院务公开、公正、服务职工、惠及民生的重要手段。办好工会网站，对于保障职工合法权益、增加职工之间互相的透明性、加强工会自身建设、提升工会知名度和影响力都具有非常重要意义。 二、网站主要内容与注重面 网站要设有工会新闻、民主管理、权益保障、劳动保护、文件资料、政策法规等主栏目，并加强工会会员管理等数据库的建设和利用，使广大干部职工能够通过网站，迅速快捷的检索到自己所需要的信息资料。拟开设职工论坛等形式建立“职工之家”，职工和工会干部以注册方式，在网上对事件或人物进行讨论交流，畅谈各自感悟，进行相互学习和相互交流。还可利用网站开展“首席职工”、“优秀工会工作者”等各类评选活动，进一步提升工会工作的透明度和群众参与度。 三、技术平台规划与设计 （一）系统应用范围 从系统上分析是一个门户信息交易站点，大多数用户都具有分散性，没有统一的组织和统一的地区，主要通过internet访问。用户侧重使用IE情况分析。用户使用网络带宽分析。估计日访问量在几千人次。 根据这些特点，我们建议在IE兼容上侧重用于IE6.0。出于用户带宽的考虑，建议使用CSS+DIV写网站框架。在网站结构上采用B/S结构。 用户侧重使用IE情况分析，根据网络软件测试调查，得出以下数据如图： 从图得知使用IE6.0的用户最多占到32.14%。360浏览器使用本地IE核心。其中也有一部分本地核心用的也是IE6.0。其它IE8.0占到21.54%，IE7.0占到6.3%，搜狗浏览器占到6.03%，其它chrome，IE9.0，TT浏览器，QQ浏览器都只占到3%以下。 所以在UI设计和IE兼容性设计上测重IE6.0以上的版本，建议使用CSS+DIV布局。然后再测试调试各常用IE之间的兼容性。 （二）用户使用网络带宽分析 今年宽带普及提速工程的目标是4兆及以上宽带接入产品的用户超过50%，现在，平均带宽达到了50%。今年4月，全国固定宽带接入规模为1.59亿。4兆及以上用户使用比例已经超过了50%。去年年底，使用4兆以上带宽产品才38%到39%，今年却飞快提升了10个百分点，达到50%。 所以4M以下的人群仍然是主体。在网站建设过程中，网页的图片和整个网页大小的控制不容忽视。建议页面大小保持在三屏内，网页大小保持在150K以内。这是对用户的体验度一个提升也是对网页大小的一个控制。 （三）任何商业应用程序都有三大类必须完成的任务： 第一类和与用户的交互有关（人机接口），用户如何使用应用程序，这类任务可称之为表示层（Presentation）。 第二类和应用程序所完成的计算处理和程序处理流程有关，可称之为应用逻辑层（Application Logic）。 最后一类与数据的查询、更新及数据管理有关，可称之为数据资源层（Data and Resource）。 四、网站细节总体设计 网站分为前台和后台两个部分，前台部分为公众和会员客户提供信息发布、阅读、查询等功能，后台作为网站管理的核心部分，提供网站数据、类别等信息的管理和查询。 （一）前台网站的具体栏目设置 共分为工会简介栏目、工会工作栏目、工会动态栏目、下载中心栏目、工会信箱栏目、工会论坛栏目、留言板栏目、友情链接、站内搜索引擎共9个栏目设置。 1.首页具体板块的设置 提供工会信箱登录以及各分类信息查询系统。左侧是本站动态、工会简介、网站公告和相关链接，右侧是广告位；中间部分是各栏目的信息。 在网站的首页中采用了4种效果，飘浮广告效果，滚动新闻效果，鼠标右键禁用和ie右下脚状态栏