静态化网站设计

2024-07-24

静态化网站设计（精选5篇）

静态化网站设计篇1

自1992年托尼•约翰逊 (Tony Johnson) 发布Midas WWW, 允许用户浏览Unix和VMS网页上的文档以来, 网络浏览器发展到今天, 已今非昔比。上网快速浏览网页已成为每个人每天生活、工作的一部分。对于一个事业单位来说, 如何使做出的网页既能够快速打开浏览, 有利于搜索引擎收录, 又能减少php相关漏洞, 安全可靠是网站设计人员必须考虑的重要因素之一。

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]刘继良.ASP生成静态网页技术的实现[J].电脑知识与技术, 2014.

静态化网站设计篇2

关键词：ASP.NET,HttpHandler,页面静态化,性能

1、引言

ASP.NET是微软推出的一种Web服务器端开发技术, 我们在做ASP.NET开发时通常更多的是考虑页面上实现的功能, 例如:数据怎么在页面上显示, 用户登录该如何实现等。但我们很少考虑在服务器端如何通过编程的方式去处理请求, 例如:当客户端请求一个aspx页面时, 默认情况下服务器会编译并执行这个动态页面, 并将执行结果输出到客户端, 这就是一个典型的“请求-响应”的过程。但如果该页涉及到大数据量的数据库查询以及较为复杂的逻辑运算, 特别是在该页面并发访问人数较多的情况下, 响应时间会大幅度增多, 服务器压力也会增加。怎么解决这个问题?我们可以采用动态页面静态化技术解决这个问题。

2、页面静态化的概念

页面静态化即把动态页面转换成静态页面。页面静态化的优势: (1) 有利于搜索引擎搜索、 (2) 没有丢掉动态页面维护内容的方便性、 (3) 性能和安全方面的提升。早期的搜索引擎并不能很好的检索如*.jsp, *.aspx等的服务器动态页面, 但是对*.html等静态页面却有良好的检索效果, 于是就产生了一种“动态页面静态化”的技术, 在ASP.NET中就是把用户对同一个aspx页面的不同请求结果保存到不同的html文件中, 在以后的对该aspx页面的请求, 将调用相应html页面作为对客户端的响应, 这样将大大节省服务器端处理时间, 以达到快速响应客户端请求的效果。

要想实现动态页面的静态化必须先了解ASP.NET ISAPI的运行机制。

2.1 ASP.NET请求的处理过程如下

(1) 当Http请求提交到服务器端时, IIS检查所请求的资源类型并调用ASP.NET ISAPI, 步骤如下:1) 调用ASP.NET辅助进程 (IIS 6对应为w3wp.exe) ;2) 辅助进程加载.NET运行时环境;3) ASP.NET ISAPI将请求转发给辅助进程。

(2) 辅助进程收到请求, 通知ASP.NET ISAPI它将进行处理。

(3) 在辅助进程的上下文中执行处理过程, 步骤如下:1) 在.NET运行时环境中执行;2) 经Http Module容器和Http Handler容器处理。

(4) 处理完毕, 通知ASP.NET ISAPI完成。在这个处理过程中我们重点关注的是如何通过Http Module和Http Handler来处理Http请求。

2.2 Http Module和Http Handler如何处理HTTP请求

当一个HTTP请求经若干个Http Module容器传递到Http Handler容器中时, ASP.NET框架会调用Http Handler的Process Request成员方法来对这个HTTP请求进行真正的处理。以一个aspx页面为例, 正是在这里一个aspx页面才被系统处理解析, 并将处理完成的结果继续经由Http Module传递下去, 直至到达客户端。

.NET Framework提供了一组接口和类, 允许开发者对于Http请求进行编程, 而实现这一操作的一个主要的接口, 就是IHttp Handler (另一个是IHttp Module) 。IHttp Handler的定义是这样的:

可以看出IHttp Handler要求实现一个方法和一个属性。其中Process Request方法应该放置我们处理请求的主要代码。Is Reusable属性:获取一个值, 该值指示其他请求是否可以使用IHttp Handler实例。也就是说后继的Http请求是不是可以继续使用实现了该接口的类的实例, 一般来说, 应把它设置成true。Http请求从Http Module到Http Handler的过程如图1所示。

3、实现结果及分析

以下以单个产品详细信息页面生成静态页为例, 说明Http Ha ndler在处理Http请求中的应用, 使用Http Handler实现页面静态化的实现步骤。

