高校校园网站前端技术的研究与探索

VIP免费
3.0 牛悦 2024-11-19 4 4 968.47KB 57 页 15积分
侵权投诉
目 录
中文摘要
ABSTRACT
第一章 绪论 ................................................... 1
§1.1 研究背景 ...............................................1
§1.2 目前国内外先进前端技术 .................................1
§1.2 高校校园网站现状 .......................................2
§1.3 校园网站在教学中的重要性 ...............................2
§1.3.1 校园网的服务作用 ................................. 2
§1.3.2 校园网更有利于老师在教学活动中的应用 ............. 3
§1.3.3 增强了教师信息意识与现代教育技术的运用能力 ....... 3
第二章 网页标准概述 ........................................... 4
§2.1 W3C 标准概述 ........................................... 4
§2.1.1 W3C 定义 ..........................................4
§2.1.2 W3C 的发展 ........................................4
§2.1.3 W3C 的主要规范 ....................................6
§2.1.4 中国的 W3C 现状 ................................... 7
§2.2 DOCTYPE 声明 ........................................... 8
§2.3 符合 WEB 标准的浏览器 ..................................11
第三章 网站前端技术 .......................................... 13
§3.1 网页布局技术 ..........................................13
§3.1.1 表格布局 ........................................ 13
§3.1.2 DIV+CSS 布局 .....................................14
§3.2 AJAX 技术 ............................................. 16
§3.2.1 AJAX 的概念 ......................................16
§3.2.2 AJAX 的发展史 ....................................17
§3.2.3 AJAX 的优缺点 ....................................17
§3.3 搜索引擎最佳化（SEO） .................................19
§3.3.1 SEO 的概念 .......................................19
§3.3.2 SEO 的意义 .......................................19
§3.3.3 SEO 需要掌握什么 .................................20
§3.3.4 SEO 优化公式 .....................................22
§3.3.5 SEO 安全 .........................................23
§3.3.6 SEO 优势 .........................................23
§3.4 前端性能优化 ..........................................23
§3.5 标签的语义化 ..........................................27
第四章 上海海洋大学校园网站前端技术的应用 .................... 30
§4.1 方案背景 ..............................................30
§4.2 需要采用的前端技术分析 ................................30
§4.2.1 网页板式 ........................................ 30
§4.2.2 布局总体结构及 XHTML .............................31
§4.2.3 样式层 .......................................... 38
§4.2.4 行为层 .......................................... 45
§4.2.5 系统的调试与评测 ................................ 51
第五章 结束语 ................................................ 54
参考文献 ....................................................... 54
在读期间公开发表的论文和承担科研项目及成果 ..................... 54
致谢 ........................................................... 57
第一章 绪论
1
第一章 绪论
§1.1 研究背景
近几年，由于网页游戏的蓬勃发展，许多网站前端技术都在网页游戏上
得到了很好的发展，主要取决于其强大的商机，有了充裕的资金来推动这一
领域的迅速发展，也进一步推动了Web2.0的发展步伐；除此之外，各大门户
以及电子商务网站也在这一领域走在了技术的最前端，其中包括新浪、网易、
腾讯网以及淘宝网等大型网站，前端技术的运用越来越人性化，更注重实时
交互性，很好的带动了Web2.0时代从青涩走向成熟。
如何在网站前端技术上采用更好的技术进行构建高校校园网站，从而提
高校园网的访问速度，以及应用系统的运行更加的顺畅，成了校园网站建设
者们面临着巨大的挑战。
本课题来源于本人的实际工作，本人在上海海洋大学信息中心工作，主
要负责校园网网站的建设和维护，通过对校园网站的多年来的了解，高等院
校，虽然是人才输出的摇篮，单是自身的网站网页技术依旧停滞不前，与一
些大型商业网站存在着不小的差距，当然，其中大部分原因是由于高校本身
并没有商业的成分，所以校园网站建设的技术力量会在其中遭到弱化。一个
科学有效的改进方案将会推动校园网站技术的进一步革新，对于高校信息化
进程具有十分重要的意义。
§1.2 目前国内外先进前端技术
网页布局上，目前大部分门户网站都是采用了 DIV+CSS 架构，实现了表
现、行为与内容的分离；也是 WEB 标准中常用的术语之一，通常为了说明与
HTML 网页设计语言中的表格（Table）定位方式的区别，因为 XHTML 网站设
计标准中，不再使用表格定位技术，而是采用 DIV+CSS 的方式实现各种定位。
其次就是 RIA(Rich Internet Application)和 Web 2.0, 正是这些技术
的发展才使浏览器这个广泛应用的平台具有了丰富的显示内容，和交互效果。
目 前 在 网 页 中 使 用 的 技 术 主 要 有 ：JavaScript ， CGI （ Common Gateway
Interface），Flash，AJAX, 他们的共同之处是通过网页与服务器交互通信，
局部更新网页内容。其中 AJAX 因为 Google 等公司的大力推广，是目前最流
高校校园网站前端技术的研究与探索
2
行的 Web2.0 技术。目前它面临的主要问题有：
1) 浏览器的兼容性；
2) 因为数据/逻辑分布在服务器与客户端两部分，数据逻辑处理方面容
易造成混乱。
最后就是网站加速技术，F5 推出的 BIG-IP 本地流量管理器 (LTM)与
BIG-IP 广域网流量管理器 (GTM)通过对称、非对称还是混合型加速的方式对
用户的请求进行预加载、高速缓存与加速，可以大大的提高网页访问速度。
§1.2 高校校园网站现状
随着信息化程度的深入，校园网建设已成为高校成为高等院校走向信息
化时代的必然发展趋势，在校园网的投入越来越大，包括大量的资金和人力。
目前各大高校的校园网网站在教学工作中扮演的角色越来越重要，基本教职
工的上班都会依赖于校园网，校园网应用上也是从最初的教职工上网，邮件
系统应用和单纯介绍学校相关性信息网站发展成为集网上办公、网络教学、
协作学习、协作科研等众多应用功能为一体的综合性网站群和丰富的应用。
访问一些名牌大学的校园网，例如清华、北大、复旦、交大等等学校，
你会发现其校园网清一色的采用了表格（Table）布局方式，查看源代码会发
现代码很混乱，各种表格互相嵌套，虽然外观上很华丽，但是却多了好多无
用的废代码嵌套在网页上，标签数量远比内容代码要多，大大影响了我们的
浏览速度；我们再看看各大门户网站，例如网易、搜狐、新浪等等，查看源
代码会发现代码很清晰，没有多余的废代码；因此，高校网站必须进行重构。
§1.3 校园网站在教学中的重要性
§1.3.1 校园网的服务作用
校园网站发展至今，其实更重要的目前校园网站就是一个学校对外的宣
传窗口；通过新闻系统等能及时的了解学校的状况，学术活动等；通过招生
咨询系统能够在网上进行招生咨询，大大方便了考生入学前与学校的交流；
校园网不仅仅是个宣传窗口，还是一个服务窗口，而且在其中扮演的角色越
来越重要。
第一章 绪论
3
§1.3.2 校园网更有利于老师在教学活动中的应用
根据高校的实际情况，校园网网络的建设比中小学的网络规模要复杂的
多，网络对学生教学过程的帮助主要体现在教学管理与教学资源的共享两个
方面。与计算机网络直接相关的教学资源包括教学课件、幻灯片等图、文、
声并茂的多媒体教学，它们取代了传统的教学方式，利用大量现成的教学课
件，提供了一个良好的教学环境，这些都是以往任何教学手段所不能达到的。
校园网的主要功能是为教育、教学服务，校园网正促进着教学内容与方
式方法的变革，促进着学校教育与社会教育的发展，改变着学校与社会、理
论与实践、知识与技能的质量。可以说我们的校园网基本实现了这几方面的
应用。
§1.3.3 增强了教师信息意识与现代教育技术的运用能力
进入新世纪以来，教学与管理工作的诸方面带来新的革命。首先是在老
师中普及计算机知识，以前的老师只要备好课，上好课就行了，作为二十一
世纪的新老师，都应该学会获取各种知识的方法，而校园网最能提供这种环
境，在一个好的校园网里人们用计算机和网络进行工作、交流和学习、将教
学工作科学信息化，计算机改变了人的教学方式，同时也改变了人的学习方
式。其次，校园网络的建设，使教师对应用现代教育技术的思想认识均有了
很大的提高，老师们通过边学习、边培训、边实践，具备了初步运用网络信
息等现代教育技术的能力，形成了一支能基本适应现代教育技术的师资队伍，
连年龄稍大的老教授们也都有一股钻研精神，碰到不懂的问题就向懂得操作
的老师们请教。运用现代教育技术手段设计各种教学信息的方式，优化教学
资源和教学过程，能提高教学效率，圆满完成教学任务，使教育实现现代化。
校园网站作为网络教学的基础，还有许多东西值得我们去研究、探索。
校园网络的建设与应用被越来越多的学校视为实现教育改革、提高教育质量
以及应新世纪人才培养需求的关键；因此运用好前端技术，推动校园网站的
合理迅速的发展有着深远的意义。
高校校园网站前端技术的研究与探索
4
第二章 网页标准概述
§2.1 W3C 标准概述
§2.1.1 W3C 定义
W3C 是英文 World Wide Web Consortium 的缩写，中文意思是 W3C 理事
会或万维网联盟。W3C 于 1994 年 10 月在麻省理工学院计算机科学实验室成
立。创建者是万维网的发明者 Tim Berners-Lee。
W3C 组织是对网络标准制定的一个非赢利组织，像 HTML、XHTML、CSS、
XML 的标准就是由 W3C 来定制。W3C 会员包括生产技术产品及服务的厂商、内
容供应商、团体用户、研究实验室、标准制定机构和政府部门，一起协同工
作，致力在万维网发展方向上达成共识[1]。
§2.1.2 W3C 的发展
自从 Web 诞生以来，Web 的每一步发展、技术成熟和应用领域的拓展，
都离不开成立于 1994 年 10 月的 W3C 的努力。W3C 是专门致力于创建 Web 相
关技术标准并促进 Web 向更深、更广发展的国际组织。
1994 年 10 月，Web 还是大学、研究机构的新宠时，Web 技术和应用的发
起人、被誉为 Web 之父的 Tim Berners-Lee 就敏锐地意识到 Web 的出路不是
象牙塔中少数人的互联网络，而是供全社会使用的一种公共的信息资源和交
流资源，而要达到这个目标，对其中所涉及的技术进行规范化、指导软件产
业对基于此平台的技术的开发、相关技术的普及、推广和培训都必不可少。
因此，Tim Berners-Lee 这位 Web 的先驱联合 CERN、DARPA 和欧盟倡导并组
织成立了 Web 的核心技术机构——W3C[1]。
W3C 的核心最初位于 Tim Berners-Lee 供职的美国麻省理工学院计算机
实验室(MIT/LCS)；随后，该组织迅速吸引了大量在 Web 上的志同道合者，开
始出现多个中心的格局，随后出现的另外两个中心分别位于法国的
INRIA(Institut National de Recherche en Informatique et Automatique)
和日本的 Keio(庆应)大学，其中 2003 年 INRIA 由 ERCIM(Eruopean Research
Consortium in Informatics and Mathematics)接替；此外，W3C 还在全球
各地建有 14 家办事机构，其中香港就有一处。
摘要：

目录中文摘要ABSTRACT第一章绪论...................................................1§1.1研究背景...............................................1§1.2目前国内外先进前端技术.................................1§1.2高校校园网站现状.......................................2§1.3校园网站在教学中的重要性...............................2§1.3.1校园网的服务作用.............

展开>> 收起<<
高校校园网站前端技术的研究与探索.pdf

共57页,预览6页

还剩页未读， 继续阅读

相关推荐

更多
立即下载
作者：牛悦 分类：高等教育资料 价格：15积分 属性：57 页 大小：968.47KB 格式：PDF 时间：2024-11-19

开通VIP享超值会员特权

  • 多端同步记录
  • 高速下载文档
  • 免费文档工具
  • 分享文档赚钱
  • 每日登录抽奖
  • 优质衍生服务

作者详情

相关内容

更多

推荐作者

热门标签

/ 57
评分 收藏
分享
立即下载 VIP免费下载
客服
关注