摘 要 Blog的全名应该是Web log，中文意思是“网络日志”，后来缩写为Blog，而博客(Blogger)就是写Blog的人。从理解上讲，博客是“一种表达个人思想、网络链接、内容，按照时间顺序排列，并且不断更新的出版方式”。 随着互联网技术的高速发展，生活节奏的加快，博客被越来越多的人选择作为学习和交流的工具。博客的内容丰富多彩，有对其他网站的超链接和评论，有个人构思，还有新闻日志、照片、诗歌和散文等。博客具有自主性、开放性、互动性和共享性的特点，是一个很好的交流的渠道，思想展现的舞台和学术探讨的园地。 本系统是一个实用的个人博客网站，集博客、留言板、链接于一身。未注册用户(访客)可以浏览文章，发表评论及留言。也可以通过注册成为该系统的注册用户，注册用户可以管理自己的博客、留言板、友情链接等，同时还可以发表新日志，上传附件等。 关键词：博客，日志，评论，留言
I
Abstract Blog full name should be the Web log, in Chinese means \Blog, the blog (Blogger) who is writing Blog. From the understanding of speaking, the blog is \personal expression of ideas, network links, content, are arranged in chronological order, and constantly update the publication of way.\With the rapid development of Internet technology and high speed of life rhythm, Blog has being chosen by more and more people as the tool of study and communication. The content of Blog is very rich and colourful: some has hyperlink and comment of other website, some about personal thinking, news, music, article and so on. Because of the character of independence, open, interaction and share of Blog, it is regarded as an outlet of good exchange channel, the stage of personal thought displaying, and the garden area of knowledge studying. This system is a practical Blog website which has Blog, photo album, message board and link. Visitor can browse articles, post comments and leave messages. The visitor can register in the Blog website, after that they can manage the Blog, photo album, message board, link of friendship etc. At the same time, they can also post new log, picture etc. Keywords：Blog，log，comment，message
II
目 录
引 言 ...................................................... 1 一、网页设计的需求 .......................................... 2
1.1、 网站开发的背景 ....................................... 2 1.2、 网页的开发环境 ....................................... 2
二、网站规划相关技术综述 .................................... 4
2.1、网站开发工具的介绍及选择 .............................. 4 2.1.1、网站开发工具Dreamweaver cs3介绍 .................. 4 2.1.2 、CSS+DIV 介绍 .................................... 6 2.1.3、 HTML 简介 ...................................... 10 2.1.4、 IIS简介 ....................................... 12 2.1.5、 ASP简介 ....................................... 14 2.1.6、数据库技术简介 .................................. 16 2.2、社会可行性研究 ....................................... 18 2.2.1、本课题的研究意义 ................................ 18 2.2.2、同类课题存在的问题 .............................. 18 2.2.3、本课题要达到的设计目标........................... 18
三、 网站总体设计与规划 .................................... 20
3.1网页艺术设计介绍 ...................................... 20 3.1.1网页艺术设计的内容 ................................ 20 3.1.2网页艺术设计的原则 ................................ 21 3.1.3网页艺术设计的特点 ................................ 23
III
3.2网站的整体布局及结构................................... 25 3.2.1确定建设网站的主题与规划网站 ...................... 25 3.2.2网页的整体布局和导航 .............................. 25 3.3网站画面风格的设计及素材处理 ........................... 26 3.3.1网页画面风格设计.................................. 26 3.3.2网页素材处理技术.................................. 26 3.3.3网站栏目介绍及功能简介 ............................ 27
四、 网站的详细设计与制作 .................................. 28
4.1站点 ................................................. 28 4.1.1创建和设计站点 ................................... 28 4.2网页制作 .............................................. 31 4.2.1创建文件夹 ....................................... 31 4.2.2创建文件 ......................................... 31 4.2.3创建欢迎flash动画 ................................ 32 4.2.4创建主页面1.asp .................................. 33 4.2.5留言板及个人心情网页设计 .......................... 33 4.2.6网站实现的主要功能 ................................ 36
五、 网站的调试及维护 ...................................... 38
5.1网站系统测试 .......................................... 38 5.2系统维护 .............................................. 39
六、 结论 .................................. 错误！未定义书签。 七、结束语 ................................................. 41
IV
八、参考文献 ............................................... 42 九、附录 ................................... 错误！未定义书签。
V