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

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