基于html5与css3技术的个人博客网站的设计与实现

摘要

博客，英文名为Blog或Blogger,为Web Log的混成词。它的正式名称为网络日志；又音译为部落格或部落阁等，是一种通常由个人管理、不定期张贴新的文章的网站。博客(Blogger)的出现,使我们在互联网世界,第一次有了知识积累和文化指向。博客们将工作、生活和学习融为一体,通过博客日志(Blog),将日常的思想精华及时记录并发布,萃取并链接全球最有价值、最相关、最有意思的信息与资源。而在此基础上，进行博客技术开发研究，这无疑对中国互联网全面推进博客走近百姓日常生活起到了非常重要的作用。随着计算机软件和互联网的飞速发展,用户对视觉体验提出了更高的要求,而html5和CSS3对Web设计理念和方法也进行了革新，使得Web应用有更好的用户体验。本篇范文就是基于html5和css3技术的基础上做的，给博客添加特色。

关键词　博客；html5；css3；个人博客网站；web设计革新；

目录

摘要 I

第1章 概述 3

1.1 研究意义 3

1.2 研究现状和发展趋势 3

1.3研究内容 4

第2章 开发工具及运行环境 5

2.1 开发工具：sublime text 5

2.2 运行环境 5

2.2.1服务器：wampserver 5

2.2.2浏览器：谷歌、火狐 5

第3章 开发新技术 6

3.1 HTML5 6

3.1.1 HTML5发展历史及趋势 6

3.1.2 HTML5新特性及优势 6

3.2 CSS3 6

3.2.1 CSS3的发展历史及趋势 6

3.2.1 CSS3的属性及优点 7

第4章 网站功能结构设计 8

第5章 网站页面设计与代码实现 9

5.1  首页 9

5.1.1页面效果 9

5.1.2 代码片段 9

5.2 个人简介 11

5.2.1 页面效果 11

5.2.2 代码片段 11

5.3  日志 14

5.3.1页面效果（日志列表与播放器） 14

5.3.2 代码片段 14

5.3.3 日志的上传与管理 17

5.4  留言板 18

5.4.1 页面效果 18

5.4.2 代码片段 18

5.5  相册 21

5.5.1 页面效果 21

第6章 测试 22

6.1  功能测试 22

    6.2  兼容性测试 22

第7章 结论 23

参考文献 24

致谢 25