制作html模板, 做为静态化页显示部分的基础:

其中[]部分为占位符, 将在Http Handler中根据不同产品信息进行替换, Html代码如下:

品牌:[Brand]价格:[Price]

4、使用Ht tp Han de r生成静态页面

业务逻辑层对象

web.config中添加如下配置, 用于进行静态页与Http Handler的映射:

当用户访问以产品ID为名称的页面时 (如:3234212.html) , 将交到Http Handler中进行处理, 如果该页面不存在, 将服务器将动态生成该静态页同时保存下来, 并交给客户端。以后对同一个产品的请求就可以直接获取该静态页了。

5、结语

利用Http Handler进行Http请求中的动态页面静态化, 可以加快服务器端响应速度, 减轻服务器端处理数据的压力, 通过Web测试和负载测试, 可以看到对于复杂页面处理和请求量比较大的页面有着性能上的显著提高。使用Http Handler还可以实现除页面静态化以处其他功能, 例如数字水印、防盗链等, 有很丰富的应用范围。

参考文献

[1]李敏波.ASP.NET2.0高级编程[M].北京:清华大学出版社, 2006.

[2]梁博.测试有道[M].北京:电子工业出版社, 2009

[2]王征.项目模型及业务流程分析[J].程序员, 2002 (1) .

静态文件储存系统设计及实现篇3

按照对存储空间的访问方式, 共享文件系统可分为共享存储集群文件系统和分布式集群文件系统。通过有效地使用共享文件系统, 可以为集群中的多台实际服务器共享同一个物理存储设备。

静态文件分发需求分析

随着500彩票网站规模和用户量的逐渐增大, 静态文件的存储需求问题也变得越来越多。在面对海量静态文件存储的问题, 根据自身业务需求对静态文件的分发进行了如下几点的分析。

需要提供一个统一的分发接口, 便于管理和控制, 同时该接口需要足够健壮和安全。该文件分发系统要有高可用机制, 保证如果其中一台服务器宕机, 不至于整个系统都不可用。该系统要有一定的可扩展性, 可以随着存储规模的增大进行动态地扩容。该系统要有一套日志机制, 用来记录文件分发的全部过程, 方便分发出现问题后可以追溯分发动作, 快速查找问题。该系统要足够灵活和分发性能足够高, 能在不同的状况下依旧保持很好的分发速度和性能。保证用户能快速地访问到静态文件, 尤其是访问一些时效性比较强的重要文件 (比分数据或者开奖数据等) 。

基于分级分发的静态文件储存系统设计及实现

基于分级分发的静态文件储存系统的设计思想为:提供一个统一的接口用于写静态文件并进行分发, 可以设置分发的优先级, 优先级高的会优先分发, 优先级低的会在队列中排队。文件的分发经过高可用的中央节点, 中央节点再将文件分发到目标文件服务器上 (如图1) 。

根据设计方案的基本架构, 系统典型的文件分发过程可描述为, 用户调用接口写文件并设置优先级进行分发 (参数自定义) 。文件随机分发到其中一台中央分发服务器, 文件分发成功后, 会向分发用户返回分发成功的反馈, 分发站点会记录下文件分发成功的日志, 并向目标文件服务器进行下一步的分发。分发到目标文件服务器的文件分发成功后, 同样会向中央分发服务器反馈分发信息, 中央分发服务器记录下分发信息。

提供统一的文件分发接口, 便于管理和控制分发行为, 并且提供了可靠的安全机制。分发站点接收到分发请求后, 会根据用户设置的分发优先级选择分发队列来进行分发 (分发队列后面有详细介绍) 。

采用分级分发策略, 使得这种架构有了一定的伸缩性、扩展性和可靠性。部署多台目标文件服务器可以缓减集中式文件服务器的压力, 加快了用户访问的速度。

优势分析

该文件分发系统是通过提供接口来进行写文件并进行分发的, 因此, 要把控整个系统的安全问题, 最重要的环节就是保证接口的安全性。目前该系统采用了用户权限控制结合文件路径权限控制来保证写数据的安全性, 而数据的传输安全性则采用MD5加密方式来把控。用户权限控制的思路是把接口只开放给可信任的用户, 其他不可信任的用户则拒绝访问;而文件路径权限控制则是利用操作系统提供的目录文件权限机制来进行把控目录的读写, 从而更进一层地控制了写接口的安全性。

