基于HTML5的网页

《基于HTML5的网页》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、烟台工程职业技术学院信息与传媒系电子信息工程技术专业14级毕业设计（论文）题目:关于HTML5的网页设计与实现姓名高佩云学号2014130022指导教师（签名）二○一六年〇九月〇八日关于HTML5的网页设计与实现高佩云摘要随着Internet的诞生和发展，许多人不再仅仅局限于网上冲浪，而是参与到网站建设中。企业建站相当于在网上建立一个家，你就可以在这里向客户介绍你的企业，展示你的实力，推销你的产品，网页制作作为网站制作中一个重要的环节，相对于传统的平面设计而言，网页设计具有更多的新颖性，更多可以表现的手法。结合本人的实习过程，现就网站建设与

2、管理过程中，网页设计与制作的具体经历，包括：网页设计与制作过程中的网页布局、色彩构置，框架结构等相关事项做以下论述。2关键词:HTML5;网页制作;HBuilder2一、引言随着互联网的不断发展，互联网对人们的生活也在不断地发展和加强，人们渐渐开始习惯于互联网带来的各类服务和应用，便利和丰富。随着互联网的基础用户和开发者不断增多，人们不断地去创造和完善它的速度也越来越快，无论从技术层面还是商业层面，新的模式和方法层出不穷，整个行业新陈代谢不断加速，新的应用和新的公司不断地挑战着新的技术和新的模式。毕竟整个互联网是一个开放的环境，大家需要一种

3、标准，所以HTML5这种更加新的标准和技术体系在不断地革新中发展壮大。HTML5成为不断被提及的热门话题，不少人预言HTML5的发展将给移动互联网产业带来革命性的深刻变化。HTML5是几十年来Web标准最巨大的飞跃。和以前的版本不同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像和动画，以及同电脑的交互都被标准化。尽管HTML5还有很长的路要走，但HTML5正在改变Web。另外，目前的互联网不仅仅是传统意义上面的互联网，所有的传统应用和模式正在向着更加移动和便捷发展，人们可以通

4、过手机和平板电脑等各类移动设备来获取信息和使用更加丰富的应用。3目录摘要…………………………………………………………………………………1引言………………………………………………………………………………2一网页制作背景……………………………………………………………………5（一）制作步骤………………………………………………………………………5（二）常用参数………………………………………………………………………6（三）网页布局………………………………………………………………………7（四）网页色彩……………………………………………………………………

5、…8（五）细节的把握…………………………………………………………………11（六）常用工具介绍………………………………………………………………13四HTML5的改进特性………………………………………………………………14（一）HTML5新元素…………………………………………………………………14（二）程序接口……………………………………………………………………16（三）元素变化……………………………………………………………………16（四）异常处理……………………………………………………………………17五结束语……………………………………………

6、……………………………17六附录……………………………………………………………………………19特殊边框代码展示……………………………………………………………19什么是HTML5？HTML5将成为HTML、XHTML以及HTMLDOM的新标准。HTML的上一个版本诞生于1999年。自从那以后，Web世界已经经历了巨变。HTML5仍处于完善之中。然而，大部分现代浏览器已经具备了某些HTML5支持。HTML5是如何起步的？HTML5是W3C与WHATWG合作的结果。W3C指WorldWideWebConsortium，万维网联盟。WHATWG指W

7、ebHypertextApplicationTechnologyWorkingGroup。WHATWG致力于web表单和应用程序，而W3C专注于XHTML2.0。在2006年，双方决定进行合作，来创建一个新版本的HTML。三、网页制作（一）制作步骤网站是网页的集合，一个站点用的所有网页构成一个网站，网页是网站的表现形式，网页设计是指对网站整体页面的设计，包括页面风格、配色、布局、内容等。网页设计包含的内容非常多，大体分为两个方面：一方面是纯网站本身的设计，如文字、排版、图片制作、平面设计、静态图文和动态声音、影像等；另一方面是网站的延伸设计

8、，包括网站主题、浏览群的定位、智能交互、制作策划、形象包装和宣传营销等。设计页面的第一步就是设计片面布局，就像报刊杂志版面设计一样，我们可以看作一张报约或者一份杂志来进行排版布局