网页设计-HTML5.doc

博客建设规划NJUT_BESTHTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准，目前仍处于完善之中，它相对于前三者有一些改进的特性，比如取消了一些过时的HTML4标记、将内容和展示分离、一些全新的表单输入对象。本小组设计博客的原因：1、HTML5比较新颖，避免和其他小组重复；2、HTML5是一门值得学的技术，追加了本地数据库的功能；3、通过博客内容的规划，可以更好地明确地学习HTML5，让其他人和我们一起学习这门新的知识。我们下组主要从以下几点进行规划：1、博客的整体风格：是？为什么这样？2、明确写博客的目的：由于我们的博客面对的是一些技术的学习者，特别是对html感兴趣的学习者，所以博文主要能展示html的特点及发展动向，明确目标；3、博文的发展：一个好的博客首先有其自己的特色，能够让人感觉是有内容的，而不是一些闲聊。本小组只要将博文分为以下几类：（1）HTML5基础内容：这一部分主要向一些初学者介绍一些HTML5的内容，方便大家学习其特有的属性，也能让一些熟悉者对HTML5有更深的理解;（2）HTML5动向：每一个技术都是随着时间不断发展的，所以本小组会定期寻找HTML5的最新动向、相关新闻，方便关注者了解HTML5的运用，如一些基于HTML5的游戏；（3）HTML5资源学习：在网上有很多关于HTML5的学习资料，然而这些资料的海量也为阅读者带来了困难，本小组通过整合网上的资源，定期向关注者介绍一些学习资料。在这一模块中我们将定期地发布一些视屏的链接、教程的链接，与关注者一起学习HTML5；（4）基于HTML5的研究及设计：目前，有很多学者热衷于HTML5的研究，HTML 5 的第一份正式草案已于2008年1月22日公布，可见对于HTML5的重视不容忽视，本小组将对基于HTML5的研究进行整合定期发布，也将会发布一些HTML5的最新设计，方便关注者接触到最新的设计，有更多的设计灵感；（5）小组遇到的困难及心情随笔：在研究HTML5的过程中，难免会遇到一些问题，本小组将对研究过程中出现的问题进行总结，与关注者一起讨论，也将会发表我们个人的研究心得，与博客关注者一起成长；4、制订博客宣传战略：一个好的博客如果没有大的访问量，必定是失败的。为了让更多的学习者了解到我们的博客，我们将会制订博客营销计划，主要通过以下集中途径进行营销：（1）搜索引擎营销：将博客提交到各搜索网站，如百度，谷歌，加大博客知名度；在写博文时注意选择博文的关键字，提高搜索引擎的搜索量；（2）SNS营销：将博客链接提交到各个论坛，特别是一些技术论坛，提高博客的访问量，经常与论坛里的人交流关于HTML5的问题，通过在论坛里宣传，让更多的人了解本小组的博客；（3）建立其他网站的博客：本小组成员除了在新浪上开通博客外，将在百度空间、搜狐博客、腾讯博客上等注册个人空间，通过新浪博客与这些个人空间的链接，加大博客知名度；（4）广泛链接：在本小组的新浪博客上，小组成员将与博友进行交流和友情链接，让更多博友了解本小组的博客。在博文中本小组也将增加分类导航，方便访问者的阅读；（5）E-mail营销：本小组每周将会发布几篇文章，并向感兴趣的同学朋友发送E-mail，方便其了解本小组的最新研究动向。博客板块设计我们小组这次所选择的研究主题是HTML5技术，这是一个较为新兴的技术，它的第一份正式草案是在2008年1月22日公布的。针对HTML5技术本身的一些特点，我的博客主页也做了一些设计。我们主页的主色调采用的是蓝色。蓝色不仅能让人安静，让人有一种稳重深沉的感觉，它还充满着科技的味道。看着这个蓝色，就能不禁想到我们最初使用windows操作系统上网时总会不经意间点击的那个IE图标，虽然现在IE浏览器不如从前使用的那么多了，但是人们不会忘记那个蓝蓝的图标，就好比爱喝汽水的人都不会忘记可口可乐那个鲜红的logo一样。众所周知，几乎绝大部分的IT人士都是坐在办公室中工作的，也往往是被人们所称之的“白领”。HTML5就是一种web设计技术，所以在主页最上方的图片我们就选择了一群黑白的职场人士，他们看上去很干练，就如同网络一样，不会拖泥带水。如图一所示。这张图片中，有一个人是独立站在外面的，这就象征着我们所选的技术HTML5，因为它是众多web技术中的一种。于千万人群中我们要寻找的就是你HTML5，之所以它为什么值得我们研究，那就请看我们以后的报告吧，在这里就不累赘啦。图一 首页LOGO及背景当然主页上方的背景有一个地球，它是有很多数据点组成，象征着互联网将世界联系在了一起，形成了一个地球村。在首页布局上，我们使用的是新浪博客一般使用的三栏式，但对栏目的排版做了一些调整。图二 博客首页在最左栏我们放置了图片播放器、博文导航、分类目录、网友评论以及来访留言等这几个模块。因为根据网页浏览中的“F”现象，最重要的内容应当集中放置在左上角，由于我们主要介绍的是HTML5技术，所以就把想要和大家分享的HTML5的图片放在了左上角，这样可以让浏览者一下子就能看出我们博客的主题方向。原始的栏目设置将个人资料放在了左上角，我们觉得个人资料的重要程度不及让浏览者迅速了解到我们的主题高，所以我们将它放在了右上方，在这样的一个位置上，浏览者也可以清楚的看到。既然主题是HTML5，我们的LOGO就选择了集成HTML5的LOGO图片。这是一张合成图，它将四大网页设计工作者主要使用的网站LOGO与5拼接，象征着HTML5技术将会被越来越广泛的使用和接受。当然我们也希望HTML5的发展前景能够越来越好，能够被多平台所兼容。由于刚创立博客不久，还未发布博文，所以首页截图中间博文部分没有内容。博客的主题风格在很大程度上受到了新浪博客模板的限制，所以尚未做到完全的自主个性化设计。当然时代在发展，技术在日新月异的变化，我们也会尽我们小组全体队员的努力不断地完善我们的博客，希望能和更多爱好web前端设计的挚友共同进步。选择html5的理由随着Flash的落幕，HTML5技术已经取代了Flash在移动设备的地位，已经成为了移动平台唯一的标准。但是，我们还是认为HTML5的时代才刚刚开始，我们还有极大的想象和发挥的空间。HTML5的标准还在不断完善中，对HTML5的支持和应用也还刚开始受到关注。多媒体技术将是互联网的多媒体。HTML是革命性的，她强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web应用的功能。在HTML5平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。依据这两点，我们是否可以这样想，HTML5成为一种最基本的互联网“语言”，十分特别的“语言”，就像26个英文字母一样，就像生物细胞一样，她居然将视频、声音、图像、动画都可以表示。这是多么“恐怖的想法”，对视频、声音、图像等计算机“理解”起来特别费劲的东西，HTML5竟然“同源异构”化为对“元素”的理解，就像计算机不可能认识一大段文字什么意思，但是计算机可以“认识“单个英文字母的含义，再借助排列组合，就知道了整段文字的含义一样。即使现在的HTML5还没达到这个要求，以后也要以这个作为发展的目标。我们应该自信，因为我们期望的正在由HTML5实现：（1）HTML5技术能够让互联网浏览器以生动的图像和效果来对用户的操作做出回应，无须装载附加软件便可拥有游戏式的互动效果。程序开发者可以借助HTML5开发出兼容智能手机、平板电脑和PC电脑的软件，不再是只能为某种特定的硬件或者在线商店设计专门的应用程序。（2）HTML5最强大的生命力体验在其破除了应用在不同操作系统和机型之间的障碍，具有巨大的跨平台优势。这就意味着，基于HTML5的开发应用，可以在搭载不同操作系统的终端上运行，这对广大开发者来说绝对是一个福音。再加上其应用的广泛性，可以便捷地完成目前所需的各种应用，包括支持文字、图片、视频、游戏，且不需要任何插件的帮助。随着谷歌、苹果等创新公司的发展，HTML5技术将同Google Chrome、Google Android移动操作系统、Apple iOS等日渐成为发展的趋势，Win32、.NET、Silver