关于HTML5的网页设计与实现学年论文选编.doc

滨江学院 学年论文 题 目 关于HTML5的网页设计与实现　　　　　 院 系 滨江学院 专 业 软件工程 学生姓名 胡 飞 学 号 20082344062 指导教师 郑关胜 职　　称 　　副教授 　 二Ｏ一一年十二月五日 目录 一 引言 2 二 网站建设的流程 2 三 网页制作 3 （一）制作步骤 3 （二）常用参数 3 （三）网页布局 4 （四）网页色彩 5 （五）细节的把握 6 （六）常用工具介绍 7 四 HTML5的改进特性 7 （二）程序接口 8 （三）元素变化 9 （四）异常处理 9 五 结束语 10 关于HTML5的网页设计与实现 胡飞 南京信息工程大学滨江学院软件工程专业 南京 210044 摘要： 关键字： 一 引言 随着Internet的诞生和发展，许多人不再仅仅局限于网上冲浪，而是参与到网站建设中。企业建站相当于在网上建立一个家，你就可以在这里向客户介绍你的企业，展示你的实力，推销你的产品，网页制作作为网站制作中一个重要的环节，相对于传统的平面设计而言，网页设计具有更多的新颖性，更多可以表现的手法。结合本人的实习过程，现就网站建设与管理过程中，网页设计与制作的具体经历，包括：网页设计与制作过程中的网页布局、色彩构置，框架结构等相关事项做以下论述。 什么是 HTML5？ HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。 HTML5 是如何起步的？ HTML5 是 W3C 与 WHATWG 合作的结果。 W3C 指 World Wide Web Consortium，万维网联盟。 WHATWG 指 Web Hypertext Application Technology Working Group。 WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。 二 网站建设的流程 1．定义合适的域名。由域名构成的网址会像商标一样，有助于将来塑造网上的形象。域名除了要符合公司的性质以及信息内容的特征外，还要具有简洁、易记、具有冲击力的特点。 2．租用虚拟服务器。有了域名后，就需要一个空间存放网站，这个空间就是Internet上的服务器。一般虚拟主机提供商都能向用户提供大容量、高速度的服务器，用户可根据网站的内容设置及其发展前景来选择。 3．设计网页。网页的设计制作可以自己完成，也可以通过虚拟主机提供商或专业的网页设计制作商来完成。设计网页前要收集所有需要放在网站上的文本资料、图片等，并尽量用文字详细说明制作的框架结构，将收集的材料提供给网页设计者。 4．ICP备案。网站备案的目的就是为了防止在网上从事非法的网站经营活动，打击不良互联网信息的传播，如果网站不备案的话，很有可能被查处以后关停。ICP备案可以自主通过官方备案网站 在线备案或者通过当地电信部门两种方式来进行备案。 三 网页制作 （一）制作步骤 网站是网页的集合，一个站点用的所有网页构成一个网站，网页是网站的表现形式，网页设计是指对网站整体页面的设计，包括页面风格、配色、布局、内容等。网页设计包含的内容非常多，大体分为两个方面：一方面是纯网站本身的设计，如文字、排版、图片制作、平面设计、静态图文和动态声音、影像等；另一方面是网站的延伸设计，包括网站主题、浏览群的定位、智能交互、制作策划、形象包装和宣传营销等。 设计页面的第一步就是设计片面布局，就像报刊杂志版面设计一样，我们可以看作一张报约或者一份杂志来进行排版布局。 1. 草稿 新页面就像一张白纸，没有任何的约定俗成的东西，可以尽可能地发挥想象力、创造力，将想象的布局到上面去。这是原创阶段，你不必讲究细腻工整，你也可在草稿本上先画出整个布局框架，把多个版块的位置先粗略的布置上去以往下一步工作的展示，这一步也可以借住PHOTOSHOP或其他工具软件来完成。 2. 粗略布局 在草稿的基础上，将需要的功能模块放到页面上去，这时要遵循突出重点、整体协调的原则，首先将网站标志、导航条、广告条等最主要的模块放在最突出位置，然后考虑其他模块的布局。 3. 定稿 定稿即将粗略布局精细化、具体化，完成整个页面的设计。 页面的制作，首先在根据客户的要求下，完成首页的制作，在经客户确定后，再制作其他的页面，制作完成后，交给客户验收，