个人博客设计与制作毕业论文.doc

河南经贸职业学院毕业论文个人博客设计与制作毕业论文目 录摘 要I绪论11.1博客的背景和历史11.2博客的优势与作用21.3博客的意义22项目概述42.1个人博客的目的和内容42.2个人网站的需求分析52.2.1前台主要功能要求52.2.2后台主要功能要求62.3基本要素设计72.3.1网站logo的组成内容72.3.2网站整体风格描述73概要设计83.1站点设计83.2网站流程图84 详细设计104.1首页104.2栏目“关于我”124.3栏目“我的相册”144.4内容页“文章”164.5内容页“图片”17参考文献19致谢20II绪论个人博客是当今网络上的热点，它以其简单、时尚和隐私保密性而备受人们的青睐，以其独有的个性与方便而被广泛应用；无论是被作为聊天工具、知识传播，还是博客系统，甚至于企业公告等都或多或少地将其运用，使其成为交流的重要手段，成为我们日常生活中不可或缺的一部分。1.1博客的背景和历史博客（blog），又被译为部落格、网志、网络日志等，是一种不定期的发表新的文章，并通常由个人管理的网站。博客上的文章通常根据发表文章的时间，由新到旧的顺序排列。随着网络的普及，网络出版、发表和张贴文章等网络活动急速增长，博客迅速被人们所认识、接受，从而被应用。博客通常是由简短的并且经常更新的张贴所构成，这些文章按照张贴的年份和日期排列。博客的内容不限，可以是个人的日记、照片、诗歌、散文，甚至各种类型的小说。博客是社会媒体网络的一部分。一个典型的博客结合了文字、图像、其他博客或网站的链接及其它与主题相关的媒体。人们可以在自己的个人博客中大胆的抒发情感、发表日志、上传照片、撰写博文、分享生活等；同样也能够让读者以互动的方式留下意见。大部分的博客内容以文字为主，许多博客专注在特定的课题上提供评论或想法，其他的则一般被作为比较个人的日记，可当作回忆录记录自己的生活。博客的出现才是近几年的事情，最早的博客是作为网络“过滤器”的作用出现的，例如：浏览器发明人Marc Andreesen开发的Mosaic的Whats New网页，以及Justin Hall的黑社会链接网页，都属于最早的博客网站原型。1996年，著名科幻学家William Gibson曾预言了职业博客：“用不了多久就会有人为浏览网络，精选内容，并以此为生，的确存在着这样的需求”。1997年12月，“Robot Wisdom Weblog”的运行，Jorn Barger使用了Weblog这个名字，这也是第一次使用weblog这个正式的名字。1.2博客的优势与作用博客，记录着个人生活点滴：如同日记一般，可将自己每日生活中发生的事情记录下来；传达着个人自由思想：它可依照个人自由意志去撰写内容，传达个人的自由思想； 抒发分享着个人情绪：把生活中的不满、郁闷或愤怒宣泄到博客上。具体而言，博客相比传统的交流沟通方式更具的优势有：主观性。由于博客是一种以作者为中心的媒体，文章表达着作者的主观感受与意见，这必然涉及着某人在发表文章那一刻的思绪，从而也表明博客可以自由发挥其个性和发表独到的见解。交流性。博客虽呈现的虽是以主体发表个人见解为中心的言论领域，但在博客中的读者群之间，他们彼此阅读彼此的博客，连带着一群人在自己的博客中撰写与之相关的主体，使博客中的成员们彼此之间呈现着持续的交流与对话。多媒体性。博客以网络为载体，集合现代化计算机技术的各种表现形式，比如利用图片、表情、音乐、动画、视频等来表现作者的思想，使其交流变的异常直观简洁而且迅速广泛。博客，它不等同于私人日记，它的概念比日记大的多，它不仅记录着自己生活成长中的点点滴滴，它提供的内容还注重能帮助别人。博客，它的作用主要有个人自由的表达和出版、知识的过滤与积累，以及深度交流沟通的网络新方式；它作为一种网络交流工具，可以作为个人生活记录，个人展示自己某个方面的空间，网络交流与学习交流的地方，各个公司也可以通过博客展示自己的企业形象或企业商务活动信息，具有语话权；著名的中文搜索引擎优化博客昝辉曾说过，话语权是博客的最重要的作用。“一点不假，一个成器的博客就像一个媒体，一个旗帜”。有这样一句话“博客永远是共享与分享精神的体现”，真的很正确的点明了博客的特点。1.3博客的意义博客秉承了个人网站的自由精神，同时也综合了激发创造的新模式，使其更具开放和建设性。它以网络作为载体，可以简单迅捷的发布自己的心情、心得，能及时有效轻松地和他人进行交流，并是聚集丰富多彩的个性化于一体的综合性平台。博客，它作为一种新表达的方式，它的传播不仅极具情绪、色彩，还包括大量的智慧、意见和思想；某种意义上说，它也是一种新生的文化现象，博客的出现、成长与繁荣，真正凸显着网络的知识价值，标志着互联网发展已然步入更高的阶段。2项目概述一个个人博客，要有足以充分表达主题思想、有丰富的知识面并要注意博主与浏览者的相互沟通。2.1个人博客的目的和内容博客，是一个综合性较强的交流性平台，一个有能力自己独立开博客的人，一般来说，都是对技术有一定了解的。大多数的人的开博客的目的也非常简单、实际：赚钱。这是一个现实的目的，但，纯粹的抱着这样目的开博客的人大多坚持不了半年就没兴趣了，因为钱挣不到。虽然，开博客确实挣不到钱，但大多数人都忽略了它隐藏的价值，比如找工作、结识朋友、记录生活。时光荏苒，对现在的我来说，背后的路一点点的消逝，前方的路依旧迷茫，而我此刻又身在何处，看看周围，看看朋友，在看看自己，才猛然发现，原来浑浑噩噩的行走在路边的那个才是自己。生活再继续，而即将大学毕业的我，却从来没有寻找到那个在心灵最深处的自己。毕业，意味着在校园时代的完结，同时，种种以前从未了解过的问题接踵而来，毕业论文、毕业设计、就业方向等等，压着我、逼着我令我不得不正视自己，再说一句“哦，原来我也还有那么多事情还没做，有那么多的梦想还没触摸”。此时此刻，我心中所想：网站建设，我现在所喜欢的一门课程，同时也为了给这个懵懂迷茫的我画一个句号，离校前的最后一个作业，毕业论文+课题，这个课题我就选做一个个人博客吧，加油！你可以的。因此，我的论文就围绕着个人博客展开叙述。这个博客，我所添加的内容有个人简介、个人博客模板、技术探讨、网站知识、美文、相册和日志等。在这里，我们可以畅所欲言的去探讨知识、发表个人意见，它可以使我们认识、了解更多的人，从而交到形形色色的朋友，增长自己的知识面，扩大自己的朋友圈。2.2个人网站的需求分析根据个人博客网站的特点，可以将网站分为前台和后台两个部分进行设计，前台一般用于读者对博主的文章、博主的相册或留言板等内容进行浏览和发表言论；后台一般用于博主对文章、相册、资料等信息的管理。2.2.1前台主要功能要求进入一个博客，可以了解到，它包括以下几个角色的功能模块：（1）文章发布：用于发布文章信息。（2）文章维护：对已发布的文章信息进行维护、更新。（3）相册管理：用于发布、维护相片信息。（4）链接管理：用于添加、维护友情链接管理。（5）留言发布：访客留言发布。具体而言，个人博客前台用户的主要功能包括：1.允许用户查看所有的日志及图片；2.允许用户装扮自己的个人空间；3.允许用户播放音乐、转载和分享视频；4.访问者可以查看日志文章、图片及用户信息；5.访问者可以查看文章评论，并能发表新的评论。前台功能模块如图2-1所示：个人博客前台管理系统关于我闲言碎语我的相册留言板慢生活图2-1 系统前台功能结构图2.2.2后台主要功能要求通过学习，我们知道，后台系统主要分为以下几个子模块：（1）管理员登录：提供管理员登录验证。（2）文章信息发布：用于发布文章信息。（3）链接信息管理：用于新增、维护友情链接信息。（4）留言管理：用于审核访客留言。（5）相册管理：相册发布，相册管理，删除。（6）密码修改，系统退出等。简而言之，个人博客后台用户的主要功能包括：1.可以查看和修改用户的个人资料； 2. 可以对图片进行上传、删除及修改； 3. 可以对日志进行增加、修改、删除以及日志的分类管理；4.可以对评论进行分类管理。后台功能结构图如图2-2所示：个人博客后台管理系统文章管理相册管理留言管理修改资料文章浏览文章添加文章分类相册分类相册查看相册上传删除留言博主资料修改图2-2 系统后台管理结构图2.3基本要素设计网站的整体风格和创意设计是不好学习与掌握的，它难在不固定，比较活泼丰富，不好参照和模仿。就算是任何两片叶子，也不会相同。因此，组成它的要素与制作者的风格决定着一个博客的整体效果。2.3.1网站logo的组成内容网站logo是一个代表自己的标志，因此，在制作一个网站时，一定要自己的标志logo，尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。网站logo的制作可以用Photoshop，Photoshop是一个非常强大的制图工具，它是一个降调创意与设计的软件，它之所以普及在于其具有强大的功能和与其他软件良好的兼容性。它应用于CG绘画、创意合成、视觉创意、制作平面广告、包装与封面设计、网站设计和界面设计领域。2.3.2网站整体风格描述一个网站的树立，我们要确信风格是建立在有价值的内容之上的，需要搞清楚自己希望站点留给人的印象是什么，并在明确自己的网站印象后，进一步找出其中最有特点特色的东西，将它作为网页的特色加以重点强化，宣传。由我制作的个人博客，它的内容包括个人简介，日常生活中的闲言碎语，收集的一些优美文章，以及一些唯美图片或生活照片。通过这些内容，可以让浏览者了解自己，从而成为朋友。我的博客中所占据的主要色彩是橘红色，背景为淡粉色，其中夹杂着一些其他色彩，给人一种唯美舒适的感觉。3概要设计鉴于个人博客要充分表达主题思想、拓展知识以及增进浏览者与博主的沟通，因此该系统应具有以下几点功能：展示个人档案，使浏览者认识自己；展示发表的文章，使浏览者可以欣赏到更多的优美语句；展示上传的相册图片信息；展示最新的博客列表信息；对个人信息填写及修改进行管理；对文章分类及文章信息的管理；对相册分类及上传进行管理。3.1站点设计个人博客中包含关于我、闲言碎语、慢生活、我的相册、以及留言版这几个栏目，这部分主要记录着我的日常生活，记录着我的一些小心情，一些小故事，同样也有我的一些照片以及我平常所收集的一些唯美图片。3.2网站流程图个人博客网站流程图如图3-1所示：浏览者博主个人博客首页登录查看博主信息查看文章查看相册后台管理中心相册管理文章管理个人信息管理信息相册添加、修改、删除添加、修改、删除添加、修改、删除留言板留言管理添加、删除留言发表评论图3-1 个人博客网站流程图4 详细设计 一个博客的页面设计效果往往会决定浏览者是否愿意继续浏览网页；你看到它，如果你可以想象到：它像一份早报、一辆法拉利跑车、一个拥挤的广场、一个杂货店或一个思想成熟的中年人、一个狂野奔放的牛仔等等；它给了你可以具象化的空间，又不失和谐舒适感，那么，我觉的，它就是一个成功的博客。4.1首页首页预览图图4-1 首页预览图图4-2首页预览图图4-3 首页预览图图4-4首页预览图图4-5 首页预览图4.2栏目“关于我”“关于我”栏目预览图图4-6 “关于我”栏目预览图图4-7 “关于我”栏目预览图图4-8 “关于我”栏目预览图图4-9 “关于我”栏目预览图4.3栏目“我的相册”栏目“我的相册”预览图图4-10 “我的相册”预览图图4-11 “我的相册”预览图图4-12 “我的相册”预览图4.4内容页“文章”文章内容页预览图图4-13文章内容页预览图图4-14文章内容页预览图4.5内容页“图片”图片内容页预览图图4-15 图片内容页预览图图4-16 图片内容页预览图参考文献1雷波 李巧君 王树琴，编著photoshop cs5标准教程中文版，中国电力出版社致谢将近三个月的时间，我终于将论文写完了，在论文的