当分发的文件数量达到一定的级别数后, 由于会受到文件数量、文件大小和带宽的影响, 可能会产生分发阻塞的问题。通过在dist站点和中央分发服务器之间、中央分发服务器和目标文件服务器之间添加一层分发队列, 这层分发队列有高优先级分发队列和低优先级分发队列, 可以很好地解决这个问题。

静态化网站设计篇4

在网络技术飞速发展的今天, 互联网成为人们获取信息的重要渠道, 在人们的生活中发挥着重要的作用。因特网上的信息主要是通过网站来发布的, 人们一般也是在特定的网站上获取所需的信息, 因此, 网站在人们获取信息方面扮演了重要的角色, 它已成为企业、事业单位、机关、学校、社会团体等的重要组成部分, 越来越多的机构开始拥有并不断完善自己的网站, 通过网站来发布消息、通知、提供服务、开展经营、网上支付等等[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.

《静态网页设计》教学改革分析篇5

1.1《静态网页设计》的课程性质

四川信息职业技术学院信息工程系为提高学生Web编程能力,提高学生就业成功率与就业质量,培养出高质量的网页设计师,在大一上学期为软件技术专业和网络技术专业开设了《静态网页设计》课程,本课程是信息工程系软件技术专业及网络技术专业基础课程之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。依据《静态网页设计》课程教学目标的要求,本课程主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。

1.2《静态网页设计》与其他课程的关系

信息工程系大一下学期为学生开设了动态网页《PHP动态网站开发》、《Java Script脚本编程》等课程,大二开设《J2EE程序设计》、《ASP.NET程序设计》课程,这些课程需要网页设计能力作支撑,所以《静态网页设计》课程在信息工程系软件专业与网络技术专业的课程体系中占有举足轻重的地位与作用。

1.3 现行教学模式的问题

在以往多年的教学过程中,本教学团队发现《静态网页设计》课程存在较多的问题,分别体现为以下各个方面。

1.3.1 现行教材问题较多

高校教材是给教师授课和大学生学习使用的工具书,在大家印象里,书本的逻辑性、严谨性、科学性应该标准很高。然而我们发现教材出现了较多问题。

1)教材印刷质量不好、价格偏高。为了节省成本,很多出版社把那些本应在中心城市上海、南京等地正规印刷厂印刷的高校教材拿到郊边或者更远的县城小印刷厂或者私人印刷厂印刷。这种教材的特点是,纸张的厚度一般都达不到国家要求的70克,纸张的“白度”也不达标,颜色灰暗。

2)内容体系呆板单一。很多教材往往走两个极端,要么就是内容很浅,太强调理论性和系统性;要么就是太实用,缺少理论基础的内容。教材中往往最缺少的是一些反映最新科研成果的内容,另外在增加教材的趣味性和增强学生能力培养方面也做得不够。

3)抄袭严重,错漏百出。很多教材错误百出,有些错误是由于编者水平不够,抄袭网络中的资源,不少错误都是在课堂上学生容易混淆的知识点,最不能容忍的就是语言错误。

综上所述,编写一本质量好,水平够且适合高职院校信息类学生使用的自编教材刻不容缓。

1.3.2 核心内容深度不够

在以往的教学过程中,较多的知识均是浅尝辄止,未对其进行更加深入的学习,以学生需要为切入点设计问题时,教师既要考虑学生本身的需求,即学生希望了解和学习的内容,也要考虑学生发展的需求。教师应该提前了解学生的具体情况,然后在课堂上与学生一起探究核心问题。

1.3.3 教学内容缺乏有机整合

在现行教学模式下,教学内容分为了一些零散的知识点和零散的教学案例,缺乏一个良好的机制将这些零散的部件有机整合在一起。

1.3.4 教学模式单调,有待改进

在现行教学模式下,老师的教学手段较为单一。常见的教学方式是老师案例讲解,完毕之后给少许时间让学生自主练习,如果时间不太够则就不用练习。这种方式造成学生的动手锻炼时间较少,且难以培养学生的学习自觉性和创造力。

1.4 研究的目的

综上所述,我们可知:《静态网页设计》课程性质关键,是信息工程系的一门核心专业基础课,但是由于种种原因,在现行教学体制下出现了较多的问题,这些问题会导致教学水平低下,教学内容与企业生产实际脱轨,难以锻炼学生优秀的网页编写能力以及自学习惯。

