HTML5的boostrap响应式课程网站的设计(4)
时间:2022-12-17 20:01 来源:毕业论文 作者:毕业论文 点击:次
|
第二章阐述相关技术，介绍开发工具和开发环境。 第三章阐述系统的需求分析。 第四章阐述系统每个网站模块的详细设计与实现。 第五章是对系统的测试和测试结果的分析。 第二章 理论基础与相关技术 本章主要介绍利用HTML5、CSS3、JavaScript以及bootstrap前端响应式框架来完成网站框架的搭建和各模块的设计。 2。1 移动终端概念 移动通信终端也就是通常所说的移动终端指的是可以移动使用的计算机设备，就其广泛意义讲包括平板电脑、手机、笔记本等。然而我们通常所说的主要是指手机，尤其是功能各异的智能手机和笔记本电脑。众所周知，网络和技术的发展方向越来越宽带化，这将促进移动通信产业走向真正的移动信息时代。此外，集成电路技术的飞速发展使移动终端的处理能力变得十分的强大，移动终端正在经历从简单的通话工具蜕变成综合信息处理平台的过程。这些都使移动终端的发展空间更加的宽广[4]。 移动智能终端可以说是在一瞬间就转变成互联网业务的主要创新平台和关键入口，转变成为信息服务平台、新型媒体、电子商务、互联网资源与移动网络资源的最重要枢纽。移动智能终端掀起了移动互联网产业发展的序幕，使得一个全新的技术产业周期应运而生。持续发展的移动智能终端将逐步扩大其影响力，最终它的影响力将比肩电视和互联网（PC），成为继收音机、电视、互联后人类历史上第4个渗透广泛、普及迅速、触及人类生活方方面面、影响巨大的终端产品。 2。2相关技术介绍 在本网站的设计中，采用bootstrap前端响应式框架搭建各网站模块的结构，利用css层叠样式表改善各网站模块的样式，以及通过使用jQuey插件来搭建网页模块的某些插件，使其更完善，如导航栏里的下拉列表等。 2。2。1 HTML5介绍 HTML5称作万维网的核心语言，它是通用标记语言下的一个应用超文本标记语言即HTML通过五次重大修改后形成的网页标准规范。它将全面取代HTML4。0版本。相较与之前的版本，HTML5不仅可以用来展现Web界面，而且它把Web带入一个更成熟的应用平台，基于这个平台，视频（video），音频（audio），图象（image），动画（cartoon），以及作为具体功能的实现方式都被标准化，例如：导航怎么做、如何排序等都被标准化。HTML5相对于HTML4。0标准做出了如下改进： （1）HTML5在更多的声明和标签上面做了简化，也对兼容做了详细的规定，废除了部分元素（center, font, strike等），增加了部分元素（section,article等）。 （2）增加了一些新特性：新的文档类型（<!DOCTYPE html>）、语义Header和Footer、新的标记元素Mark Element 、图像元素 Figure Element、用于提高视频、音频性能的video和audio元素等[5]，对于本网站的开发最重要的特性就是它良好的跨平台性。 具有良好的跨平台性是HTML5的一大特点，最新版本的Firefox 、Safari、Google以及 Opera 支持所有的HTML5 特性。对于本课程网站，要实现响应式，跨平台的问题就要被解决，那么基于HTML5技术进行开发将有效地解决这个问题。 广义的HTML5包含了HTML、CSS和JavaScript三个部分。如果把HTML5比喻成人体的骨骼架构，那么CSS就是皮肤，JS控制人体的单个动作，例如：抬手、张嘴等，jQuery则是人体一系列单个动作的组合。因此，CSS3和JavaScript能让整个网站更加靓丽缤纷。下面我们将分别介绍它们。 2。2。2 CSS介绍 CSS即串样式列表（Cascading StyleSheet），又称层叠样式表，是W3C定义和维护的标准，一种用来为HTML5添加样式（字体、间距和颜色等）的计算机语言，而在网页制作时采用CSS技术，只要对相应的代码做一些简单的修改，也就可以改变网页的外观和格式。目前最新版本是CSS3，CSS3现在已被大部分现代浏览器支持。。CSS3相比较之前的版本，也引入了很多实用的规范包括：列表模块、超链接方式、背景和边框、文字特效、多栏布局等[6]。论文网 (责任编辑：qin) |