毕业论文基于HTML5 CSS3的个人博客系统设计与实现.docx

毕业论文基于HTML5 CSS3的个人博客系统设计与实现.docx

《毕业论文基于HTML5 CSS3的个人博客系统设计与实现.docx》由会员分享，可在线阅读，更多相关《毕业论文基于HTML5 CSS3的个人博客系统设计与实现.docx（42页珍藏版）》请在冰豆网上搜索。

毕业论文基于HTML5CSS3的个人博客系统设计与实现

摘要

随着互联网技术的不断发展，人社会越来越离不开对互联网的运用。

互联网的技术不是漫无目的的发展，而是根据人类社会的需求指引了方向。

HTML5与Blog的孕育而生就是源于人类社会的需求而出现的互联网技术。

HTML5是HTML下一个主要的修订版本，现在仍处于发展阶段。

目标是取代1999年所制定的HTML4.01和XHTML1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。

广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。

它希望能够减少浏览器对于需要插件的丰富性网络应用服务RIA，如AdobeFlash、MicrosoftSilverlight，与OracleJavaFX的需求，并且提供更多能有效增强网络应用的标准集。

HTML5是新兴的Web开发技术，其拥有良好的语义化标签，搭配最新CSS3可以展现出无与伦比的显示效果。

支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的傲游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。

随着计算机的发展和普及，博客得到了极大的发展。

博客是Blog的音译，Blog是Weblog（网络日志）的简称。

Blog是即E-mail、BBS、ICQ之后的第四种网络交流方式。

它以个人为中心传播出版有影响力的消息、新闻、事件等，鲜明的个人特色引人瞩目，它以独特的视角、敏锐的观察力，不断的冲击传统媒体。

本文结合ASP.NET和HTML5技术，SQLServer2005作为数据库，实现了动态个人博客网站及其管理，使得博客的展示更完美，管理更便捷。

【关键词】BlogASP.NETC#SQLServerHTML5CSS3

ABSTRACT

WiththecontinuousdevelopmentofInternettechnology,humansocietyisincreasinglyinseparablefromtheuseoftheInternet.Internettechnologyisnotaimlesslydevelopmentandguidingdirectionbutaccordingtotheneedsofhumansociety.TheHTML5Bloggestationbornwasaresultoftheneedsofhumansociety,theemergenceoftheInternettechnology.

HTML5isthetheHTMLnextmajorrevision,itisstillinthedevelopmentstage.Thegoalistoreplaceenactedin1999forHTML4.01andXHTML1.0standards,withaviewtotherapiddevelopmentofInternetapplications,thenetworkstandardtomeetourcontemporarynetworkneeds.GeneralizedaddressHTML5,actuallyreferstothecombinationofasetoftechnologies,includingHTML,CSSandJavaScript.IthopestobeabletoreducethebrowserplugtherichnessofnetworkapplicationservicesRIA,suchasAdobeFlash,MicrosoftSilverlight,andOracleJavaFX'sneeds,andprovidemoreeffectiveenhancednetworkapplicationsthesetofstandards.HTML5isanewwebdevelopmenttechnology,ithasagoodsemantictags,withthelatestCSS3displaycanshowunparalleled.SupportHTML5browsers,includingFirefox（Firefox）,IE9anditslater,Chrome（GoogleChrome）,Safari,Opera,etc.;Maxthonbrowser（Maxthon）,andbasedonIEorChromium（Chromeworksversion,ortheexperimentalversion）haslauncheda360browser,Sogoubrowser,QQbrowser,cheetahbrowserdomesticbrowseralsohavetheabilitytosupportHTML5.

Alongwithcomputer'sdevelopmentandthepopularization,Blogobtainedtheenormousdevelopment.BlogisWeblog（networkdiary）abbreviation.AfterBlogisE-mail,BBS,theICQfourthnetworkexchangeway.Ittakehastheinfluencenews,thenews,theeventpersonallyasthecentraldisseminationpublicationandsoon,thebrightindividualcharacteristicisconspicuous,itbyuniqueangleofview,keenpowerofobservation,unceasingimpacttraditionmedia.

Inthispaper,ASP.NETandHTML5technology,SQLServer2005asthedatabasetoachieveadynamicpersonalblogsiteanditsmanagement,makestheblogshowmoreperfectmanagementmoreconvenient.

【Keywords】BlogASP.NETC#SQLServerHTML5CSS3

参考文献36

附录37

前言

本论文设计的作品博客系统是基于HTML5和CSS3技术在.NET平台上设计与开发的。

HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些HTML5技术。

CSS即层叠样式表（CascadingStylesheet）。

在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。

CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。

本设计的目的是开发一个博客系统来支持个人或小团体使用，而不能作为大规模的应用，将来可以改进成为每个人都有自己固定的主页，而且自己可以管理自己的主页，包括博客，分类，样式等功能。

随着网络技术的日渐成熟，网络博客系统近几年更是成为各类网民不可或缺的展示自我表现自我的强大工具，其强大的功能良好的互动性在很大程度上满足了广大网民的需求。

第1章博客系统项目概述

第1节系统开发背景

互联网技术的不断发展和计算机性能的不断提升，用户享受互联网的方式也开始不断的变化，越来越多的应用可以直接以浏览器打开的方式使用，数据则是存储在云端，更加的安全可靠，方便用户共享数据。