为了解决以上种种问题,为了为企事业单位培养出有用、优秀的网页设计人才,改革现行教学模式,修订教学内容,更新教学方法迫在眉睫。

2 项目研究的基本内容

2.1 整合教学内容

在以往的《静态网页设计》教学过程中,我们的知识点比较零散,比如文本信息与表单信息、表格信息是各自一个单独的案例,缺乏一个有机整合。学生学习完了之后每个知识点分别知道做什么作用,但是加入有一个网页涉及很多知识点,学生就迷茫了,不知道怎样将其有机结合。

在项目实施过程中,课题组以多个整体网站项目为出发点,将所有的静态网页所涉及的知识点贯穿始终,所有知识点有机结合,达到了学生学习完毕之后能够合理利用所学到的知识进行网页编码的目的。

2.2 引入流行知识与框架

在以往的《静态网页设计》教学过程中,我们所教授的知识与企业所用到的知识存在脱轨。

本课题组张俊晖老师于2010年赴北京中软国际集团学习软件项目开发半年,在此期间张老师所负责的技术部分即为静态网页编码。在这个学习过程中,张老师学习到了很多的企业生产实际所用到的知识和框架。在项目实施过程中,课题组以此为蓝本,将企业中需要用到的知识贯穿在教学内容之中,真实做到了学生学到的知识能在就业之后使用的目的。

2.3 改革教学模式

在以往的《静态网页设计》教学过程中,我们所采用的教学方式为老师做一个小案例的知识讲解,然后学生在照着这个案例进行编码,这种方式造成学生的学习积极性较低。

在项目实施过程中,课题组用了多种方式进行课堂教学。一是教授方式上,我们会讲解一个知识点,但是给学生做的却不是单纯的对老师讲授知识的简单复制,而是需要学生对知识进行理解领悟之后的创新。二是不仅有课堂教学,还有课外教学,我们开发了一个精品资源共享课网站,供学生在课外进行知识的汲取。同时还使用了多种手段来帮助辅导学生,比如课程网站、QQ群辅导等。

2.4 培养学生自学能力

在以往的《静态网页设计》教学过程中,教师教授知识,学生简单复制,缺乏自己的思想和新思维。

授之以鱼不如授之以渔,在项目实施过程中,我们会给学生提供参考文档,从一开始就教会学生使用参考文档来获取知识。我们教会学生的不是一个知识点而是一种学习方法和学习态度,即使有些知识点老师并未在课堂上讲解,学生依然可以通过自学完成。这样就提高了学生的自学能力,对于其长远发展有着重要意义。

2.5 改革考核方式

以往的《静态网页设计》考核方式是上机考试,所有同学做的是同一个网页,自然就会衍生出作品雷同甚至作弊的情况。

在项目实施过程中,我们将考核方式改为项目提交+上机考试相结合的方式。所谓项目提交是指老师在讲解完所有知识点之后,会布置给学生一个任务,由学生自由发挥完成作品并提交,这个作品将在考试成绩中占据重要比例。另外上机考试也不再是所有同学做相同的题目,而是从考试系统的题库中抽取随机的题目进行作答,每人都是不同的题目,有效避免了以前考核方式的弊端。

2.6 编写教材

一本好的教材将会让学生受益终生。为了达到这个目的,课题组组织人手在四川省省级精品共享课程《静态网页设计》的基础之上便写了一本教材,这本教材积累了课题组老师的丰富经验与心血,该教材现已出版。

3 项目研究的成果及特色

3.1 项目研究成果

1)公开出版教材一本:《项目化静态网页设计简明教程》,西南交通大学出版社,2015年7月。

2)公开发表论文两篇:《静态网页设计教学改革研究》,计算机与信息技术,2012年第3期;《高职院校静态网页设计教学改革研究》,软件导刊,2014年第1期。

3)成功申报省级精品资源共享课程一门:《静态网页设计》,2014年11月。

3.2 项目研究特色

1)通过网页设计师岗位能力分析,构建出基于职业岗位的课程目标,制定出相应课程的课程标准。

2)将企业规范及工作流程、HTML语言、CSS样式表、Dreamweaver、Java Script脚本等内容进行有机整合,使之形成一系列学用结合,内容鲜活的课程模块。

3)全面改革教学方法与教学手段,推行“工程项目教学法”,充分利用多媒体设备组织教学,课程教学全部安排在机房完成,实施案例项目的现场教学。

4)以任务下发、阶段验收的方式提高学生自学能力。