基于html5与css3技术的个人博客网站的设计与实现-开题报告

选题的研究意义

博客，英文名为Blog或Blogger,为Web Log的混成词。它的正式名称为网络日志；又音译为部落格或部落阁等，是一种通常由个人管理、不定期张贴新的文章的网站。博客上的文章通常根据张贴时间，以倒序方式由新到旧排列。许多博客专注在特定的课题上提供评论或新闻，其他则被作为比较个人的日记。一个典型的博客结合了文字、图像、其他博客或网站的链接及其它与主题相关的媒体，能够让读者以互动的方式留下意见，是许多博客的重要要素。大部分的博客内容以文字为主，仍有一些博客专注在艺术、摄影、视频、音乐、播客等各种主题。博客是社会媒体网络的一部分。

博客(Blogger)的出现,使我们在互联网世界,第一次有了知识积累和文化指向。使人类由粗放的数字化生存,过渡为个人化的精确的目录式生存。博客们将工作、生活和学习融为一体,通过博客日志(Blog),将日常的思想精华及时记录并发布,萃取并链接全球最有价值、最相关、最有意思的信息与资源。在其形成的博客媒介下,更多的知识工作者能够零距离、零壁垒地汲取这些最鲜活的思想。博客传播的出现,标志着以“信息共享”为特征的第一代门户之后,追求“思想共享”为特征的第二代门户正在浮现,互联网开始真正凸现无穷的知识价值。博客传播是网络传播领域出现的个性鲜明的传播现象,其出现改变了网络传播的秩序,重新划分了网络传播的界限。博客的出现还打破了长久以来传统媒体对媒介所传播内容的控制,使得由美国社会心理学家、传播学四大先驱之一的卢因1947年率先提出的“把关人”理论受到强烈冲击,以至于更有甚者宣称,“守门人”时代结束。

研究现状及发展趋势

在创办了博客中国（blogchina）、被誉为“博客教父”的方兴东接受了记者的专访。从他的专访中我们知道，博客这一事物在中国的发展大致经过以下三个阶段：少数人写博；博客爱好者写博；博客大众化。如果说第一阶段和第二阶段博客的发展还是理想主义和浪漫主义的话，那从第三阶段开始，博客已经向现实主义转变。也就是说，那些网络保守主义者也将加入到博客大军中来。

在我国，已经有无数个博客网站，博客数量更是不计期数，着实让国人刮目相看。因此，博客经济引起了专家学者和行业官员的普遍关注。从互联网的兴起到现在，网民由上网浏览网络文章和查找资料以及上论坛发帖子，发展到建网站、建个人网站论坛主页，再发展成现在的建博客，一路走来，网民在网络一直打拼着建造着一个属于自己的地盘，不知从何时起，建博客、写博客成为了众多网民网络生活的重要组成部分，与网络聊天成了并驾齐驱的热点，共同成为网民上网最关心的事情。

研究内容

从目前看，进行博客技术开发应用，这无疑对中国互联网全面推进博客走近百姓日常生活起到了非常重要的作用。而以往的博客网站都是简单的静态页面，页面样式看起来都是千篇一律的。随着计算机软件和互联网的飞速发展,用户对视觉体验提出了更高的要求,而html5和CSS3对Web设计理念和方法也进行了革新。使得Web应用有更好的用户体验。本篇^范文就是基于html5和css3技术的基础上做的，给博客网站添加特色。

本次研究中要求实现的基本功能包括：具有首页，个人简介，日志，留言板这些常用功能。在开发过程中采用 -server和sublime text3做为开发环境和工具。我将使用php、html5和css3编程技术来编辑页面，mysql数据库来开发数据库系统。

主要功能介绍：

（1）网站前台功能：

  浏览：首页相册浏览，个人简介浏览，日志浏览

           发表：留言板，日志评论

（2）网站后台功能

 1.添加、编辑、删除日志

 2.添加、编辑、删除照片

 3.个人简介的更新

 4.回复删除留言

 5.回复删除评论

二、^范文提纲

博客网站的概述 

1.1研究内容

1.2研究意义

1.3研究现状和发展趋势

2.开发工具及运行环境

    2.1开发工具sublime text3

    2.2运行环境

      2.2.1服务器：wampserver

      2.2.2浏览器:谷歌、火狐

 2.3数据库 mysql

3.开发新技术 

3.1 HTML5

   3.1.1HTML5发展历史及趋势

       3.1.2HTML5标签

    3.2 CSS3

3.2.1 css3发展历史及趋势

3.2.2 css3属性

网站的需求分析

4.网站模块设计与代码实现

   4.1 首页

     4.1.1页面效果

     4.1.2代码片段

   4.2 个人简介

     4.2.1页面效果

     4.2.2代码片段

   4.3 日志

     4.3.1页面效果

     4.3.2代码片段

   4.4 留言版

     4.4.1页面效果

     4.4.2代码片段

测试

  1.功能测试

  2.兼容性测试

结论

三、参考文献

[1]黄玉春.浅谈下一代Web开发标准的核心技术—HTML5[J].计算机时代，2015，04

[2]陈梅.提高用户体验的CSS3技术应用研究[J].电脑知识与技术，2015，13

[3]徐安令.基于WAMP架构的博客管理系统分析与设计[J].电脑编程技巧与维护，2015，1

[4]朱颖.博客管理系统的分析与设计[J].中国科技博览，2015，5

[5]王春峰;刘毅;董利利;李迎斌.基于WordPress的中医健康知识库的开发设计[J].甘肃科技纵横，2015，44（5）

[6]方兴东;张笑容.媒体融合战略下的博客发展路径[J].传媒评论，2015，3

[7]高华.浅析网站建设与网页制作方法[J]. 网络安全技术与应用，2015，3

[8]张晓孪.基于MySQL的小型数据库管理工具实现[J]. 微处理机，2015，2

[9]徐春绵.关于网站开发相关问题的探究[J]. 通讯世界，2015，9

[10]李杨.构建基于Linux、Apache、MySQL、PHP平台的网站[J].电子技术与软件工程，2015，4