美章网 资料文库 静态化网站设计论文范文

静态化网站设计论文范文

时间:2022-02-14 07:25:08

静态化网站设计论文

1信息平台选择和安装

1.1开源平台LAMP的优势

采用WordPress作为党建网站平台,操作系统、Web服务器和数据库通常采用LAMP架构。LAMP指Linux操作系统、ApacheWeb服务器、MySQL数据库以及PHP脚本语言共同组成的架构。虽然这些开放源代码程序本身并不是专门设计成同另几个程序一同工作,但由于它们本身的廉价性和使用的普遍性,该组合开始流行(大多数Linux发行版本捆绑了这些软件)。随着云计算的流行,Linux系统本身作为服务器操作系统的优势进一步加强,尤其是Ubuntun采用了APT的包管理方式,简化了程序安装。通过使用apt-get方式,可以在短短几分钟内完成ApacheWeb服务器、MySQL、PHP脚本语言、phpMyAdmin(MySQL的Web管理工具)的安装。

1.2WordPress安装

WordPress的安装非常简单,可以概括为如下步骤:①从官方网站下载并解压缩WordPress程序安装包;②把解压后的WordPress文件夹里面的文件(但不包括Word-Press文件夹本身)放到服务器的根目录下,使用Ubuntu和Apache服务器的默认路径是/var/www;③在MySQL中为WordPress创建数据库;④在浏览器中输入网址,例如http://dj.siso.edu.cn/,第一次访问会自动跳转到ht-tp://dj.siso.edu.cn/wp-admin/install.php,输入相关配置就可以完成安装;⑤执行命令chown-rwww-data:www-data/var/www,将Web服务器的根目录的拥有者改为www-data,这是Apache服务器的默认用户名,这样WordPress就可以完成系统的自动更新以及插件和模板的直接安装。

2网站外观设计

2.1采用CMS展现方式

WordPress自带模板采用的是个人博客的呈现方式,文章按照的时间逆序排列,最新的文章出现在网站的最上方。这种方式不适合作为党建网站。由于WordPress采用了优秀的MVC设计方法,内容和结构完全分离,很容易设计出类似内容管理系统或者新闻网站外观的模板,应用这些模板可以在网站首页显示多个目录,每个目录下面包括指定数量的文章标题,整个网站内容一目了然。为了使网站具备更好的导航效果,根据网站栏目而不是时间排列,需要对文章出现的顺序进行调整。Re-OrderPostWithinCategories插件可以实现这一功能,调整指定目录下文章出现的顺序。

2.2页面伪静态实现

WordPress默认使用带有问号和很多数字的URL,例如http://dj.siso.edu.cn/?p=18,这种方式对搜索引擎不友好,并且无法实现页面的静态化。WordPress允许自定义链接形式,以提高美感、可用性和向前兼容性,可以将页面的链接修改为形如http://dj.siso.edu.cn/18.ht-ml的形式。这样的链接对用户和搜索引擎都更为友好,从表面上看是一个HTML静态页面,但本质上还是动态页面,所以称之为页面伪静态。要实现页面伪静态,需要配置Web服务器和Word-Press后台。以常用的Linux操作系统、Apache2.2服务器为例,在服务器配置文件/etc/apache2/sites-available/default中,找到AllowOverrideNone,修改为AllowOver-rideAll;同时执行命令sudoa2enmodrewrite来启用mod_rewrite模块,并执行命令sudoserviceapache2reload来重启Apache服务器,使配置生效。在WordPress的后台中,在菜单“设置-固定连接”中点击自定义结构,配置成:/%post_id%.html。

3网站功能设计

WordPress采用了三层架构的MVC设计,核心的设计目标是简约、最大限度的灵活性以及最小限度的代码膨胀。WordPress通过插件提供了自定义函数和功能,这样用户就可以根据自己的需要定制网站了。在WordPress的官方网站上,由第三方开发的插件数量已经超过3.3万个,足以满足网站常用功能的需要。

3.1页面静态化实现

WordPress在默认状态下网站的响应速度较慢,在1个CPU、2G内存的服务器配置下,20个用户同时访问就可以让网站失去响应。采用页面静态化技术可极大提升网站的访问速度。所谓静态化就是生成了所有文章以及首页的静态页面,每次访问时不需要读取数据库和执行PHP脚本,能够大幅降低CPU占用率,加快网站访问速度。将全新的WordPress部署在UbutuServer12.04LTS64位操作系统上,使用ApacheBench进行测试,采用页面静态化技术较默认方式的响应速度要快3个数量级。

3.2页面计数功能

掌握网站各页面的访问情况可以清晰地了解到用户的关注点。WP-PostViews插件是应用广泛的页面计数插件,其主要功能是记录显示文章或自定义页面被浏览的次数,同时也提供了最少访问和热门文章、特定分类目录下最新访问和热门文章等功能。

3.3链接管理

在网站上放置相关网站的链接可供用户拓展阅读。WordPress本身提供了添加、修改和删除链接的功能,但不能调整链接出现的位置。MyLinkOrder插件采用了Ajax技术,很好地解决了该问题,能够通过拖动链接来调整显示的顺序。

3.4基于HTML5的视频播放方案

相比文字和图片,视频给人的感官刺激是多维的,留给人们的印象更深刻、更清晰,视频文件是党建网站的重要载体。在WordPress中播放视频无需使用任何插件,使用标准的HTML5标签video就能实现视频播放。代码如下:<videosrc="videlname.mp4"width="640"height="360"controlsautobuffer></video>在众多视频格式中,mp4格式的兼容性最好。如果是其它格式,可以采用狸窝全能视频转换器、格式工厂等转换软件进行转换。较新的浏览器如InternetExplorer9+、Firefox、Op-era、Chrome以及Safari支持<video>标签,而InternetExplorer8以及更早的版本不支持<video>标签。解决这一问题的办法是在head部分加载下面的JavaScript文件,使用如下代码实现:<scriptsrc="http://html5media.googlecode.com/svn/trunk/src/html5media.min.js"></script>实现原理是采用Flash技术、使用Flash播放器嵌入视频,使得IE及Firefox支持video标签,该播放器称为flowplayer。这样就实现Windows平台、Mac平台、An-droid平台、iOS平台的全平台播放。

3.5后台管理界面加载缓慢解决方法

在国内访问WordPress后台管理页面,常常会出现页面加载极其缓慢,这是因为Wordpress从3.8开始会自动加载OpenSans字体,并引用Google(http://fonts.googlea-pis.com/)上面的CSS样式。OpenSans字体主要用于WP站点管理员登陆后顶部功能条的字体样式,而对于国内用户而言,Google会出现经常打不开或者访问速度过慢的情况,这样就会拖延站点的打开速度。解决这一问题的办法是使用disablegooglefonts或者RemoveOpenSansfontfromWPcore插件,禁止从Google网站加载字体。

4结语

本文采用开源软件LAMP(Linux+Apache+MySQL+PHP)和WordPress创建党建网站,通过选择适当的模板,可以快速创建党建门户网站的外观。利用各类插件,可以使网站具备丰富功能,实现页面静态化、页面计数、链接管理、视频播放等功能,并解决了WordPress后台管理界面加载缓慢的问题。

作者:沈涵飞单位:苏州工业园区服务外包职业学院信息技术系

被举报文档标题:静态化网站设计论文

被举报文档地址:

https://www.meizhang.comhttps://www.meizhang.com/sjlw/wzsjlw/666612.html
我确定以上信息无误

举报类型:

非法(文档涉及政治、宗教、色情或其他违反国家法律法规的内容)

侵权

其他

验证码:

点击换图

举报理由:
   (必填)