基于CMS的高职院校微官网的设计与实现

张鹏

“互联网+”时代背景下，随着新媒体技术的迅速发展，微信已在各个领域得到应用。特别是高职校园中微信的传播运用，更是抢抓宣传阵地的重要途径之一，建立微官网可更好发挥微信公众号平台作用，加大学院对外交流与宣传力度。本文介绍了基于CMS技术建站系统对渤海学院微官网的开发和实践。

1引言

天津渤海职业技术学院有着60多年的办学历史，为了加强学院品牌建设，通过移动网络进行校园宣传是必不可少的手段之一。过去十年是PC网络飞速发展的十年，学院不断提高信息化建设水平，建立了完善的校园官网系统。伴随着4G普及和5G的上线，未来移动网络将飞速发展，智能手机客户端将广泛普及，通过手机端移动上网依赖程度越来越高。所以开发一套更有利于移动手机端的校园微官网十分必要。

2相关技术

内容管理系统（Content Management System，CMS）指Web内容的管理。CMS具有许多基于模板的优秀设计，可以加快网站开发的速度并减少开发的成本。CMS的功能并不只限于文本处理，它也可以处理图片、Flash动画、声像流、图像甚至电子邮件。CMS其实是一个很广泛的称呼，从一般的博客程序、新闻发布程序，到综合性的网站管理程序都可以被称为内容管理系统。

微官网是为适应高速发展的移动互联网市场环境而诞生的一种基于WebAPP和传统PC版网站相融合的新型网站。微官网可兼容iOS，android，WP等多种智能手机操作系统，可便捷的与《微信》、微博等网络互动咨询平台链接，简言之，微官网就是适应移动客户端浏览体验与交互性能要求的新一代网站。微官网的网站页面完全适合手机、平板，而且能够自动识别客户屏幕大小，网站内容精简、页面资源小、加载速度快、用户体验好且匹配iOS，Android，WP等各大操作系统。微官网，不仅是一个手机网站，更是移动互联网时代的应用与服务平台，创新性地结合了移动互联网技术与企业信息化建设，为广大师生提供一个全面的智能感知环境和综合信息服务平台。

3渤海学院校园微官网设计

系统设计目标：一是建立操作简单易用、具备良好交互性的微官网；二是动态显示校园新闻信息，注重界面设计用性；三是为让广大校友更加方便的通过手机了解学院最新动态。

3.1界面设计

考虑到本网站主要是针对手机端查阅，所以布局上采用了上中下的综合布局。结构结合F1ash动画和GIF图片循环显示学院图文信息。网站顶端设置首页、学生风采、新闻动态和校园文化菜单链接按钮。中部设置Flash动画，占据界面二分之一，是学院动态展示区，主要包括学院风景、大型活动等学院形象的图片，可以循环切换与动态展示。中间设置5个矩形按钮，下部设计成动态新闻，这里动态显示学院的新闻资讯，底部设置了QQ客服、在线导航、短信咨询和招生咨询按钮，整齐划一的界面风格，界面设计简洁大气，彰显学院办学特色，图文结合的疏密位置关系所产生的空间层次富有弹性，给人以简洁大气的视觉效果。

3.2网站栏目设计

栏目设置为学院概况、校园文化、学生风采、新闻动态、四六级成绩查询、招生咨询和在线地图导航等页面，如图1所示。栏目设置要满足广大师生阅读需求，还要把学院的办学特色和教育改革成果展现给大家。宣传学院办学取得的各项成果。

4渤海学院校园微官网实现

微官网以面向微信用户为核心，实现服务和互动，选择FKWCMS系统作为开发工具，通过学院官方微信进行发布。进入FKWCMS系统，点击“创建网站”，設置网站名称“渤海学院微官网”，进入微网站，按照页面设计对页面进行布局，进入页面后选择“页面”按钮，在下拉列表中选择常规页面，点击“添加页面”设置页面名称，在页面内点击“添加模块”，进入模块设计模式，可以为页面添加文字、图片、魔方导航图文展示、列表多图、文章列表、滚动公告和轮播多图。通过拖动方式进行页面排版。

4.1添加图文展示模块

点击图文展示按钮，在模拟手机界面上出现示例图片，在右侧控制区，设置模块标题为“校园图片”，点击添加文本按钮，为图片添加说明。点击“修改图片”按钮，在弹出的对话框内选择“我的文件”按钮，选择“直接上传”按钮，根据提示找到需要上传的图片所在位置，选择图片进行上传，上传后图片将自动存在网站图片库内，点击确定完成图片上传。图片下方有链接按钮，可以设置图片链接，设置后页面可进行链接跳转。最后设置模块样式，分为上图下文、左图右文和右图左文，根据需要我们选择上图下文。在“高级”按钮里，可以设置图片是否滚动，是否为展示为圆角图片。

4.2添加公告模块

模块可以通过拖动方式进行位置调整，非常方便。选择“滚动公告”模块，在右侧功能区进行设置模块标题“滚动公告”。选择“添加公告”按钮，进行公告内容设置，点击“添加链接”按钮，设置链接类型为站内链接，选择站内链接页面，点击确定完成设置。

4.3添加动态新闻模块

拖动文章列表模块移动到页面下部，在右侧功能区这是模块标题“新闻动态”，选择文章来源，勾选校园资讯，最新公告，那么我们最新上传的公告和新闻都要在此处进行显示。设置模块样式为左文右图型，排列方式为单排。这样要求我们在发布新闻时候，要配有图片，文章中的图片将被自动抓取到图片区进行显示。模块设置好后还要添加文章，在手机屏幕模拟区选择新闻动态模块，在悬浮菜单中选择“添加文章”按钮。输入文章标题和内容，自带文字编辑功能，可以设置字体样式和排版以及插图，点击确定完成文章输入，在高级选项里设置文章类型、来源、作者等信息。

4.4网站的发布

进入微信公众号后台。进入按钮设置，添加按钮“微官网”，将按钮链接设置成“https：//tjbhzy.m.icoc.in/”，微信用户在浏览微信时点击按钮，即可访问微官网。

5结束语

本文从基于CMS建站基本流程上对渤海学院微网站系统的开发进行了梳理，从技术分析到微官网界面设计再到微官网的设计和功能设计开发。经过实践可以看出，以CMS技术为核心的动态建站系统，为微网站的开发提供了快捷方便的开发环境，管理员可以非常方便地对其进行更新维护和管理工作，丰富网站内容、更新信息和开发新的栏目，对管理员要求条件宽松，不需要计算机专业人员，这样方便了管理员使用。校园微官网的建设加大了学院的宣传力度，推进了学院宣传工作的信息化，提高了学院知名度和影响力。