个人博客网站设计

江苏广播电视大学专科毕业设计第1页共23页题目：个人博客网站建设学校：学科专业：学生：学号：指导教师：江苏广播电视大学专科毕业设计第2页共23页个人博客网站建设摘要：在IT网络日益普及的今天，越来越多的人开始接触网络，在网络上留下自己的印记，拥有一个博客系统，就能更好的展示自己。本文分网站规划、使用工具、前台设计、后台设计、问题解决等部分展示了“个人博客网站”的设计和建设过程。网站具有发布博文、访客留言、友情链接、云标签、文章按功能统计等，基本能满足个人博客的需求。本文偏重技术角度详细介绍了前台后台每个模块的设计思路和实现功能，同时介绍了建设网站中更改设计方案以满足使用者提出新的要求的例子，解决了类似保护隐私文件等问题。网站建设中使用了Dreamweaver、photoshop等工具，架设平台为WindowsServer2003+IIS6.0、php、mysql，php运行在IIS环境下，网站用php语言编写并使用数据库保存信息，同时使用CSS来设计网站风格。关键词：phpmysqlIIS数据库技术引言随着信息时代的到来和网络技术的不断发展，中国每天访问Internet网络的人群数量也在飞速的增加。而传统的静态网站已经不能适应日益膨胀的信息量和及时发布等需求，在这种情况下，制作全动态的综合性网站是跟上潮流的唯一选择。我设计的个人博客网站就是建立在“动态”的基础上，让网站的浏览和维护都变的最为简单，让网站成为展示自我，与网友沟通交流的重要工具。网站设计以功能设计为重心，界面效果简洁大方，一个好的网站架构应该能够让网站管理者随心所欲的更改网站里的全部内容，这也在网站的通用性方面有很大增强。个人博客网站追求的目的就是把能写入数据库的部分全部设计在数据链里，这样管理员只通过浏览器就能完成绝大部分的网站内容维护。江苏广播电视大学专科毕业设计第3页共23页网站建设中使用了Dreamweaver、photoshop等工具，架设平台为WindowsServer2003+IIS6.0、php+mysql,网站用php语言编写并使用数据库保存信息，用户和管理员在任何一台能上网的计算机上都能实现网站页面的浏览和网站内容的管理。第一章网站概述1.1网站设计目的第一批中文博客是在2002年出现的，早些时候博客只是一个新的网络名词并无特殊之处，。就在不经意间，博客竟如雨后春笋般冒出来，博得越来越多网民的欢心，并在互联网上引发了一股博客热潮。博客的发展现状呈现出以下特点：发展速度惊人；从精英向大众人群迅猛扩展；博客人群主体更加多元化；博客服务商激增，出现群雄争霸局面；博客资源争夺激烈，博客服务商面临市场洗牌。博客发展到今天已经取得了相当规模的成就，以新浪、搜狐、网易为代表的三大门户网站都已经推出了自己的博客服务，还有一些著名的专业博客网站都已经对博客资源展开了激烈的争夺。在规模扩大的同时博客技术也在不断的进步和完善，目前博客技术已经取得的成果包括：发表日志，发表评论，相册等一些通用功能。拥有一个完全独立的博客就必须要有一个适合个人的博客网站，用户可根据自己的实现想法和需求而改变博客的结构、色彩等，是自己完全可控的，本站就是为实现这一目的而设计。1.2网站实现功能（1）管理内容：为个人博主提供博客的内容管理平台，提供日志、留言、评论、链接、四大类的信息管理内容。除评论外，每种信息均可自行管理信息分类，以及管理这种信息。（2）阅读博客：系统首页为博客访问者提供了博客分类列表，浏览者可以选择自己喜欢的博客专题。另外首页还包括最新日志列表、访问率最高的日志列表、评论最多的博文、热点关键词等。（3）系统功能页面：日志和博客关键字搜索，列出日志、评论、留言的总数、友情链接的管理等。1.3网站首页模块图1-1一个网站最重要的是首页，如图1-1一般正规的网站所有的子页都在首页有链接或体现，所以网站首页模块也反应了网站中大部分页面的功能。1．通用页面头部和通用页底江苏广播电视大学专科毕业设计第4页共23页为了保持网站风格统一和修改的方便，把每页都出现的通用页首和页底做成独立的文件，并与mysql数据库相连，方便更容易的更改页首页底内容。2．首页博文首页博文显示最新发表的6篇文章的简介，访客可以通过简介了解大致的文章内容。3．最新按类统计模块这一模块实现按类进行统计，向访问展示了本站发表的文章的情况，可以了解到最新发表的文章、最新访客的评论、热门文章和热评文章。4．分类模块站内的内容按不同的类别归属于某一个大类，访问可以根据分类来更方便的阅读感兴趣的方面。5．云标签模块本站使用了云标签功能，发表的每篇文章都可以设置多个关键词，在首页可以将本站最热的关键词显示在最前，这样就方便查看相关的文章。6．友情链接可以将网友的相关博客或自己感兴趣的网站做链接，提高交互性，后台可以对友情链接进行管理。7．搜索功能可以提供全站文章的搜索功能。1.4网站特点介绍1．全动态设计整个网站基本没有静态内容，而是用几个网页框架读取数据库信息，网站的日常维护乃至高级维护都不需要借助网页编辑工具，只需要在浏览器上即可完成。2．独立的前后台设计前台只管读取数据库，后台只管编辑数据库，两者分工不同在操作上完全独立，而通过数据库有把前后台紧密的连接在一起。3．分工明确的模块功能文章模块、分类模块、云标签模块、友情链接模块、文章统计模块、搜索模块……每个模块只完成他所要完成的事情，设计清楚，操作简单。4．高度模板化的页面设计网站前台的核心页面只有四个，但是就是通过这四个页面的不同组合可以把所有信息展现在浏览者面前。5．统一的页面风格所有页面都使用相同的CSS所以整体风格保持一直，通用页面在设计上框架也基本保持一致，使网站的整体感很强。江苏广播电视大学专科毕业设计第5页共23页6．单用户模块因为是设计成个人博客系统，所以本站只能单用户使用，使用更专一。第二章网站建设工具介绍页面框架设计：Dreamweaver8页面图片处理：PhotoShopCS2网页脚本语言：PHP页面风格控制：CSS编程调试工具：EditPlus后台数据库：mysql网站架设平台：WindowsServer2003+IIS6.0+PHP-5.2.02.1Dreamweaver8Dreamweaver8是由美国著名多媒体软件开发厂商Macromedia公司推出的一套专业可视化网页开发工具。它与该公司的另外两个网页制作软件Flash、Fireworks并称“DreamTeam”。其中Flash用来生成矢量动画；Fireworks完成Web图像制作；而Dreamweaver则进行各类素材的集成和发布。Dreamweaver8提供了强大的可视化编辑功能来确保高质量网页的完成，设计环境使用CSS样式表来进行网页样式的统一管理，可以迅速高效地开发出代码简洁、专业规范的站点。同时，Dreamweaver8还提供了许多与编程相关的工具和功能，并且，借助Dreamweaver8还可以使用服务器语言（例如ASP、JSPColdFusion标记语言和PHP）生成支持动态数据库的Web应用程序。2.1.1Dreamweaver8简介1．DreamWeaver8界面Dreamweaver8的工作界面包括：标题栏、菜单栏、工具栏、文档窗口、上下文菜单、标签选择器、状态栏、属性检查器、面板组等。2．Dreamweaver8安装坏境Dreamweaver8虽然使用上与DreamweaverMX2004基本相同，但Dreamweaver8对需要安装的计算机所实用的系统提出了更高的要求，最基本的配置是：800MHzIntelPentiumIII处理器（或同等处理器）以及更高频率的处理器、Windows2000或WinwowsXP、256MBRAM、1024*768,16位显示器以及650MB以上可用磁盘空间。3．Dreamweaver8新增功能Dreamweaver8相对于其前期版本，其包含了许多新功能。这些功能的增加使得软件的易用性得到了改善，也更方便了网页设计、网站开发的工作，新增功能包括缩放功能、“样式呈现”工具栏、对XML数据进行可视化操作、CSS布局的可视化、代码折叠功能以及插入Flash视频等。江苏广播电视大学专科毕业设计第6页共23页2.1.2Dreamweaver8的特点1．灵活的编写方式Dreamweaver8具有灵活编写网页的特点，将“设计”和“代码”编辑器合二为一，在设计窗口中精化源代码，使用户能够按工作的需要定制自己的用户界面，并且利用一些浮动窗口，用鼠标单击的方式插入图像、表格、表单、应用程序、脚本语言等各种对象，同时也提供对代码的编辑，包括样式表和JavaScript脚本。2．可视化的编辑界面Dreamweaver8是一种所见即所得的HTML编辑器，可以实现页面元素的插入和生成。可视化编辑环境大量减少了代码的编写，同时也保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver8都将提供便捷的方式使用户设计网页和管理网站变得更容易。3．功能更多的CSS支持、CSS的可视化设计、CSS检查工具CSS样式一直都是网页制作的一个重要环节，网页文本字体、颜色，图像的位置等外观设置都可以通过CSS样式表来控制。Dreamweaver8中有强大的CSS样式表编辑器，使用者可以利用CSS面板上的功能按照要求，非常轻松地编辑出自己满意的CSS样式，从而达到美化网页外观的效果。4．强大的Web站点管理功能用户自定义控制不仅可以迅速完成个人页面以及站点的设计，而且Dreamweaver8的RoundtripHTML/JavaScript行为库以及模板和标签功能也非常适合大型网站的合作开发，通过与其他群组产品的配合使用以及众多第三方支持可轻松完成动态发布电子商务网站的构建。FTP安全保障，是Dreamweaver8新增功能之一，所有传输的文件完全加密，并阻止越权存取你的信息、文件内容、用户名和口令。5．内建的图形编辑引擎修剪、改变大小、尺寸、旋转角度、调节明暗度都不需要离开Dreamweaver8环境，因为它本身集成了MacromediaFireworks的基本图形编辑技术，这是以往版本所没有的功能，如图2-1所示。图2-1内建的图形编辑引擎功能6．Dreamweaver8的集成特性Dreamweaver8继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地进行切换，轻松地创建美观实用的网页。7．丰富的媒体支持能力可以方便地在网页中加入Java、Flash、Shockwave、ActiveX以及其他Plug-in江苏广播电视大学专科毕业设计第7页共23页媒体文件。而且Dreamweaver8具有强大的多媒体处理功能，在设计DHTML（DynamicHTML，动态HTML）和CSS(CascadingStyleSheets,层叠样式表)方面表现的极为出色，它利用JavaScript和DHTML语言代码轻松实现网页元素的动作和交互操作，产生完美的网页效果。2.2PHPPHP，一个嵌套的缩写名称，是英文超级文本预处理语言（PHP:HypertextPreprocessor）的缩写。PHP是一种HTML内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有类似于C语言，现在被很多的网站编程人员广泛的运用。PHP独特的语法混合了C、Java、Perl以及PHP自创新的语法。它可以比CGI或者Perl更快速的执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；与同样是嵌入HTML文档的脚本语言JavaScript相比，PHP在服务器端执行，充分利用了服务器的性能；PHP执行引擎还会将用户经常访问的PHP程序驻留在内存中，其他用户再一次访问这个程序时就不需要重新编译程序了，只要直接执行