事业单位网站静态化剖析.docVIP

事业单位网站静态化剖析 　　摘 要 　　人们每天上网浏览的网页既有动态网页，也有静态网页。不同的网页状态对应于不同的设计模式和理念。能够快速打开浏览、有利于搜索引擎收录和安全可靠的静态网页适合用于事业单位的网页。 　　【关键词】静态网页 动态网页 模板 浏览网页 安全 　　自1992年托尼?约翰逊（Tony Johnson）发布MidasWWW，允许用户浏览Unix和VMS网页上的文档以来，网络浏览器发展到今天，已今非昔比。上网快速浏览网页已成为每个人每天生活、工作的一部分。对于一个事业单位来说，如何使做出的网页既能够快速打开浏览，有利于搜索引擎收录，又能减少php相关漏洞，安全可靠是网站设计人员必须考虑的重要因素之一。 　　1 概述 　　在网站设计中，纯粹html格式的网页通常被成为静态网页，网页url文件通常是以htm、html、shtml、xml等形式为后缀，静态网页内容一经发布到网站服务器上，即成为一个独立的文件，在用户浏览时，直接调用文件来进行交互式访问。由于静态网页独立的特性，所以静态网站内容是无法被用户随意更改；用户在浏览网页时，不用担心网站服务器端程序错误而产生的交互错误问题；静态网页的内容稳定，易于被搜索引擎收录，利于对外宣传推广；由于静态网页是实际存在的文件，无需经过服务器的编译，可以直接加载到客户浏览器上，所以静态网站访问速度要优于动态网页。 　　与静态网页相对应的是动态网页，它的文件扩展名通常为aspx、asp、jsp、php等形式为后缀，它结合了html、高级程序设计语言和数据库技术，在服务器端运行的程序、网页、组件等，按照用户的访问需求返回不同的网页。动态网页在新闻发布、二次开发、日常维护等方面与静态网页相比工作量较小；动态网页与用户的交互性强，在论坛、大新闻量的门户网站、网页游戏上应用较多；动态网页对浏览器缓存要求较少，由于每次访问时候发送的特征码不同，服务器在返回数据时，会重新被浏览器加载，使动态网页具有实时的特性。 　　在2009年至2014年期间，是动态网页高速发展的时期，在这期间，所有的新建网页大多都做成动态的，一些静态网页也被要求更改为动态网页，网页所有者将内容展示给浏览者，并与浏览者达到互动，那个时期网页的特点是强调互动，也诞生了很多网页程序、网页游戏等。 　　在近年开始，各大知名网站又开始“静”下来了，纷纷由动态网页转换为静态网页，主要由安全性和用户浏览体验来决定的，在个别仍需互动的界面保留原有动态页面，在新闻浏览页面利用动态技术生成HTML静态页面。 　　2 静态网页制作的思路和方法 　　在静态网页制作过程中，首先要对每一个栏目页面进行创建页面、规划栏目、页面布局、定义函数变量等，操作十分繁琐。为简化操作，可尝试使用模版化方法，对同类型的新闻界面使用同一个模板，对专题类新闻、宣传类新闻可以再定义不同的模板，这样可以让网站整体界面风格统一，也减少了管理员的很多工作。 　　在制作静态网页过程中，会产生很多的文件，可以将以栏目的英文名称在硬盘上生成一个目录，以此栏目为主栏目内容的HTML静态页面将生成在此栏目下，例如栏目的英文名称为news，以此栏目为主栏目的一条新增内容“欢迎浏览”的id为1，那么，在/Sections//Html/news/目录下会生成名为1.htm的Html文件，内容的相对导航地址为：/news/1.htm，绝对导航地址为http：///news/1.htm。通过这种方式的规划可以使文件夹整洁有序，方便管理员进行修改、查找。 　　生成静态页面需要“数据”和“模板”，数据（包括栏目和内容数据）通过后台界面录入，“模板”负责前台页面的表现形式，“数据”替换掉模板中的标记，生成前台静态页面。所以静态网页制作的很重要一个环节就是为各栏目和内容制作出模板，比如科研动态栏目建立一个kydt的模板，在模板中规定了站点的名称（对应模板中的#global.logo-caption#）、首页主题图片（对应模板中的#global.home_page_image#）、首页用于前台表现的Html内容（对应模板中的#global.home_page_content#）、本栏目主题图片（对应模板中的#this.mage#）、本栏目用于前台表现的HTML内容（对应模板中的#this.content#）等元素内容。 　　在后台将数据依次录入，替换掉模板中的标记，就可以生成前台静态页面了。笔者在操作过程中总结了两个小技巧，下面与读者分享一下，一是在页面规划的时候，首先将同类型或相近类型的网页挑选出来，制作成一个模板，在页面生成制作的时候，仅仅替换关键字，不用再逐一的制作了，大大减少了管理员的工作量；二是单独制作页眉页脚文件，每一个子页面直接调用该文件，可以使得每个子页面的