静态网站（共3篇）
静态网站 篇1
1 目前国内外静态网站与动态网站的现状
在网络技术飞速发展的今天, 互联网成为人们获取信息的重要渠道, 在人们的生活中发挥着重要的作用。因特网上的信息主要是通过网站来发布的, 人们一般也是在特定的网站上获取所需的信息, 因此, 网站在人们获取信息方面扮演了重要的角色, 它已成为企业、事业单位、机关、学校、社会团体等的重要组成部分, 越来越多的机构开始拥有并不断完善自己的网站, 通过网站来发布消息、通知、提供服务、开展经营、网上支付等等[1]。
截至2012年12月, 全球网站数是6340万个, 中国仅占了4.2%的比例。全国网站总数约为268万个, 比上年增长16.8%。中国网页数量为1227亿个, 比2011年同期增长41.7%。其中, 静态网页数为603亿个, 比上年增长1.71;动态网页数为624亿个, 比上年增长129%[2]。面对数量众多的网站及其需要动态更新内容的需求, 人们已经认识到网站的重要性, 并且在网站改进上花费了很多资金和财力, 但是我国大部分网站仍还停留在界面层次上, 并没有真正从网站管理的角度来认识网站。
2 动态网站与静态网站的比较
2.1 网站开发技术的比较
随着技术的发展, 目前网站建设已经十分成熟, 开发技术日新月异。静态网站和动态网站主要是根据网站开发所使用语言来区分。
静态网站开发主要使用HTML (Hyper Text Mark-up Language) 语言, 即超文本标记语言。HTML既是目前应用最广泛的语言, 也是构成网页文档的主要语言。HTML文本由HTML命令组成, 而且HTML命令可以实现文字、图形、声音、动画、链接等内容。HTML文档编写简单, 功能强大[3]。
目前, 动态网站开发技术有很多, 例如CGI、ASP、JSP、PHP以及.NET技术等。美国等发达国家在众多站点上采用动态的页面发布手段, 动态网站中, 不仅用户和站点出现大量的交互, 而且网站的管理、维护、更新都方便了许多。
2.2 网站工作原理的比较
网页在服务器端是否需要执行代码, 是动态网站与静态网站相区别的一个重要标志。也就是说, 动态网站中的网页在服务器端需要执行代码, 而且网页会随用户、时间的不同, 返回的网页也不同, 即传向客户端的网页是动态生成的, 并不是预先编好存在于服务器上的, 例如CGI、ASP、JSP、PHP、.NET技术等。而静态网站中的网页在服务器端不需要执行代码, 传向客户端的网页是预先编好存在于服务器上的, 并不是动态生成的, 它们是一直不变的, 例如html页、Java Script Flash等,
总之, 网站是采用动态网页还是静态网页, 主要取决于网站的功能需求和网站内容的多少两个方面。如果网站功能比较简单, 而且网站内容更新量不是很大, 就可以采用纯静态网页的方式实现网站, 反之一般要采用动态网页技术实现网站。
3 从动态网站与静态网站比较分析看财务处网站改革
无论是动态网站还是静态网站, 都可以向网站浏览者展示基本的文字和图片信息, 但从网站开发、管理与维护的角度来看差别就很大。就学校而言, 由于现在各大学校的教师和学生对信息的需求越来越高, 校园信息对提高学校的教学质量、提高学生的学习质量等等就显得尤为重要。通过对潍坊工程职业学院的所有教学与行政部门的网站进行考察, 发现学院财务处网站目前仍采用传统的静态网站, 传统的静态网站, 在功能方面存在很大的局限性[4], 主要有:
(1) 维护难。为了不断更新网页内容, 必须不断地重复制作HTML文档。
(2) 没有数据库支持, 因而网站的内容不能保存成为永久信息资源, 更不能用于查询、搜索、统计、分类。
(3) 不能自动更新, 并且不能与用户交互, 无法因时因访问者而变。
财务处作为管理学校财会工作的职能部门, 财务处网站不仅对内起到了信息交流、资源共享、方便办公管理的作用, 对外也是宣传学校财务工作的窗口。随着业务复杂度和用户需求的不断增加, 这些局限性直接影响到财务工作的效率。传统的静态网站已越来越不能满足学校发展的要求, 必须进行改革。采用动态网站技术来改变传统静态网站, 已经成为改善可用性、降低管理成本和提升学校管理水平的迫切需要, 具有深远的意义。动态网站建成后, 学院财务处利用该网站将信息发布到网站上, 并利用网站的管理系统对信息进行维护;简化财务管理信息的发布流程, 提高学院财务工作的效率, 提升整个学校的管理水平。
摘要：本文从网站开发技术、网站工作原理、网站网页特点上方面对动态网站与静态网站进行了比较分析, 指出了传统静态网站功能方面存在很大的局限性, 必须进行改革, 而采用动态网站技术来改变传统静态网站, 已经成为改善可用性、降低管理成本和提升学校管理水平的迫切需要。
关键词：动态网站,静态网站,比较
参考文献
[1]李红升.基于ASP的网站开发[J].计算机光盘软件与应用, 2012 (8) :158-158.[1]李红升.基于ASP的网站开发[J].计算机光盘软件与应用, 2012 (8) :158-158.
[2]中国互联网络发展状况统计报告http://www.cnnic.net.cn/hlwfzyj/hlwxzbg/hlwtjbg/201301/t20130115_38508.htm.2013.1.15[2]中国互联网络发展状况统计报告http://www.cnnic.net.cn/hlwfzyj/hlwxzbg/hlwtjbg/201301/t20130115_38508.htm.2013.1.15
[3]韩双旺.动态网站与静态网站的比较研究[J].自动化与仪器仪表, 2011 (6) :1-2.[3]韩双旺.动态网站与静态网站的比较研究[J].自动化与仪器仪表, 2011 (6) :1-2.
[4]于金龙.基于ASP技术的动态网站的设计与实现[D].大连:大连理工大学, 2006.[4]于金龙.基于ASP技术的动态网站的设计与实现[D].大连:大连理工大学, 2006.
事业单位网站静态化探究 篇2
1概述
在网站设计中, 纯粹html格式的网页通常被成为静态网页, 网页url文件通常是以htm、html、shtml、xml等形式为后缀, 静态网页内容一经发布到网站服务器上, 即成为一个独立的文件, 在用户浏览时, 直接调用文件来进行交互式访问。由于静态网页独立的特性, 所以静态网站内容是无法被用户随意更改;用户在浏览网页时, 不用担心网站服务器端程序错误而产生的交互错误问题;静态网页的内容稳定, 易于被搜索引擎收录, 利于对外宣传推广;由于静态网页是实际存在的文件, 无需经过服务器的编译, 可以直接加载到客户浏览器上, 所以静态网站访问速度要优于动态网页。
与静态网页相对应的是动态网页, 它的文件扩展名通常为aspx、asp、jsp、php等形式为后缀, 它结合了html、高级程序设计语言和数据库技术, 在服务器端运行的程序、网页、组件等, 按照用户的访问需求返回不同的网页。动态网页在新闻发布、二次开发、日常维护等方面与静态网页相比工作量较小;动态网页与用户的交互性强, 在论坛、大新闻量的门户网站、网页游戏上应用较多;动态网页对浏览器缓存要求较少, 由于每次访问时候发送的特征码不同, 服务器在返回数据时, 会重新被浏览器加载, 使动态网页具有实时的特性。
在2009年至2014年期间, 是动态网页高速发展的时期, 在这期间, 所有的新建网页大多都做成动态的, 一些静态网页也被要求更改为动态网页, 网页所有者将内容展示给浏览者, 并与浏览者达到互动, 那个时期网页的特点是强调互动, 也诞生了很多网页程序、网页游戏等。
在近年开始, 各大知名网站又开始“静”下来了, 纷纷由动态网页转换为静态网页, 主要由安全性和用户浏览体验来决定的, 在个别仍需互动的界面保留原有动态页面, 在新闻浏览页面利用动态技术生成HTML静态页面。
2静态网页制作的思路和方法
在静态网页制作过程中, 首先要对每一个栏目页面进行创建页面、规划栏目、页面布局、定义函数变量等, 操作十分繁琐。为简化操作, 可尝试使用模版化方法, 对同类型的新闻界面使用同一个模板, 对专题类新闻、宣传类新闻可以再定义不同的模板, 这样可以让网站整体界面风格统一, 也减少了管理员的很多工作。
在制作静态网页过程中, 会产生很多的文件, 可以将以栏目的英文名称在硬盘上生成一个目录, 以此栏目为主栏目内容的HTML静态页面将生成在此栏目下, 例如栏目的英文名称为news, 以此栏目为主栏目的一条新增内容“欢迎浏览”的id为1, 那么, 在/Sections/www.test.com/Html/news/目录下会生成名为1.htm的Html文件, 内容的相对导航地址为:/news/1.htm, 绝对导航地址为http://www.test.com/news/1.htm。通过这种方式的规划可以使文件夹整洁有序, 方便管理员进行修改、查找。
生成静态页面需要“数据”和“模板”, 数据 (包括栏目和内容数据) 通过后台界面录入, “模板”负责前台页面的表现形式, “数据”替换掉模板中的标记, 生成前台静态页面。所以静态网页制作的很重要一个环节就是为各栏目和内容制作出模板, 比如科研动态栏目建立一个kydt的模板, 在模板中规定了站点的名称 (对应模板中的#global.logo-caption#) 、首页主题图片 (对应模板中的#global.home_page_image#) 、首页用于前台表现的Html内容 (对应模板中的#global.home_page_content#) 、本栏目主题图片 (对应模板中的#this.mage#) 、本栏目用于前台表现的HTML内容 (对应模板中的#this.content#) 等元素内容。
在后台将数据依次录入, 替换掉模板中的标记, 就可以生成前台静态页面了。笔者在操作过程中总结了两个小技巧, 下面与读者分享一下, 一是在页面规划的时候, 首先将同类型或相近类型的网页挑选出来, 制作成一个模板, 在页面生成制作的时候, 仅仅替换关键字, 不用再逐一的制作了, 大大减少了管理员的工作量;二是单独制作页眉页脚文件, 每一个子页面直接调用该文件, 可以使得每个子页面的风格统一, 并使程序简化。
3静态网页是网页优化的主流
让网页“静”下来, 有以下好处:
(1) 由于每个网页都是真实存在的, 可以加快页面打开浏览速度, 静态页面无需连接数据库打开速度较动态页面有明显提高;
(2) 无需调用数据库, 减轻了服务器的负担;
(3) 减少了php相关漏洞的影响, 网页更加安全;
(4) 有利于搜索引擎的收录, 有利于对事业单位进行宣传和介绍。
网站建设采用静态网页, 还是动态网页?哪一个更好?其实一个网站没有绝对的静态和动态之分, 不同的页面需根据实际情况来决定。目前互联网上的主流趋势是采用动态技术来构建网站后台程序, 前台页面再生成静态网页, 整个网站都采用数据库来驱动。对于大多数不以营销产品为目的的事业单位, 其网站也没有像新浪、腾讯等网站那么多的新闻, 事业单位的网站大多用来介绍本单位基本情况, 业务情况, 最新消息等, 笔者认为事业单位的网页采用静态网页更有利于快速打开网页浏览、有利于搜索引擎收录, 且静态网页也更加安全可靠。虽然网页由动态转静态在操作和程序实现上有些繁琐, 但从提升网页浏览速度, 便捷搜索引擎收录等方面考虑, 笔者认为该项工作还是很有必要的。
摘要：人们每天上网浏览的网页既有动态网页, 也有静态网页。不同的网页状态对应于不同的设计模式和理念。能够快速打开浏览、有利于搜索引擎收录和安全可靠的静态网页适合用于事业单位的网页。
关键词：静态网页,动态网页,模板,浏览网页,安全
参考文献
[1]徐白, 宋玲, 吴昊.JSP静态网页生成技术的研究[J].计算机技术与发展, 2010, 20 (06) :175.
[2]黄立冬.一种半静态化网站的构建方法[J].软件, 2012, 33 (3) :38.
静态网站 篇3
1 基于工作过程系统化的课程设计主要思路
“工作过程系统化”理论认为, 工作过程是在企业里为完成一项工作任务并获得工作成果而进行的一个完整的工作程序[2]。基于工作过程系统化的教学模式的内涵是就是以学生为中心, 将课程的教学模式按照实际的工作过程进行设计和组织, 使学生在教学的过程当中掌握实际工作中需要的技能, 这样学生在就业时能与就业单位实现零对接, 提高学生的就业能力。
2 基于工作过程系统化的课程设计与实施
我院信息工程系筹建了一支校企共建的《高性能静态网站设计》课程开发小组, 小组成员包括来自企业的项目经理、Web开发工程师, 以及本课程的专业教师。小组将课程按照工作过程进行系统化的开发和建设, 按照工作过程中的顺序, 将学生各个部分需要掌握的知识嵌入到整个设计当中, 具体实施方案按照下面几个步骤进行。
2.1 职业能力分析
基于工作过程系统化的课程设计, 必须准确定位课程面向的工作岗位所需要具备的职业能力。《高性能静态网站设计》课程对应的岗位是Web前端开发工程师。Web前端开发工程师是伴随互联网发展出现的一个新型职位, 主要职责是利用XHTML、CSS、Java Script等Web技术进行客户端产品的开发。
我们通过到多个软件开发就业单位调研, 访谈企业负责人、人力资源部门、技术部经理和高级工程师等, 得出Web前端开发工程师应具备的职业特定能力为:掌握基本的前端开发技术HTML、CSS、Java Script并能独立运用Dreamweaver及相关的开发环境完成网页的设计、编写和调试。应具备的行业通用能力为:熟悉网站开发流程, 能根据实际网站前台需求设计网站策划书和网页效果图, 能根据网页效果图设计合理CSS样式方案和Java Script效果方案, 并能对网站进行测试和发布。应具备的核心能力为:具有勤奋学习的态度和求实创新的工作作风, 具有较强的创意思维和设计素质, 具有高度责任心和良好的团队合作精神。
2.2 专业知识梳理
课程开发小组根据上面分析总结的Web前端开发工程师应具备的这些职业能力, 同由企业专家、技术人员组成的校外指导专家一起梳理出培养这些职业能力需掌握的知识包括:XHTML文字、链接、列表、表格、表单、图像、多媒体元素;网站的规划、管理、发布;CSS语法结构;CSS布局和定位;网站中背景、图片、表格、表单、超链接的CSS样式设计;Java Script语法知识;Java Script内置对象的使用;Java Script特效。
2.3 典型工作任务确定
根据这些知识点, 课题组跟校外指导专家一起根据职业工作过程, 确定典型工作任务, 最终按照由浅入深、由简到繁、循序渐进的原则, 将整个课程的内容设计为3个典型的工作任务模块, 分别为高校网站设计、旅游网站设计和门户网站设计。
2.4 基于工作过程的任务实施
首先, 班级通过自由组合的形式, 形成若干个小组, 每个小组5-6名同学, 推举一名同学担任组长。然后, 每个工作任务都按照德国联邦职教所的六阶段模式实施教学, 通过明确任务、制定计划、做出决策、实施、控制和评价反馈这五个步骤进行。下面以第一个工作任务“高校网站设计”为例进行说明。
2.4.1 明确任务
小组同学通过访谈使用网站的具有代表性人群, 参考大部分院校主流网站的组织结构, 确定网站的主题内容、风格、色调、组织结构和主体功能。并进行小组讨论, 并在指导老师的协助下确定并编写网站策划书。
2.4.2 制定计划
小组根据网站策划书, 搜集相关的材料 (包含图像、视频、文件、校标等) , 并对材料进行加工。利用Photo Shop对相关图片进行处理, 绘制出网站的效果图。
2.4.3 做出决策
根据网站效果图, 小组讨论分配每个小组成员要分担的工作, 如有分歧, 组长拥有决定权。
2.4.4 实施
小组成员根据分工, 设计制作网站模板文件、样式表、动态效果方案, 并实现网站首页和其他子页面的布局和编码实现。
2.4.5 控制和评价反馈
小组成员将所有的页面整合完成网站, 对网站进行测试、发布, 并利用PPT进行讲解展示, 小组之间进行相互评分和讨论, 最后指导老师给出评价和总结。
3 结论
通过在《高性能静态网站设计》课程中的实践, 我们得出基于工作过程系统化的教学模式与其他比较传统的教学模式相比, 能在很大程度上发挥学生的主观能动性, 提高学生的思考能力和自我习得能力, 为学生走上Web前端工程师岗位打下坚实的基础。今后, 我们将逐步将这种课程改革模式应用于其他的计算机课程中。
摘要：《高性能静态网站设计》课程作为高职院校计算机专业的一门职业技能课程, 主要为学生将来走上Web前端开发工程师岗位奠定必要的知识和技能。现阶段, 很多学校的《高性能静态网站设计》课程的教学模式虽然进行了一定的改革, 但仍存在诸多弊端。本文主要将基于工作过程系统化的教学模式引入到该课程的改革中, 以更好的实现人才培养目标。
关键词：工作过程系统化,课程改革,教学模式
参考文献
[1]戴士弘.职业教育课程教学改革[M].北京:清华大学出版社, 2007.
[2]姜大源.当代德国职业教育主流教学思想研究:理论、实践与创新[M].北京:清华大学出版社, 2007.
[3]黄睿.浅谈高职情景化教学之项目化教学[J].科技信息, 2008 (36) .