网页开发（通用11篇）
网页开发 篇1
1 前言
JSP是目前网页开发过程中最常使用的技术之一, 其能够实现和硬件平台的分离, 这对于网页运行效率的提升有着极大的作用。 因此相关开发人员必须加强对其的应用, 为网页性能的优化创造条件。 文中对JSP技术原理、 JSP技术特点、 基于JSP网页技术的优势以及SP在网页开发中的应用进行分析。
2 JSP技术概述
2.1 技术原理
最先推出JSP语言的公司为Sun公司, 由于其自身所具有的优势性, 近年来越来越多的技术人员把其作为站点开发语言来使用。 和其他开发语言相比, JSP技术可以在脱离硬件平台的基础上发挥作用, 因此从这一层面上来说, JSP技术的应用能够让静态网页和动态网页以分离的状态所存在, 这对于系统运行效率的提升有着极大的作用。 就技术原理来说, JSP技术作用发挥过程和ASP技术有着一定的相似性, 它们都需要对HTML标记几何进行扩展处理, 并通过JSP引擎的应用使得扩展标记能够被识别和执行, 但值得一提的是这些被扩展的标记只能够被支持它的服务器的相关引擎所识别。 因此在服务器接受到相关请求后, JPS技术的应用就可以把相关请求文件以Servlet代码的形式所呈现, 并会把代码形式的文件传送到JVM上, 在JVM接受到相关代码后就会利用自身的编译功能对代码进行编译, 并把编译后的文件放在服务器中, 为其执行的实现创造条件。 在JSP收到结果后会把被编译的结果传输回客户端, 而用户就可以以浏览器作为载体对所查询的结果进行查看。 由于代码被执行的前提是用户会提出请求条件, 因此在第一次进行代码调用时, 代码加载的时间就会比较出长, 但是在代码第一次被编译后, 其就可以在后台实现独立运行, 因此在这种状态下, 用户请求的在此提出就会让JSP保持高效的运行的状态。
2.2 JPS技术特点
从本质上来说JSP技术可以被当做Servlet技术的扩展, 其是在Java环境下能够对动态网页进行高效开发的一种技术, 和其他技术相比, JSP技术具有以下特点:
2.2.1 页面生成技术较为简单
在把JSP技术应用到网页开发过程中所使用命令主要为标准的HTML以及XML, 即把HTML以及XML命令的应用, 让JSP页面的布局设计以及格式化过程得以实现, 此外在通过类似HTML, XML的标记以及Java语言编写的脚本程序是页面内容得以生成的重要依据。 和其他技术相比, JSP技术的应用能够让页面的内容和页面的形式都以独立的状态所存在, 这对于大型项目分工的完善以及网页建设效率的提升都有着极大的意义。
2.2.2 能够和Java平台有机集成
JSP技术是Java平台的重要组成部分之一, JSP所使用的脚本语言就是Java语言, 在JSP页面中基本所有的Java命令以及Java组件都可以被使用, 这对于Java语言功能的进一步发挥有着极大的作用。 通过JSP技术的应用能够使得Web应用程序的可靠性以及可伸缩性得以提升, 这对相关服务器作用的发挥极为重要。
2.2.3 服务器和硬件平台存在无关性
从属性上来说, JSP技术可以被划分到Java家族中, 可以说JSP技术充分地对Java技术的编写一次, 随时可用的特性进行了秉承, 其可以被应用到大多数的Web服务器以及操作系统平台上, 其可以在摆脱硬件平台的基础上发挥出相关作用, 这是其被应用到动态网页开发过程中最突出的优点之一。
2.2.4 可拓展性
JSP技术所具有的最显著的特点之一就是其可以被扩展, 作为Servlet的扩展内容, 其自身也具有可扩展性, 这对其作用的发挥有着重要作用。
2.2.5 JSP可以提供隐含对象
和其他技术相比, JSP技术可以对某些对象进行隐含处理, 这些隐含对象在JSP页面中可以在不被声明的基础上被直接引用。 把JSP作为隐含对象的提供载体, 能够让脚本功能进一步被提升, 并且JSP技术的应用也能够使得编程更加方便和容易。 譬如在把request对象作为处理对象时就能够很容易对HTML表单中的信息金属接收。
2.2.6 高效性
和其他技术类型相比, JSP技术在使用的过程中具有高效性的特性, 这是因为JSP代码会被以Servlet形式被编译, 并通过Java虚拟机实现解释执行过程。 所有代码的编译只会在第一次执行时进行, 其余请求提出时并不需要对代码进行编译。 此外在JSP技术应用的过程中服务器上的字节码采用的机制为Cache, 这为字节码访问效率的提升创造了条件。
3 基于JSP网页技术的优势
基于JSP网页技术所使用的编译码都是Java, 因此字节代码迁移过程可以在所有平台实现, 并且在对代码迁移过程中并不需要对代码进行改动, 这在一定程度上使得字节代码迁移过程得以简化。 此外在用户对JSP网页进行使用的过程中, 只有用户请求被提出的基础之上, Servlet代码才会处于被执行的状态, 因此在代码诗首次使用时, 需要花费几秒钟对其进行调用。 但是如果代码是被循环使用的状态, 那么服务器就会对代码进行缓存, 因此这就使得代码被解释执行的步骤被简化。 因此和其他网页技术相比, JSP技术在网页开发中的应用能够使得网页执行速度被进一步提升。 和JSP技术相比, 传统的ASP以及PHP技术在相关代码被执行前必须对代码进行解释工作, 这就导致在循环操作过程中使得执行速度以较慢的状态存在, JSP技术的应用则很好的能够对这种缺陷进行弥补。和PHP技术相比, JSP技术更多的被应用到电子商务网站中, 这是因为PHP技术不能够度多层结构和规模进行支持, 并且PHP的运行必须把大负荷站点作为依据。 此外PHP技术的应用可能会使得相关数据库的接口不能够以统一的形式所存在, 这是其不能够在电子商务中被广泛应用的重要原因之一。
和其他技术相比, JSP技术在安全性上更具有优势, 这是因为在对JSP技术进行使用的过程中, 相关开发人员能够通过HTML或者XML对最终页面完成设计以及格式化, 并通过JSP标记或者脚本来完成动态内容的生成。 被生成的内容逻辑会本封装在Java Beans组件中以及相关标记中, 客户端对于这些生成内容是不显示的。 在服务器端, 通过JSP引擎可以对JSP标记和脚本进行解释, 所有JSP页面都会被编译成Jav Servlet格式, 所被编译的结果也会以HTML或者XML形式输送会客户浏览器, 也就是说JSP技术的应用可以让内容生成环节和显示环节以分离的状态存在, 这对于代码安全性的提升于保证有着极大的作用。
可重用性是JSP技术的另一大优点, 之所以JSP技术可以实现重用, 主要依据的原理为让庞大的应用程序能够以多个独立功能的模块所存在, 在需要其协同工作时, 只要对各个模块之间的接口进行接通即可。 JSP技术可以使得Java组件开发人员你可以对普通操作组件进行共享以及互换执行, 这对于开发速度的提升极为重要。
JSP、 ASP和PHP技术的对比情况如表1 所示。
4 JSP在网页开发中的应用
在JSP页面被编写好要让其执行, 在执行的过程中客户端可以通过Web浏览器对JSP服务器进行请求的发出, 然后JSP服务器会对是否存在JSP页面所对应的代码进行识别与确认, 如果不存在则利用服务器对其进行Servlet的源代码的转换, 如果存在则利用JSP服务器对JSP页面是否存在修改进行确定, 如果页面不存在修改和更新状况则对其进行编译并加载到内存执行。 如果不存在修改状况在把JSP代码转译为Servlet的源代码。 在源代码被编译储存后, 把产生的结果返回到客户端。 一般来说, JSP文件的编译是在用户请求第一次被发出后所产生的, 而第一个请求的发出者往往是该JSP页面的Web开发人员, 此时被访问的JSP页面通常已经被编译成Servlet, 这样就可能让用户的访问效率得到提升。
5 结语
和其他技术相比, JSP技术在网页开发方面所具有的优势性更加明显, 其能够实现静态网页和动态网页的分离, 从而使得网页运行的效率能够被提升。 此外JSP技术的应用, 可以只对用户第一次请求代码进行编译, 在循环代码使用过程中不需要对代码进行再次编译过程, 从而使得整个代码编译过程可以被简化。 JSP技术是目前网页开发中最常使用的技术之一, 其对于网页性能的优化以及网页运行效率的提升都有着极大的意义, 因此相关人员应该加强对其的重视与应用。
参考文献
[1]邓子云.JSP网络编程从基础到实践[M].北京:电子工业出版社, 2014.
[2]殷佩楷.JSP 2.0动态网站开发实例指南[M].北京:机械工业出版社, 2013.
[3]周慧.JSP应用开发详解[M].电子工业出版社, 2014.
网页开发 篇2
性 别： 男
出生年月： 1988年10月
工作经验： 应届毕业生
毕业年月： 6月
最高学历： 本科
毕业学院： 北京理工大学珠海学院
所修专业： 计算机科学与技术
居 住 地： 广东省 珠海市 香洲区
籍 贯： 广东省 湛江市 雷州市
求职概况 / 求职意向
职位类型： 全职
期望月薪： 1500-元
期望地点： 广东省 珠海市 ， ，
期望职位： asp.net开发
意向概述： asp.net网页开发
教育经历
时间 院校 专业 学历
10月 - 206月 北京理工大学珠海学院 计算机科学与技术 本科
工作经历/社会实践经历
时间 工作单位 职务
9月 - 10月 麦当劳 普通员工
校内奖励
获得时间 获得奖项 学校
月 三等奖学金 北京理工大学珠海学院
联系方式
电子邮箱：
手 机：
网页开发 篇3
关键词：网页美工设计；开发；设计潜能；探究
TP393.092-4
在现代社会的发展过程中，我国的经济不仅得到了全面的进步，同时社会也在不断进行发展，因此人们在社会的发展过程中，开始对美有了更高的要求。作为信息时代，网页传媒信息和人们的实际生活也是一种不可分割的关系，因此网页美工对人们的生活也产生了重要的影响。但是现阶段我国高职院校在对网页美工进行教育的过程中仍然存在很大问题，不仅对这门课程有着十分严重过的影响，同时对学生设计潜能的发展也产生了严重的阻碍作用。针对这种情况，本文就对高职院校中网页美工教学进行研究，对怎样开发和提升学生的设计潜能进行有效地分析，并针对现在的问题提出相应的解决方案。
一、让学生美工教学有着充分地了解和认识
在实际的教育过程中，教师应该让学生对网页设计的两个重要因素进行了解：一是色彩的搭配，二是整体的风格的把握[1]。因此教师在对学生进行教学指导的过程中，首先在对网页中整体风格要进行确立，这样教师在对学生进行设计指导的过程中才能更有针对性，然后教师在对风格确立以后，需要将logo放在网站中最显眼的位置，这一方式不仅能够有效地对网站的特点和风格进行完善，同时在对之后的色彩进行搭配上也将有一定的帮助作用。最后还应该让学生对色彩的搭配有着更好的学习和掌握，在对网页进行设计的过程中，可以说色彩的搭配对整个网页设计的美感有着很大的影响作用。因此教师在进行教学的过程中必须对这一环节引起重视。在选定色彩之后，要对该色彩的透明度和饱和度进行适当的调整和研究，让整个画面在不断的调整和完善的过程中将效果达到最佳。
二、改善教学效果的方法
（一）加强课前的准备工作
一般情况下，我们在对网页进行设计教育的过程中都是在机房里完成的，因此学生很难接触到丰富的世界和色彩。针对这种情况，教师想要的对学生设计潜能进行激发，可以在课堂上利用一些舒缓的色彩帮助学生进行放松，像是绿色、蓝色都能起到很好的作用。这样在心情得到放松的前提下，教师在进行网页设计的指导和教学的过程中才能更好的进行教育的开展，让学生学习到更多的网页知识，因此只有学生的心情得到了缓解和发展，教师在教学的过程中才能更好的调动自身的积极性，两者之间相互影响，才能对网页教学起到更大的帮助和促进作用[2]。
（二）加强项目设计教学中课堂的组织
作为项目教学中的重要环节，教师在进行实际教学的设计过程中，应该以实际的教学目标和需求为基本的出发点，同时在进行教育的过程中还可以将设计环节划分成一个一个小的环节，帮助学生对将课堂的任务进行理解，同时这样在进行设计和学习的过程中才能起到更好的效果[3]。在进行教学的过程中，教师应该让学生认识到网页设计方向和网页构建的重要性，因此在教育的過程中，教师必须对学生的项目设计教学进行加强，在遇到实际问题的时候，教师只有将问题明确的指出并进行详细的研究和分析，学生在进行学习的时候才能对项目教学的目的有更深的了解和认识，对网页美工教学的开展才能起到更大的帮助和促进作用[4]。
三、结束语
在高职院校的教育过程中，网页美工教学已经不断得到了更多的重视，因此教师在对学生进行教学的过程中，通过对项目设计的指导，学生的设计能力和水平都得到了有效地提升，因此学生不仅想象力得到了发挥，自己的学习方法和思路也得到了进一步的提升。在今后的高职院校网页美工教学的过程中，我们要对学生的设计潜能得到进一步的开发和完善，为今后我国的网页设计行业的发展起到更大的帮助作用，同时为我国输送更多专业的人才奠定稳定的基础，全面提升我国美学的整体发展。
参考文献：
[1]李苏晋.浅谈高职院校网页美工教学中如何开发学生的设计潜能[J].科学与财富，2011，23（12）：300-300.
[2]吉文帅.高职院校网页美工课程建设研究[J].职业技术，2015，14（12）：74-75，66.
[3]庄昭程.高职《网页美工》课程教学的几点建议[J].才智，2016，26（12）：176-177.
网页游戏服务器端开发优化策略 篇4
1数据库前端缓存技术
网络游戏的高交互性导致了大量数据的频繁更新,如果系统中没有任何数据缓存措施,致使每一次请求都需要连接数据库,在访问量不高的初期可能没有什么影响,但是随着用户量的增加,每一次访问都需要连接数据库,以至于数据库无法承受如此大的压力,就会出现服务器无法提供服务的现象。
由于数据库的平均读写时间比内存的访问效率要低1000倍,为了减轻数据库的压力,在游戏软件的设计中都会使用缓存技术,采用“空间换时间”的策略,通过缓存数据库的查询结果来避免对数据库的频繁访问,以提高网页的反应速度,减少延迟、优化性能并节省带宽。但是如果把所有游戏的信息都放在缓存中,又会造成内存耗尽。因此为了更好地发挥缓存的作用,在开发中可以为应用中的所有查询做一些执行时间日志,来帮助分析哪些内容是要重点被缓存的,从而使得缓存服务器尽可能地缓存那些最具影响性能的查询。可以借助于一些缓存服务器软件帮助使用者有效地管理缓存。目前比较常用的缓存软件有Memcached和Redis。一般的对于以下3种情况需要考虑使用数据库前端缓存,定期对数据进行读写:
(1)从数据库读一个非常耗时的数据。
(2)频繁地读取数据库端更新较少的数据。
(3)频繁地写入操作:比如页面的点击量、投票数、用户的得分等。
2优化数据库的操作
虽然使用缓存可以防止过多的访问数据库,但是系统运行中访问数据库是在所难免的,因为即便是有很长的过期时间,缓存命中率很理想,但是缓存的创建和后期的重建都需要访问数据库,尤其是高并发访问的情况下,数据库的压力也是非常大的。这使得不得不关注数据库的性能,不管是查询还是更新,事实上影响数据库的因素很多,如果数据库使用稍有不当,便会拖累整个系统。因此优化数据库的操作是解决游戏开发中性能瓶颈的重点。
2.1使用数据库连接池技术
在网页游戏中数据库连接是一种非常关键的资源,对数据库连接的管理能力会影响到整个游戏的伸缩性和健壮性,从而影响到程序的性能指标。一般采用数据库连接池来分配、管理和释放数据库的连接,数据库连接池在初始化时会创建一定数量的数据库连接放到连接池中,它允许应用程序重复使用一个现有的数据库连接,而不是重新建立一个,只要数据库连接池中有空闲的连接。连接池通过释放空闲时间超过最大空闲时间的数据库连接来避免因为没有释放数据库连接而引起的数据库连接遗漏。这项技术能明显提高对数据库操作的性能。
2.2数据库读写分离
游戏软件运行的过程中,数据库读操作比写操作更加密集,而且查询条件相对复杂,数据库的大部分性能消耗在查询操作上了。为了有效减轻数据库的压力,往往采用数据库读写分离技术,即把对数据库读和写的操作分开对应不同的数据库服务器。主数据库负责写操作,从数据库负责读操作。为了有效地保证数据库的完整性,主数据库进行写操作时,需要将数据同步到从数据库。Quest Share Plex就是比较牛的同步数据工具。
2.3减少数据的更新次数
数据库的更新操作会带来一连串的“效应”:更新操作需要记录日志(以便错误时回滚);更新可变长字段(如,varchar类型)会带来数据物理存储的变化(记录的移动);更新索引字段会导致索引重建;更新主键会导致数据重组等。这一切不但会造成更新操作本身效率低,而且由于磁片碎片的产生会造成以后查询性能的降低。为了应对这一情况,需要尽量减少更新数据的次数。在实际开发中可以尽量减少数据更新的次数,即只有当“不得不”更新数据时才进行更新,从而减轻数据库的压力。比如在网页城池类游戏中实现城池收税时,每分钟的税收是10个金币,如果每分钟都更新数据库,会造成大量的I/O操作,而硬盘的I/O又非常有限(1s吞吐量大约70M左右)。解决的办法是通过设置一个时间戳,每次收税时根据当前时间与时间戳之差计算金币总数,这样可以有效节省硬盘的I/O,仅仅消耗极少的CPU资源,会大大提高系统的性能。金币表的设计如下:
3使用JSON实现配置文件
在网络游戏往往需要设置许多游戏参数,开发中可以通过采用数据驱动代替代码驱动,从而满足参数需要灵活改变的特点,并且易于调试和维护。所谓数据驱动就是运用配置文件来调节游戏的诸多参数。配置文件的实现有许多方式,比如数据库+缓存、本地文件等。由于本地的配置文件比放在数据库中的配置文件读取速度要快,所以推荐使用本地文件。本地配置文件中存放的数据格式也是多样的,如json,ini,yaml,xml等,由于JSON语法简单,解析器易实现,同时便于解析和格式化输出,所以推荐使用JSON实现配置文件。这主要是因为:
(1)JSON的格式方便数据读取
例如
(2)JSON的格式数据体积小,传输快
上一个例子,写成XML就是:
很明显JSON的体积更小。
(3)客户端操纵XML的时候需要创建Active X对象,而JSON则完全就是一个JS对象,不需要创建DOM。
4结语
针对大型在线多人游戏中服务器的负载过重的问题,为了尽量减少硬件投入,根据作者在实际开发中的经验,提出几项可行的优化策略,减少服务器的负载,提高服务器响应速度,扩展服务器带宽和增加吞吐量,为用户提供更好更快的访问质量和体验。
参考文献
[1]邓丽,董玮.网络游戏服务器端研究与设计[J].软件导刊(全称,英文期刊名以黑体标志),2009,8(5):135.
[2]罗永刚.大型网络棋牌游戏服务器端设计与实现[D].济南:山东大学,2011.
[3]赖勇浩.实时网页游戏服务器端架构的设计与实现[D].广州:华南理工大学,2011.
[4]刘树杰.网络游戏服务器端的设计与实现[D].成都:电子科技大学,2009.
网页开发 篇5
一，网页设计
网页设计可以理解为为网站上妆的技术。网站的永恒主题是用户体验。用户访问你的网站，能不能给对方留下好的印象以至于TA下次还来访问你的网站，这是很重要的一个问题。在这里，你必须站在一个设计者和用户的角度去思考。怎样设计一个整洁漂亮的网页，在这里推荐大家四原则：反差，重复，排列，分类。1，反差
好的反差效果可以给用户留下好的并深刻的印象。如果用户到你的网站，你的网站没有焦点聚焦到TA的眼睛，那么是不会留下深刻的印象的。可以利用图片，文字，颜色等方法来产生反差。比如说，你促销某种产品，那么这个产品的图片的尺寸就要比别的图片要大，另外的一些辅助插图可以小，然后别的产品的图片可以与插图一样大或者小些；然后关于这个产品的介绍文字，你要重点强调（着色，加粗，加大）；在颜色上也是一样，主打产品的图片颜色，字体颜色，字体背景颜色都要比别的产品的颜色要鲜亮，突出重点。这样就形成了一个很好的反差效果。
2，重复
重复的原则可以体现你整个页面的连贯性。比如在页面的头部和脚步用相同或类似的插图；再比如你做一个关于宠物小狗的页面，那么背景我们可以设计成一个家园，狗窝等，插图用小狗的图片，然后序列介绍中的序列符号我们可以设计成骨头。突出了你的页面风格和你的品牌。
3，排列
排列在网站设计中是比较重要，你的网站表现的业务还是专业很大程度上从排列上反映了出来。使用格栏效果可以使你的设计显得很干净不冗余，会使网站的内容合理的分布在框架中。体现了你的专业性，也给用户留下了很好的印象。格栏设计好有益于栏目的设置，这样才能突出你的中心，用户阅读栏目的内容也会得到一个好的效果。
4，分类
把你的网站的不同内容分开来，如果有关无关的内容都堆在一起，那么你的用户体验就会很糟糕。将内容按照逻辑划分到相关的主要分类下，会显得你的网站内容既清晰又规整，简单明了。合理的分类会提高网站的有效访问度。调查发现，当用户在网站查找内容超过三级子分类时会失去耐心。所以在分类这一原则上要把握好。
二，网站编程
我对网站编程的理解是：网站的核心，主体，精神。一个优秀的网站光靠漂亮的设计是不行的。网站编程包括：HTML，ASP，.NET，PHP，JSP，数据库等。其中，HTML是最基础的。学好HTML之后学习其他的语言才不会看天书。学习方法很重要。如何去学呢？
1，循序渐进
俗话说的好：心急吃不了热豆腐。路都不会走还想跑？学习也是一样，需要一个由简到繁，由浅到深，循序渐进的过程。除非你是天才，不是的话就先把HTML先学好。其实HTML并不难，用我朋友的话说，就是记住标签与标签的写法。虽然这句话不是全对，但也还有道理。学完HTML后，可以接触ASP，PHP，一般这两种语言在应用中比较多，PHP在论坛建设中用的很多，还有CMS等。2，多交流多练
学习有时是需要一个气氛的，大家一起交流，一起探讨，学习氛围有了，自然学习起来进步就会很快。大家一起交流，一起探讨总比你一个人闷在那学要强。毕竟，你总会有碰到疑问解决不了的时候，而这个时候你到网上去查资料未必查的到，而请教不熟悉的人TA也没有义务为你回答，这时如果你有一起学习的伙伴，有这样一个圈子，就可以把问题提出来，大家一起探讨，共同解决；同样，当有什么心得体会的时候，大家一起交流一下，这样你碰不到的问题别人碰到了，但是通过交流你掌握了解决的办法，或者你会了帮了别人，这样你的学习不是会有一个质的提升。要多学会跟别人交流。练习也是不可或缺的一环。看资料，看教材，光看不练你永远学不会，充其量就是纸上谈兵。操作多了，熟练了，那样才会学的更快。
3，多看多想
多到相关的网站去看别人写的经验体会，技术文章，这样对扩张你的视野和充实你的专业知识是很重要的。学会思考，举一反三。解决问题的方法不止一种。1+4=5，那别的数字相加能不能得到5呢？
三，优化
网站做完了，上线发布了。基本上完成了大体的工作。但是并不代表可以高枕无忧了。网站发布以后的日子里，你天天需要去重复做的也是最重要的就是优化。优化可以分为：内容优化和引擎优化（SEO）。引擎优化就是通过一些设置，手段后使搜索引擎（比如百度）收录你的网站，获得好的排名，增加用户访问量。但是，真正重要的是做内容优化。我的一个朋友曾经说过：网站内容质量高了，用户体验好了，搜索引擎自然会光顾你网站，增加网站权重。做好内容优化包括：
页面的布局，关键字的选择，原创内容等等，做优化只有站在用户的角度你才能把优化做好。
以上是我个人多日来查看资料得到的一些心得体会，纯属个人理解。秉承互联网精神：分享。
网页开发 篇6
关键词：网页制作；教学设计
中图分类号：TP393.09
随着网络的日益发达，网页技术得到不断普及，在社会各个领域中都充分体现了网页制作技术的重要性，学校方面也开始不断重视这一方面人才的培养。但是，中、高等职业院校的毕业生所学知识往往与就业单位要求不相符，很大方面的一个原因是传统的网页制作课程教学难以满足现阶段的发展形势。因此，笔者将根据这一课程的教材特点和学生的特点，浅谈如何设计“网页制作”的教学。
1 教材分析与教学对象分析
1.1 分析教材。《Dreamweaver MX2004中文版网页制作基础》是我校选用的教材，其最大特点在于采用“任务驱动，案例教学”的形式，这就充分考虑到了实际运用和实际需要，用趣味十足的实际案例来讲解网页制作方面的知识技能和应用技巧，这样不仅使方便教师教学，而且使学生学起来很实用。在学习“网页制作”知识之前，学生已经初步掌握了网络相关知识、数据库设计与应用、Office办公软件的应用、计算机硬件组装与维护、FLASH二维动画设计等内容。因而，在学生已具备了收集、编辑文本、图像信息的能力的情况下，我们的教学重点应该放在网页信息表达方面，例如网页版面的美化、文字内容表达等。不仅要加强学生的信息意识，还要提高学生的信息处理能力；教材第四章的内容中以“我的个人主页”为案例设计，这给了学生充分的想象空间，满足学生喜欢展现自我的个性需求，又有效发挥他们的主动性和创造性。另外，对网页版面设计效果的评价促使学生更好的了解编排原则、布局种类、色彩搭配等，有助于提高他们的审美能力和艺术修养内容。
1.2 分析教学对象。本课程的教学对象是中等专业学生，根据学生的性格特点，他们对操作性较强课程的学习积极性明显高于纯理论的学习。而在现代社会，《网页制作》这门课程与每个人的生活都是息息相关的，加之其网页界面融合文本、图片、音乐、视频等为一体，极大的调动了学生的学习兴趣，继而激发学生了解网页实现原理和方法的欲望；教师在实际教学过程中要时刻注意引导学生利用已有知识更好的学习网页制作，与此同时也巩固了旧知识，一举两得；教师应当适时地监控学生的协作学习情况，鼓励分组合作交流，并实时总结心得、体会，引导学生“自主、合作、探究”学习。
2 《网页制作》课程教学设计的思路
从以往《网页制作》课程的教学情况来看，在学习这门课程之后，学生虽掌握了基本理论知识，但实际运用能力较差，很少能制作出优秀的作品，主要表现在两个方面：网页色彩的使用和网页内容的定位。因此，教师在设计教学时，需要借助一个载体——一个实际的项目，并将整个项目分解成若干小项目，再把每一个小项目分别作为一个学习任务，用这样的方法贯穿于整个教学过程。完成了一个小项目，也就相应的掌握了一个知识点。便这样完成学生运用三个软件进行网页制作的学习。
课程设计要有助于提高学生的技能水平。运用“项目导向”与“任务驱动”的教学模式，创新教学方法，继而帮助学生有效掌握网页版面设计技术。具体阐述如下：注重培养学生自学能力和专业技能。在掌握网页制作理论知识的同时，也要注重学生社会能力的培养。在学习网页制作的过程中，主要学习一些网站开发知识，可以让学生以自主学习或是合作学习的形式进行，若是结合实际来学习会达到更佳效果更好；将网页制作作为一项整体的教学任务，对于教学内容、教学方法和考核内容，做好任务分配工作，结合多样的教学方法建立与之相应的考核体系，这样必然达到最佳的学习效果；教学设计要结合社会需求，作为理论与操作相结合的学科，网页制作在设计课程时，可以模拟真实的项目，如此可以进一步提升学生的技能，任务驱动教学模式的实行，能更好的调动学生的学习积极性和求知热情。
3 教学目标的设定
3.1 知识目标。这一目标主要为：掌握Dreamweaver的工作环境，以及菜单、工具栏的使用方法；掌握新建网站的方法、网页的编辑技术和文档的保存方法；掌握操作表格、单元格、框架、层的辅助定位工具的方法；掌握插入和编辑网页超链接的技术；掌握插入和编辑文本、图片、动画、视频的方法和设置格式的方法；掌握利用Fireworks设计处理文字的方法；掌握利用Fireworks制作网页中所需的线条及边框；掌握用工具绘制图形的方法；掌握基本动画和引导动画的制作。
3.2 技能目标。这一目标主要为：能通过模仿网页来制作实际网页；能在网页中熟练地插入文字、图片、动画等；能通过使用简单的表格编排出结构清晰、内容整齐的网页内容；能恰当地选择适当的网页背景图案和背景音乐；能插入简单的表单，使网页具有初步的动态功能。
3.3 情感目标。这一目标主要为：培养学生的敬业精神、团队协作精神；培养学生的社会责任感和工作效率观念；培养学生的审美情趣和审美能力；通过课堂中出现的网页，渗透爱党爱校教育；在合作学习过程中培养乐于助人、团结协作的精神。
4 教学重点、难点的设定
教学重点是帮助学生掌握网页布局、表格的制作和编辑方法、表格的嵌套和属性的设置，以及熟悉网页的各种元素。教学难点在于培养学生分析网页布局和色彩搭配的能力。
5 设计教学过程
5.1 引例以导入新课。（1）推荐给学生优秀网站做范例。1）清华大学网页布局——“国字型”并分析其网页元素；2）万州一家企业网页布局——“三字型”并简析其网页元素；3）重庆市机关党建网页和环球厨卫网页布局———“T字型”并简析其网页元素。（2）组织学生讨论网页的内容和风格，分析网页框架和布局。
5.2 课程主要内容的学习。（1）以广播的方式展示范例网站的网页，逐步引导学生分析网页的布局并尽可能详尽（“国”字型），在分别分析网页元素——文本、图像、表格等。（2）分小组布置活动任务，并分别指定小组长，教师实时观察进程，并对学生制作过程中遇到的问题适时给予帮助。（3）组织小组之间进行网页制作互评；（4）设计网页版面设计评估表。
5.3 课堂小结。在这个教学过程中，利用现代多媒体中的实例网页，教师准备好备好教学素材和课件，围绕网页制作实例，来促使学生掌握网页的布局，表格的制作与编辑方法，并熟悉网页的各种元素。通过课堂上的实践操作环节，很好的培训了学生的技能，教会学生举一反三、融会贯通，大大提高了学生的综合运用能力。同时提高了学生的专业技能水平，让学生真正地学会学以致用，教师也顺利完成教学目标，取得良好的教学效果。
6 设计考核方式
网页制作作为一个整体项目，可以从以下几方面进行评价：页面结构设计、网页中动画的制作、网页中导航的制作、子页面的制作、网页中图像的制作、网页中的链接和整体效果。主网页和二级网页在整体布局上要风格统一，布局合理、美观，文件命名正确，文件夹组织标准有序，符合社会标准；按要求制作网页导航、编辑网页元素，导航要求清晰、有一定动画效果。考核评分时，教师不仅应当结合学生的平时操作情况，还应考虑作品展示时其他同学的评价，综合评价给出一个分数。
7 结束语
网络技术发展不断更新，作为实践性很强的科目，“网页制作”对学生的动手能力要求越来越高，同时还需要学校和教师积极主动地关注社会需求，及时掌握技术发展趋势和网页制作发展动向，鼓励学生在不断储备知识的同时，不断提高自己的实践操作能力，使更多的网页制作人才得以涌现。
参考文献：
[1]曾广雄.中文Dreamweaver网页制作实例教程[M].北京：研究出版社，2008：206.
[2]周奇.新编网页设计与制作教程[M].北京：研究出版社，2008：185.
[3]贾勤.网页设计三合一能力教程[M].北京：中国铁道出版社，2006：54.
CSS在网页开发中的运用技巧 篇7
1、样式的基本格式
C S S的每条定义都是由三个部分组成的:选择符 (Selector) 、属性 (property) 和属性
取值 (value) 。基本格式如下:
选择符{属性:属性值}
1.1 选择符:可以是HTML的标识符, 例如<TABLE>、<h1>、<font>等。
1.2 属性:就是指选择符中要修改的属性。
1.3 属性值:相应属性的取值。
2、添加层叠样式表的方法
2.1 内联样式
内联样式可称为局部样式。内联样式是混合在HTML标识符里使用的, 在标识符中加入style属性, 后面跟一些属性及属性的值,
如<div style="height:500px;width:66px;">内联样式表</d i v>。
内联样式具有局部性, 因为它只能影响被定义的标识符, 而且在每个需要样式的标签中都要进行定义, 这样大量使用style属性使代码变得难以维护, 所以建议尽量少用。
2.2 整页套用样式
将所有样式定义集中起来放在HTML文档<head></head>之间, 使用标签<style></s t y le>将其包含起来。如:
这种样式表只能在HTML文档的内部定义与使用, 每个HTML文档内都需要单独定义一套样式规则, 不利于样式的重用, 维护起来也相对麻烦, 不宜大量使用。
2.3 外部样式表
将所有样式定义放在一个以.css为扩展名, 结尾的文件中, 与HTML文件分开存放。这样一个样式表文件可以被多个HTML文档引用, CSS文件通过网络单独下载, 一直都可以使用, 甚至可以使用其他样式表。
要在HTML文档中使用外部样式表有两种方式, 都是在head部分加入相应代码:
2.3.1 通过链接的方式。
加入<l i n k h r e f="c s s/c s s 1.css"rel="stylesheet"type="text/css"/>代码来对CSS文件夹下css1.css样式表的引用。
2.3.2 通过引入的方式。
加入<style>@import url (css/css1.css) ;</style>。代码来对CSS文件夹下css1.css样式表的引用。
通过链接或引入的方式调用css1.css外部样式表, 我们就可以在HTML文档中任意使用css1.css中定义的样式。这种样式表维护起来是最方便的, 也显著减少了HTML文档大小, 使得网页的下载速度更快。所以我们推荐外部样式表。
3、用C S S定义网页中的样式
3.1 用css实现图片等比例缩放
按比例缩小或者放大到某个尺寸, 对于标准浏览器 (如Firefox) , 或者最新都IE7, i e 8浏览器, 直接使用m a x-w i d t h, m a xheight;或者min-width, min-height的CSS属性即可。
如:img{max-width:100px;max-height:100px;}img{min-width:100px;min-height:100p
对于IE6及其以下版本的浏览器, 则可以利用其支持的expression属性, 在css code中嵌入javascript code来实现图片的缩放,
如下:.thumb Image{max-width:100px;max-height:100px;}/*for Firefox&IE7*/*ht ml.th umb I ma ge{/*fo r IE6*/width:expression (this.width>100&&this.width>this.height?100:auto) ;height:expression (this.height>100?100:auto) ;}
3.2 让背景图案静止不动
当网页不能在一屏全部显示时, 我们往往借助于水平滚动条和竖直滚动条来浏览屏幕以外的内容, 移动滚动条时一般图像和文字是一起移动的, 那么我们有没有办法使背景图像不随文字一起“滚动”呢?利用CSS就可以实现这样的目的, 我们只要把下面这段源代码直接放在网页的与标签之间就可以了, 其中bg.jpg就是网页中的背景图像, 大家可以把它换成自己需要的背景图像:
3.3 CSS用于文档打印
许多网站上都有一个针对打印的版本, 但实际上这并不需要, 因为可以用CSS来设定打印风格。
也就是说, 可以为页面指定两个CSS文件, 一个用于屏幕显示, 一个用于打印:
第1行就是显示, 第2行是打印, 注意其中的media属性。但应该在打印CSS中写什么东西呢?你可以按设计普通CSS的方法来设定它。设计的同时就可以把这个CSS
设成显示CSS来检查它的效果。也许你会使用display:none这个命令来关掉一些装饰图片, 再关掉一些导航按钮。
3.4 让网页自动进行“首行缩进”
用Dream Weaver来设计网页的用户知道, 在Dream Weaver中输入空格不是那么的方便, 我们可以利用css来设计“首行缩进”功能来弥补这个缺憾。打开Dream Weaver的设计界面, 在该界面中找到CSS的属性定义对话框 (Style Definition for.style1) , 在该对话框的“Block”标签下的“text-indent”属性定义设置项中来设置“首行缩进”功能, 在这里要注意的是, 所谓“首行”是指每段内容的第一行, 也就是直接按回车键就形成了一个新的段落。缩进最好以“em” (字符) 为单位, 比如:汉字编排要求每段开始缩进两个汉字, 设置好的CSS如下所示:
3.5 CSS字体属性简写规则
一般用CSS设定字体属性是这样做的:
font-weight:bold;
font-style:italic;
font-varient:small-caps;
font-size:1em;
line-height:1.5em;
font-family:verdana, sans-serif
但也可以把它们全部写到一行上去:
font:bold italic small-caps 1em/1.5em verdana, sans-serif
只有一点要提醒的:这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且, 如果你没有设定font-weight, font-style, 以及font-varient, 他们会使用缺省值。
3.6 图片替换技巧
一般都建议用标准的HTML来显示文字, 而不要使用图片, 这样不但快, 也更具可读性。但如果你想用一些特殊字体时, 就只能用图片了。
比如你想整个卖东西的图标, 你就用了这个图片:
这当然可以, 但对搜索引擎来说, 和正常文字相比, 它们对alt里面的替换文字几乎没有兴趣这是因为许多设计者在这里放许多关键词来骗搜索引擎。所以方法应该是这样的:
但这样就没有特殊字体了。要想达到同样效果, 可以这样设计CSS:
注意把image height换成真的图片的高度。这里, 图片会当作背景显示出来, 而真正的文字由于设定了-2000像素这个缩进, 它们会出现在屏幕左边2000点的地方, 就看不见了。但这对于关闭图片的人来说, 可能全部看不到了, 这点要注意。
4、用CSS设计网页的实例
下面我们用CSS制作一个效果, 在正常状态下链接是一个静止不动的图片, 当鼠标移到链接区域, 即在鼠标的悬停状态下, 背景图片变换成为另外一张图片。
原理是利用a:hover改变图片的显示属性。当鼠标不在图片上时, 是一个正常图片, 当鼠标移动到图片上时, a:hover发挥作用, 图片采用a:hover的样式设计的内容, 变成另外一张图片。
CSS编码说明:
m e n u部分, 设置d i v容器的宽度为150px, 设置上下外边距为50px, 左右为自动实现水平居中对齐。
menu a部分, 将链接元素转换为块元素, 设置其宽度与高度。设置文本缩进为160px, 将链接文字“推”到了可视区域以外, 但仅这样做实现不了隐藏链接文本, 紧接着设置强制文本在一行内显示, 溢出为隐藏。设置链接的背景图片为btn1.gif, 不重复, 位于0 0坐标。
menu a:hover部分, 设置链接的悬停状态, 仅将背景图片改为btn2.gif。
5. 结语
笔者介绍了CSS样式的基本概念、引入方式、简单效果等, 随着网页制作技术的不断进步, 会有更多更好的网页设计技术出现, 这就要求在以后的学习中要不断总结, 不断掌握新的技术, 及时把握网页设计的发展动向, 多从实践中注意总结经验, 这样可以成为一个合格的网页设计人员。
参考文献
[1]于鹏.网页设计语言教程 (HTML/CSS) [M].北京:电子工业出版社, 2003
[2]张月玲.网页设计与编程[M].西安:西北工业大学出版社, 2004
网页开发 篇8
1“网站开发与网页制作”网络设计现状分析
1.1 网站开发语言安全性
网站开发采用的语言有ASP、php、aspx、java等, 实际开发制作中PHP+SQL的应用非常广泛, 这在网络课程设计中也是综合运用的重要课程, 它能独立实现网页的自由切换, 完成复合图形的链接, 调整网站的模式结构, 它的动态因素还能起到吸引眼球, 脱颖而出的效果;网站开发中PHP+SQL的综合运用更是提高了网页的利用空间, 加速了后台数据库的建立, 同时提高了网站开发的安全性和注重浏览者的综合感受。
1.2 静态网页制作中Dreamweaver的应用
现阶段, 在网站开发与网页制作课程中, Dreamweaver网页静态编辑器应用最为广泛, 它从最初的1.0版本升级到CS5, 同时它的功能也从简单的调节色阶、饱和度、制作文字图框上上升到独立编辑和创建动漫图片, 三维立体调色, 人物实体渲染等丰富强大的功能, 这在网页制作图像编辑上发挥了立竿见影的作用, 其次它带有扫描和创作功能, 使制作的图片所见即所得;同时他还具有自由变换渲染实景的强大功能, 可以还原复古地域风情、分辨明暗光景、丰富人物表情等, 使我们的图像新颖而富有特色。
1.3 收录引擎对网站的友好度
搜索引擎属于网站开发与网页制作的后台工作, 它是支撑网页正常运行的必要条件, 也是网站链接显示的重要组成部分, PHP、JAVA、ASP程序的编写就好比人的大脑, 它的关键度和完整度不言而喻。在制作处理完网页, 建立网站后往往要优化系统, 有利于提高网站的点击率和被百度收录的几率, 这也是网络课程设计的范畴, 由于网页脚本语言的改革使得SEO优化系统后丰富了网站的实用性, 从而提高了网站开发与网页制作的热情和创新性。
2“网站开发与网页制作”设计发展规划
2.1 多层次深发展满足不同领域的需求
网络课程是一种以学生为主体的网络教育方式, 它注重学生的实操能力和融会贯通能力, 改变了老师口传式的传统教学模式, 更好的活跃了学生氛围。网络课程设计可以根据学生接受能力的不同、所处领域的不同实行分类式教学模式, 分层次辅导, 有的放矢。例如, 对研究和专业学生的教学, 专业学生注重就业方向, 我们设计的网络课程就偏重于实用性, 把日后经常用到的知识点纳入教学中;对于研究倾向的学生偏重于后台技术的开发, 使它们在今后的研究中取得新的进展和突破, 这样做到有针对性的因材施教可以满足不同领域学生的需求。网络课程设计不受时间和地点的限制, 可以重复式学习和互动, 使学生更好的接受和完成学习任务。
2.2 整合资源优化知识结构, 提高网络课程设计效率
在网络课程设计中, 注重知识点的整合和知识结构的优化是关键的一个步骤。网页制作不仅要求学生灵活掌握网站框架结构, 而且在其艺术性上也提出了更高的要求, 例如:在网页制作中加入文字描述是我们常常遇到的问题, 这时我们可以涉及如何加入文字并进行艺术设计, 如何制作文字动态效果, 并且兼顾抓取整段文字的关键词, 浏览备注信息和搜索引擎中出现的频率等, 这样就构成了由点到面, 循序渐进形成一系列连贯的知识点。再有网站开发过程中, 网站链接浏览器的选择也十分重要, 它涉及到网站的权重问题和优先选择问题, 网站权重突出了网站的地位和导向, 我们来换位思考一下, 在搜索时习惯输入什么知识点链接哪些网站, 什么样的域名优先录取等都是我们需要考虑的, 这也是我们网络课程设计中资源优化的体现。
2.3 理论实际相结合, 培养学生动手能力
在网站开发与网页制作网络课程设计中, 首选要建立大量的图库资源和图片资料, 要求学生在日常生活中注意积累如各地人情, 旅游风景, 代表建筑物等一些列具有纪念价值的图片, 使得网页制作过程中有丰富素材可用;其次课程设计中要多引进网站创新案例, 利用多媒体播放一些特点鲜明的网站作品, 使学生在潜意识中加深印象, 在创新案例讲解过程中融入教学重点和网络设计难点, 使学生享受成功案例的同时学到知识, 长时间耳濡目染使学生形成一种创新网站设计构想的良性循环;最后要多培养学生善于总结和创新能力, 注重学生的动手能力, 在网络课程设计中要留出足够时间, 反复实操。
2.4 将前台简单的网页编辑延伸至后台技术的开发及数据库的整理
网站后台制作是一项乏味而艰巨的任务, 针对它的特殊性和复杂性, 在网络课程设计时, 注重多媒体的使用, 这样可以使枯燥的编程程序直观的表达, 易于学生的接受;其次后台数据库的整理工作更是需要专业知识的铺垫, 需要多涉及实际数据的推算和项目数据库整理工作, 同时注重学生的综合感受和自我评价能力, 使它们能完全融入先进的课程设计中, 从而达到理论实际结合的目的。
3 结束语
时代在发展, 教育在改革, 随着计算机应用的普及, 网络教育占据主流力量, 网站开发与网页制作网络课程设计会得到大力的推广和应用, 它不仅可以直观形象的讲解原理, 因材施教, 而且注重学生理论实践相结合的动手能力, 从而大大提高了学生的综合素质和就业适应能力。
摘要：“网站开发与网页制作”作为一股新兴主流专业吸引了广大学生和各大高校的目光, 网络课程设计也越发关键和重要。本文主要围绕现代教学任务中, 网站开发与网页制作现状和未来发展前景规划进行探讨和分析, 希望使我们的网络课程设计更好的得到推广和发展。
关键词：网站开发与网页制作,网络现状分析,网络设计未来发展规划
参考文献
[1]韩陵宜.网页制作课程教学及考核方式的研究与探索[J].计算机教学与教育信息, 2008 (03) .
[2]纪明明.浅谈“项目教学法”在网页制作与网站设计课程教学中的应用[J].中国新技术新产品, 2010.
网页开发 篇9
“网页设计与制作”课程教学要培养学生开发设计网站的能力, 教学过程中注重学生技能和操作的培养, 现代计算机技术、通信技术、网络技术、多媒体技术的发展, 为“网页设计和制作”课程教学提供了绝好的机遇。计算机网络与协同机理的引入造就了多媒体协同学习系统, 标志着教学手段现代化进入高级阶段。
1 协同学习系统模型
基于Web的网页设计与制作课程协同学习系统采用TCP/IP协议实现远程交互式教学;采用数据库将学生的信息保存起来, 存储在不同的模块。
协同学习系统的主要功能有交互性——通过网络及时了解学生情况和演示教学内容, 并加以指导;保存学生的所有信息, 能在一定情况下有针对性的指导学生, 实现学习测验及交互信息管理。
本系统采用基于客户/服务器模式的一种协同学习模型, 见图1。
在这个模型中, 利用系统所提供的通信服务, 可以实现教师与学生之间、学生与学生之间的通信、交流等活动。同时利用EDBMS (面向对象的工程数据库管理系统) 提供支持教师与学生协同学习的协作处理, 完善了协同学习系统。在系统中通过EDBMS管理的协同规则库、学生状态信息库可以制定学生学习策略及所需要的协同学习类型, 同时通过课件库及试题库提供学生学习、评测的基本素材。在协同学习过程中, 教师还可以根据情况, 通过EDBMS动态地改变每个学生在协同学习中的地位及学习的方式、内容, 控制整个协同学习过程。
2 系统结构
根据上述目标和协同学习模型, 设计了多媒体“网页设计与制作”协同学习系统体系结构, 见图2。
由图2可知, 多媒体“网页设计与制作”协同学习系统主要由课件库、学生信息库和教师模块、学生模块组成。教师模块的主要功能是登录后进行学生状态监控, 并根据协同规则组织学生协同学习;学生模块的主要功能是登录后调用课件开始学习, 并根据学生进行的相关内容测试给出评价信息, 通过学生信息库传送给教师模块。
3 系统实现方法
系统采用的软件是Internet Explore6.0以上版本、Microsoft的Internet Information Server (IIS) , 并采用了Access数据库等。
学生通过登录界面登录主学习界面, 见图3, 服务器将提交的用户信息与数据库里的信息 (如用户名密码等) 进行比较分析, 使学生能登录到学习界面。系统会把每一个学生的交互信息自动添加到数据库, 包括学生的学习时间、测验情况、学习进度等。在系统的指导下, 学生可以完成各个章节的学习, 生动的网页和形象直观的动画可以帮助学生高效率的学习网页设计与制作课程。在没有教师的情况下, 系统还可以智能化的针对学生的不足进行指导, 比如弹出提示窗口, 指出问题和解决的方案。
主学习界面由标题、导航条、和主浏览界面组成, 见图3。如图3所示, 学生点击导航条上的内容就可以进入学习内容交互界面, 主浏览界面由章节目录和图文框组成, 学生点击左边的目录上每节的超链接标题就可以在右边的图文框里浏览学习内容了, 图文框里嵌入了动画插件, 可以点击浏览动画。
教师可登录教师界面, 监视系统的状态, 查看学生的学习情况, 并解答一些疑难问题, 和学生交流。教师还可以在适当的时候通过Net Meeting和同学们召开网络会议。
4 多媒体数据库的建立与管理
系统中所用课件库的建立需要非常大的工作量, 但笔者成功建立了几乎覆盖“网页设计与制作”所有内容的多媒体课件库, 解决了课件的网络问题。学生信息库的内容主要针对协同学习过程中所需要的信息建立, 包含了所有参加协同学习的学生的信息, 能够根据教师的需要进行补充、删除和修改。
按照设计, 数据库连接文件名称为Conn.asp, 该文件用于连接数据库, 在所有与数据库连接的模块 (页面) 中只要包括该文件, 即可连接和打开数据库[3]。程序源代码如下:
本系统采用Access数据库技术, 建立相互关联的多媒体课件库和学生状态信息库, 采用VB编程技术建立数据库管理系统, 实现协同学习过程中的信息共享。
5 结语
“网页设计与制作”协同学习系统的运行主要是基于客户/服务器模式的多媒体教学网络系统。本系统采用B/S方式的三层体系结构, 充分考虑了用户的需求, 进行了详细的设计, 基本实现了平台管理系统的主要功能, 包括用户登录、课程教学资料的查阅、资源上传下载、在线测试、论坛答疑等功能, 基本完成了设计的要求。应用过程中为保证多媒体课件的运行速度, 应采用具有较高传输速率的网络交换设备。
参考文献
[1]启明工作室.ASP网络开发从入门到精通[M].北京:人民邮电出版社, 2007.
[2]蒋毅.WEB与数据库连接技术应用对比分析[J].计算机光盘应用, 2011 (23) .
[3]邵丽萍, 张后杨, 柯新生.网页编程技术[M].北京:清华大学出版社, 2008.
网页开发 篇10
在日常的网页应用中,当文件上传操作不涉及太多的上传文件,或者文件类型大多是office、文本文档及普通的图片等,使用传统的网页上传方式是可以的。但是,对于采用B/S架构开发的图文档管理系统,要求能提供上传海量大容量的文档、图片、视频等文件的功能,并且要求上传操作过程安全可靠,速度快,则一般的网页上传方式无法满足该要求。
1 B/S系统常见上传方式对比
综合B/S系统中常用的文件上传方法,根据其实现原理可以归纳为3种类型:传统方式、Flash方式和Activex方式。3种上传方式的特点见表1。
从表1可以看出,传统方式采用html的文件上传标签,即实现方式。这种实现方式不需要任何特定浏览器插件,兼容性最强,但是只能选择单个文件且上传文件容量小;Flash方式需要安装客户端的Flash控件,由于Flash格式在网页中的应用很广泛,兼容性较好,上传文件可以实现多选,但是对上传文件的容量依然存在限制;Activex方式的兼容性最差,只能应用于微软的IE浏览器,同时由于Activex控件的安全性不高,因此很多浏览器都默认禁用Activex控件,使用该方式对文件上传容量没有限制,可以实现多文件和大容量文件上传操作。
以上3种文件上传方式都存在不足之处,若要满足图文档系统上传文件的要求,必须采用其他方式实现。
2 大文件上传原理分析
采用ftp方式可以实现海量文件上传,上传速度快,在安全性和可靠性方面也有保证。但是,ftp软件无法使用网页编程语言实现,只能采用客户端软件安装方式。同时,针对B/S系统架构的特点,上传软件必须与网页的信息进行交互。那么,如何通过网页调用ftp客户端软件并且将必要的网页参数传递给上传软件呢?
上述的问题其实已经得到解决。例如,腾讯官方网站提供了在网页上直接点击就可以调用本机安装的QQ软件来进行对话的例子。通过分析其实现代码可以发现一些关键点。
腾讯官方网站提供的超链接代码:
超链接中的关键内容就在“tencent://message/?uin=88888888&Site=JooIT.com&Menu=yes”这段代码中。这种方式是通过在Windows注册表中注册协议来实现协议与执行程序的关联。例如,腾讯QQ在安装时注册的“tencent://”标识就表示使用了这个标识开头的超链接,浏览器会自动打开本机电脑安装的QQ软件,同时将“tencent://”后面的内容作为参数传递给QQ软件。同样,我们也可以通过在注册表注册自定义的标识,来解决通过网页调用特定客户端软件并传递参数的问题。
同时,我们知道软件代码中main()函数的参数args数组里带了传入软件的参数,因此客户端软件接收网页传递参数的问题也得到了解决。
3 上传软件设计及实现
通过上述原理分析,明确了大文件上传软件的开发思路。设计人员开发了符合B/S架构系统特点,能够与网页进行信息交互的上传软件客户端。该软件的开发环境及运行系统要求如下。
3.1 硬件要求
CPU:单核主频,1G或更高;内存:512M或更高;硬盘:10G或更高。
3.2 软件要求
操作系统:Windows xp、Windows Server 2003、Windows vista、Windows 732或64位版本均可;.net版本:2.0或更高版本;开发工具:Microsoft Visual Studio 2008;开发语言:C#;打包工具:InstallShield 2010。
3.3 软件的主要功能
(1)实现单个或多个文件上传。
(2)能够选择指定文件夹上传其包含的所有子文件夹和文件,并且自动在B/S系统中建立与子文件夹层级一样的子目录。
(3)考虑到服务器和网络的承受能力,可以限制每次上传文件的总容量。
(4)可以自定义上传文件的类型,防止恶意文件破坏服务器系统的安全。
(5)带有上传进度条,上传过程可视化。
3.4 软件使用控件和注册表代码
软件采取C#自带的ftp上传控件FtpWebRequest实现上传功能。采用InstallShield 2010对软件发布打包的时候向注册表注册自定义标识“gxhlupc://”,在网页中调用上传软件时采用类似格式的超链接即可。
摘要：文章根据实际B/S系统中需要大文件上传的需求,提出了一种解决方案并设计了实现上传的软件。该软件可以直接通过网页超链接打开,能接收通过超链接传递的网页参数,可实现多文件上传、文件夹上传及大容量文件上传功能,该软件界面简单、友好,上传速度快,具有良好的安全性和可靠性,满足了B/S系统上传操作的要求。
关键词：大文件上传,文件夹上传,Web B/S系统,.net C# ftp,注册表协议
参考文献
[1]飞思科技产品研发中心.C#编程指南[M].北京:电子工业出版社,2002.
[2]刘晓华,飞思科技产品研发中心..net核心技术原理及架构[M].北京:电子工业出版社,2002.
[3]飞思科技产品研发中心..net核心技术高级特性[M].北京:电子工业出版社,2002.
网页开发 篇11
1. 任务驱动模式
"任务驱动"是一种建立在建构主义教学理论基础上的教学法。它将以往以传授知识为主的传统教学理念, 转变为以解决问题、完成任务为主的多维、互动式的教学理念, 使学生处于积极的学习状态, 每一位学生都能根据自己对当前问题的理解, 运用共有的知识和自己特有的经验提出方案, 解决问题。其本质就是在"任务"的驱动下展开教学活动, 使学生紧紧围绕任务进行探索学习, 引导学生由简到繁、由易到难、循序渐进地完成一系列教学任务, 从而得到清晰的思路、方法和系统的知识。它强调学生要在真实情境的驱使下, 在探究完成任务或解决问题的过程中, 在自主和协作的环境中, 在讨论和会话的氛围中进行学习活动。这样, 学生既学到了知识, 又培养了动手实践能力, 提高了学生的探索创新精神[2]。在这一教学模式中, "任务"这一主线直接影响教学效果。因此, 任务的设计就显得尤为关键。
2. 课程特点适合使用任务驱动法
《网页设计与网站开发》课程实践性强, 要求学生进行大量上机操作。课程的教学目标是使学生具备网页制作与网站开发的基本能力。具体地说, 就是要求学生掌握静态网页中常用HTML标记的使用和动态网页编程技巧, 能够使用开发工具制作各种图文并茂的实用网页。针对本课程知识量大、学时相对较少的矛盾, 为达到预期教学目的, 灵活运用"任务驱动"教学法, 可以激发学生的学习兴趣, 充分锻炼学生的分析问题、解决问题和动手编程的能力, 最大限度地调动学生的主观能动性[3]。
3. 任务设计的基本要求
在进行"任务设计"时, 要仔细分解每个知识点, 设计一系列典型的"任务", 让学生从完成教学任务中掌握知识、技能与方法。
3.1 明确目标
"任务设计"要有明确的目标, 要把总体学习目标分解成多个子目标, 并把每个子目标的内容化解为容易掌握的"任务", 落实到每节课中, 通过这些小的"任务"来体现总的学习目标。在设计"任务"时, 知识点不可涉及太多, 若一次让学生感到困难太多、强度太大, 容易失去学习的信心和动力。教学目标的设计可以分为三个层次:熟悉、理解、掌握。
例如, 在静态网页制作课中关于表单的教学可以分为这样几个小任务:创建表单、在表单中插入各种表单元素 (例如文本框、密码框、提交按钮等) 、各种表单元素属性的设置、CSS在表单中的应用、表单的整体布局等等。通过一个个小的学习任务, 由浅入深, 使学生逐步掌握表单的制作和属性设置。最后, 在完成这些小任务时, 也能将表单熟练地应用到网页制作中。
3.2 体现难度层次
学生在学习过程中, 因各种原因, 知识接受能力会有所不同。在进行"任务设计"时注意学生特点、知识接受能力的差异, 从学生实际出发, 照顾到大多数学生, 坚持"教师为主导, 学生为主体"的原则。对于新内容或一些有难度的"任务", 可先演示或给出清晰、详尽的操作步骤, 便于学生自主学习。在设计任务时面向全体学生, 在难度上要有层次性。例如, 在"立体表格制作"一节中, 先演示操作过程, 并给出具体操作步骤, 然后对学生进行分组, 将层次高的学生与层次低的学生分在一组, 要求他们共同完成。同时, 设计一些复杂的立体表格任务, 要求层次高的学生一定要完成, 而对于层次较低的学生, 对其再加以细心辅导, 让他们尽快缩短与其他同学的差距。
3.3 强调技能, 注重提高
结合院校教学实际, 以"必须、够用"为原则, 降低理论难度。以是否实用为标准, 以激发学生的学习兴趣为出发点, 以真实的项目典型案例为背景, 手把手地传授网页制作的方法、步骤, 使学生轻松掌握职业岗位的技能。
学生在平时上网的过程中, 一般都会有注册成为某网站会员的经历, 那么在讲述表单这一章时, 可以给学生布置任务, 要求学生动手制作网站的注册页面, 这样不仅激发了学生的兴趣, 而且加深了对表单的理解, 提高了技能。
3.4 突出应用
任务体现以应用为核心, 以培养学生实际动手能力为重点, 力求做到学与教并重, 科学性与实用性相统一, 紧密联系生活、生产实际, 把实践经验与理论有机地结合起来, 真正做到让学生"在实践中学习技术", 以符合学生的认知规律和技能训练的特点。比如在学习滚动字幕制作的时候, 可以结合应用实际, 讲解平时浏览网页时看到的一些浮动广告的制作。
3.5 情境化
学习总是与一定的"情境"相联系的, 因为在"情境"的媒介作用下, 那些生动直观的形象才能有效地激发学生联想, 唤起学生原有知识。因此, 在"任务设计"中, 要从声音、色彩、形象、情节、过程等方面, 设计出具有"情境"的学习"任务", 使学生在"情境"中充分调动自己学习的积极性, 主动地去学习、探索、实践。如, 在做第一次实验时, 可以推荐一些富有特色的网站供学生欣赏, 将学生带入真实的学习情境中去, 激发他们学习的热情, 同时引导他们去思考如何建设网站、设计网页, 由此确定课程的总体任务---建设一个完整的网站。然后针对课程中每一部分的知识点, 将总体任务细分为若干大任务 (如文本、图像、链接、表格、框架、CSS样式、层时间轴、模板和库等) , 再将这些大任务进一步细分为一些小任务, 让学生了解建设网站的一般程序和方法。而后, 通过布置一个学习任务 (网站作品) , 使学生迫切感受到课程要求与自己现有认知结构的关系和差异, 进而明确学习活动的方向和要达到的目标。
3.6 注重能力的培养
在"任务设计"时, 要有意识地引导学生, 鼓励他们推陈出新, 不断冲破思维定势, 提倡用自己的方法, 充分发挥自己的主体作用, 自觉地去观察、记忆、想象、类比、分析、推理、判断、解决, 达到培养其创新意识, 提高其创新能力。只有让学生学会学习, 具有创新能力、解决问题的能力才能终身受益, 价值永恒。
例如, 在"标准表格与布局表格的区别"一节中, 根据这两种表格的特性, 我把这两种表格的制作方法和区别演示给学生, 再让学生用自己较为熟练的方法去制作表格, 并设置其中的属性, 结果有的同学用以前学过的"创建表格"来完成, 也有的用布局表格进行制作, 最终都完成了任务。接下来, 再布置一个新任务"用表格布置页面", 还是要学生自己完成, 在完成的过程中, 要求对这两种方法都要使用并进行比较, 找到适合自己的方法。在这样的任务学习中, 学生的主体地位都得到了充分的发挥, 每一个学习都带着一个新的任务, 创新意识愈演愈浓。
4. 任务驱动法的操作步骤
任务驱动教学法的运用可以将全面带领学生把网页制作的基本理论应用到现实中的应用案例中。每个案例一般可分为创设情景、提出任务、分析任务、解决问题、拓展思维、巩固方法、评价检查、以评促学等八个步骤。每个案例从"创设情景"开始, 根据学习内容提出任务, 进行"任务分析", 然后告诉学生如何"完成任务", 最后进行思维拓展, 巩固方法和评价检查来检验学生的学习效果。
4.1 创设情景, 提出任务
将任务作为出发点。通过创设的问题情景, 提出带有启发性、挑战性的任务, 使学生通过完成任务达到掌握所学知识的目的。
4.2 分析任务, 解决问题
老师要组织学生对任务进行分析、讨论, 这期间, 学生可以通过自主学习、同学互助、分组讨论、询问老师等方式解决问题。而教师在分析任务的该过程中处于主导地位, 要先给学生时间独立思考, , 然后再引导, 必要时可提示学生解决任务的原则, 要鼓励学生寻找多种解决方案。小组间还可以开展竞赛, 以调动学生的积极性。
4.3 拓展思维, 巩固方法
学生完成本节课的任务后, 应给出一些相关的任务来拓宽学生的思路。
4.4 积极评价, 共同提高
评价是学生学习情况反馈的一种有效途径, 评价的目的是为了解学生的学习情况, 激励学生的学习热情, 促进学生的全面发展。可以通过老师评价、同学互评、学生自评等方法对学生的作品进行评价, 使学生能相互交流、取长补短, 促进学生共同提高。老师也可以在评价中体验教学相长, 并可以发现任务设计的是否合理, 是否符合学生认知的规律等问题。真正做到以评促学, 以评促教。
5. 小结
任务驱动法作为一种教学方法, 将其应用在网页设计与网站制作课程中取得了理想的效果, 该方法的实施对教师也提出了更高的要求, 它不仅要求教师对课程有一个全面的了解和掌握, 还要能对教材中的知识点进行深入的归纳、总结和设计, 只有这样才使任务驱动法发挥最大的效能和作用。
参考文献
[1]景秀眉, 陈海涵.项目教学法在《网页设计》课程中的应用, 职业教育研究, 2008.
[2]赵洁红.引导学生主动学习──任务驱动教学模式[J].中国电力教育, 2007, 3:63～64.