在各种应用不断的趋于更加网络化的同时，一种新的技术标准也随之产生，那就是HTML5（HTML是一种标记语言也是一种标准，互联网开发居于此）。

HTML5是近十年来Web（互联网）标准最巨大的飞跃，和以前的版本不同。

HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像和动画，以及同电脑的交互都被标准化。

也就是说HTML5是通过开放的技术和标准来实现一个无插件模式的富客户端，这个客户端可以在蒋动终端、PC（个人计算机）或者其他可以宥网络的地方轻松的运行。

博客从进入中国的这十几年里得到了极大的发展。

博客是一种新的生活方式、新的工作方式、新的学习方式和交流方式，虽然受到微博的冲击，但是博客也是人们发表自己动态最全面，最可靠，信息量最大的平台。

第二节课题研究意义

随着互联网的不断发展，互联网对人们的生活也在不断地变化和加强，人们渐渐地已经开始习惯于互联网所带来的各类服务与应用，并且享受着它带来的便利和丰富。

当然随着互联网的基础用户和开发者不断增多，人们不断地去创造和完普它的速度也越来越快，无论从技术层面还是商业层面，新的模式和方法层出不穷，整个行业新陈代谢不断加速，新的应用和新的公司不断地挑战着新的技术和新的模式，由于整个行业存在创业成本很低、技术成本门槛却较高等特点，大公司也不断地推动着新的技术，基于此来创建一定的技术壁垒，同时基于此建立全新的服务和技术。

但是毕竟整个互联网是一个开放的环境，大家需要一种标准。

而不是一家独大的竞争下去，这样就一定会失去民心，所以HTML5这种更加新的标准和技术体系在不断地革新中发展壮大。

HTML5是近十年来Web标准最巨大的飞跃，和以前的版本不同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频，音频、图象和动画，以及同电脑的交互都被标准化。

尽管HTML5的实现还有很长的路要走，但HTML5正在改变Web。

另外，目前的互联网不仅仅是传统意义上面的互联网，所有的传统应用和模式正在向着更加移动和便捷发展，人们可能通过手机、平板电脑等各类移动设备来获取信息和使用更加丰富的应用，如物理位置定位信息等新的数据采集和多点触控、重力感应等新的交互方式的应用，未来必将也会改变人们生活的方方面面。

HTML5中也加入了以上各类新的元素和功能，同时也考虑到了非健全人事使用互联网时可能带来的问题，所以，研究HTML5这种技术体系来尝试做一些应用是一个千载难逢的机遇，而基于这个变革的年代去使用类似的技术来创造更多新的应用更是能够改变这个世界的一次机会。

博客作为一种新的生活方式、新的工作方式和新的学习方式已经被越来越多的人所接受，并且在改变传统的网络和社会结构。

它使交流和沟通更有明确的选择和方向性；单一的思想和群体的智慧结合变得更加有效；个人出版变成人人都可以实现的梦想。

博客正在影响和改变着我们的生活。

博客是以网络作为载体，简易迅速便捷地发布自己的心得，及时有效轻松地与他人进行交流，再集丰富多彩的个性化展示于一体的综合性平台。

将HTML5与博客结合，是一次全新的挑战，可以让博客的展现方式更加丰富。

第3节博客发展趋势

近年来，以Internet为核心的现代网络技术和通信技术已经得到了飞速的发展和广泛的应用，各种网络交流互动工具也应运而生。

其中以论坛、博客、社区、空间等最为受广大网民朋友的欢迎，也是目前为止发展的比较成熟的信息交流工具。

随着网络技术的日渐成熟，网络博客系统在近几年更是成为各类网民不可或缺的展示自我表现自我的强大工具，其强大的功能良好的互动性在很大程度上满足了广大网民的需求。

从互联网的兴起到现在，网民由上网浏览网络文章和查找资料以及上论坛发帖子，发展到建网站、建个人网站论坛主页，再发展成现在的建博客，一路走来，网民在网络一直打拼着建造着一个属于自己的地盘，在我国，已经有十几万个博客网站，博客数量达到100多万个，并且呈现40%的年增长进度。

不知从何时起，建博客、写博客成为了众多网民网络生活的重要组成部分，与网络聊天成了并驾齐驱的热点，共同成为网民上网最关心的事情。

因此，如何快速高效地为客户构建一个能满足其不同需求的博客系统，成为了当前网络技术人员应深入研究的课题。

第2章开发环境概述

第一节HTML5简介

HTML5是HTML下一个的主要修订版本，现在仍处于发展阶段。

目标是取代1999年所定订的HTML4.01和XHTML1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。

广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。

它希望能够减少浏览器对于需要插件的丰富性网络应用服务RIA，如AdobeFlash（Adobe公司的一种技术体系，使用Actionscript语言，开发后生成的程序以插件形式在浏览器端运行）、MicrosoftSilverlight（微软公司的一种技术，同样是以插件形式在浏览器端运行），与OracleJavaFX（基于Java的一种技术，SUN公司被Oracles收购后归于Oracle公司，以插件形式在浏览器端运行）的需求，并且提供更多能有效增强网络应用的标准集。

HTML5添加了许多新的语法特征，其中包括

这些元素是为了更容易的在网页中添加和处理多媒体和图片内容而添加的。

其它新的元素包括