个人博客网站的设计与实现毕业设计论文.doc

毕 业 设 计毕业设计题 个人博客网站的设计与实现 毕业设计类型R产品设计 工艺设计 方案设计 姓名 班级 所属系部 物信系 专业 物流信息技术 指导教师 职称 完成时间 年 月 日 摘要摘要：随着现代计算机科学的发展，网络已经越来越普及，如今网络已经成为每个人生活的一部分，同时网络也提供了一种很好的信息交换平台，而个人博客网站是一个可以在网络上展示个人信息的方便手段。现代社会的进步，使得大部分人都开始在网上投递简历，而个人博客正好成为了个人在网上的名片。本文介绍了戴思静个人博客网站的设计与实现，并对其进行了需求分析同时也根据实际情况选择了设计工具和技术。 该博客网站运用了html、 javascript、css等语言以及Dreamweaver软件和photoshop软件主要实现了首页，个人简历、慢生活、美图分享、日记等功能，使我们能通过该博客达到个人的宣传与推广。 关键词：首页 个人简历 日记 信息 html javascript目 录引言4第1章 需求分析51.1个人博客网站概述51.2个人博客网站的可行性分析51.3运行环境6第2章 个人博客网站主要界面与主要功能的实现82.1网站构架82.2网站模块8第3章 个人博客网站美观设计123.1整体布局和风格设计123.2色彩的搭配123.3图片的选择123.4网站的个性化设计12第4章 个人博客网站测试与维护144.1主要测试内容：144.2主要的维护内容：14总结15致谢17参考文献18引言随着网络信息时代的到来, 纸质类的记录已越来越满足不了人们的需求。网络不仅能实现信息的记录与保存，还能实现信息的共享。对于一名应届大学生来说，架设一个属于自己的个人博客网站，使招聘单位通过网络了解自己，或者进一步通过网络实现自我推荐，已经成为了当代大学生的一个特色名片。所以个人博客网站的建设非常重要,是适应这个时代的一种需求。正因为看到了这些，在毕业设计选题时选的课题是个人博客网站建设。近年来，随着互联网技术的发展，就全球上网的人数来说，有很多的人正通过博客来改变他们的生活方式，同时学生也学习到了各个方面不同的知识，人们通过自己的文字来传递着不同的信息。作为一个发展迅速的网络空间，博客向我们透露着这个信息传递和情感的平台将影响接下来的几代人。第1章 需求分析1.1个人博客网站概述个人网站的用途是为了促进内部交流、扩大外部影响、增进友谊、为生活增添多姿多彩的内容，让更多人了解到自己，让更多的人能够欣赏到自己喜欢的音乐，通过设计一个个人网站，以达到个人推荐、展现自我的一个平台，个人网站为交流提供综合的网络环境，同时也为个人的宣传，发展，提供了一个平台。1.2个人博客网站的可行性分析（1）实用性信息时代的今天，网络已成为人们工作、学习的一部分，不断充实和改变着人们的生活。在网络中，构建一个个性化的博客，可以充分表达自己的思想，通过发布文章展示个人才能，抒发个人感情。(2)经济性博客通过“日记”和“美图分享”等功能模块，吸引更多的人关注，通过博客展现个人魅力，达到宣传自己和推广自己的目的。(3)技术性本网站主要运用了HTML语言，而html的特点是：简易性，HTML版本升级采用超集方式，从而更加灵活方便。可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。 平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上。系统应具有十分的灵活性，以适应将来功能扩展的需求1.3运行环境1、设备：浏览器：微软公司(Mscrosoft) Internet Exlporer 9+、智谋公司(Mozila) Firefox 3.5+、苹果公司(Apple)Safari3+、 谷歌(Google)Chrome2+、 Opera 9+。操作系统：Intel486以上系列、AMDK6以上系列等PC：台式机和便携式电脑；运行时占用内存：100M以上；所需硬盘空间：20G以上；2、支持软件浏览器：微软公司(Mscrosoft) Internet Exlporer 9+、智谋公司(Mozila) Firefox 3.5+、苹果公司(Apple)Safari3+、 谷歌(Google)Chrome2+、 Opera 9+。3、接口用户接口：本系统采用图形用户接口，以鼠标和键盘为用户接口，方便用户对博客系统的有效操作。更好地在博客里进行交流。内部接口：内部是页面和页面连接。4、 网站设计的技术应用所学知识，规划一个个人博客网站，主要内容包括：首页、 个人简历、慢生活、美图分享、日记、 小游戏等模块。(1)HTML基本语言(2)、javascript脚本语言(3)、css样式(4)、DREAMWEAVER、PHOTOSHOP等软件 5、涉及到的技术点主要是：(1)、熟练使用编程语言(2)、美工软件的熟练使用第2章 个人博客网站主要界面与主要功能的实现2.1网站构架本网站以静态为主，大体框架有三大部分。包括网站头部的特效，首页，个人简历，慢生活，美图分享，日记，小游戏，以及博客的主题内容， 其中本博客主题内容应用了大量的HTML脚本语言等。部分代码 如下：戴思静 戴思静 那一年，列车上是我们故作忧虑的脸庞。如今，我们勇敢地天各一方. 戴思静 首页个人简历慢生活美图分享日记 2.2网站模块本网站有五大模块，包括博客首页，个人简历，慢生活，美图分享，日记等。网站的功能模块结构图如下： 戴思静个人博客网站首页个人简历慢生活美图分享日记戴思静抖动相册球状标签云翻开留言小游戏小球碰撞鲸鱼动动动（1）首页：主要是静态页面，简单的介绍了一下博客内容，其作用就是让每位浏览者清楚了到该博客有哪些内容。如下：（2）个人简历：介绍个人的信息，以文字的形式展现出来，使浏览（者更加形象的认识自己。如下：(3)慢生活：追忆高中到大学毕业这段时间的生活。如下：(4)美图分享：展示图片。如下：（5）日记：展示自己所写文章。如下：（6）小游戏：娱乐生活。小球碰撞。如下：鲸鱼动动动。如下：第3章 个人博客网站美观设计3.1整体布局和风格设计布局简单 、中心定位 、柔和,自然的背景色 、颜色鲜亮 、许多留白 、大字体 3.2色彩的搭配本网站色彩柔和,自然的背景色，以清淡为主，看上去给人愉快感，主要是黑色和白色，中间夹杂着红色。留有许多空白，给人以空间感，显得网站疏松，看起来比较舒服。3.3图片的选择 本站图片多数是用PHOTOSHOP处理的，清晰度高 。3.4网站的个性化设计 简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。 使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美 整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。 网站形象突出：一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。 页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。 交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。第4章 个人博客网站测试与维护网站建成后并不意味着网站建设的结束，网站内容需要不断更新， 并且网站发布前要进行细致周密的测试，网站发布后也要定时的对网站进行维护，以保证正常浏览和使用。4.1主要测试内容： 1、服务器稳定性、安全性。 2、程序软件的测试。 3、网页兼容性测试，如浏览器、显示器。 4、根据需要的其他测试。 4.2主要的维护内容：(1)、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。(2)、链接接口的维护，有效地利用接口是网站维护的重要内容，因此链接接口的维护要受到重视。(3)、内容的更新、调整等。 (4)、制定相关网站维护的规定，将网站维护制度化、规范化。总结通过这次自己选题，自己策划，自己着手做毕业设计，在其中学到不少东西，正是所谓的眼高手低，看着容易做起来难，以前学的东西没有亲自动手做，现在就不会了，还要再查找以前学习的课本，网站找资料。这次毕业设计充分体现了学生的动手能力，我做的这个个人博客网站设计遇到了不少问题，尤其是javascript这一方面，请教了不少人，因为没有学过这门课程，没有及时的去补充，去钻研，现在可费劲了。实践是检验真理的唯一标准，当然也是检验学习成果的标准。通过这次毕业设计让我对前面学过的许多课程有了更为深刻的理解，也是我对这三年所学的东西的一个综合体现。然而这次设计让我感受颇深，它让我体会到了理论知识结合实践的重要性，光有理论知识是远远不够的。 首先，我选的课题是网站的设计与实现，随之而来的就是我如何来确定该网站的主题,起初自己把问题想的过于简单了，总觉得只要我把主题给确定了，其他的事情也就好解决了。然而却远远不是我想的那样，当我确定了主题着手来做时，发现自己根本不知从哪着手，到底用什么来布局网站，网站的整体风格又是怎样的，如何来规划等这一系列的问题都是我极需要解决的。我开始变得有点浮躁不安，带着这样的心情来做我的设计，其结果是几天下来网站的整体布局都还没有一个统一的概念。慢慢的我就静下心来反思自己这几天所做的，发现自己的方法完全错了，太急于求成，然后我整整自己思绪，一步步来，先准备资料，画出网站的设计模型图，熟悉编程环境，把握整体布局，明确了网站的基本功能，再设计好系统各主要部分，将一些细节问题考虑周全后才开始动手进行开发，使得后来的工作才得以顺利进行。 其次，因编程语言的熟悉程度不够也让我对整个开发过程受到了一定的阻碍。由于自己所学的东西不是很扎实，而以前只编辑过一些小的程序，对编辑大型程序不是很了解，所以自己只有去找资料，图书馆和网络给了我很大的帮助，在我徜徉书海和网络查找资料的日子里，面对无数书本和网上信息的罗列，自己有时也会感到烦躁不安，但每当自己找到了自己想要的资料时，激动和兴奋接踵而至，心里满满的只有喜悦毫无疲惫，这段旅程看似荆棘密布，实则蕴藏着无尽的宝藏，让自己了解和学习了很多以前自己根本就不知道的知识。 但总的来说，这次的毕业设计为我即将踏入社会之前提供了一次锻炼的舞台。正像辅导老师说的一样，它让我对几年来所学的专业课有了更为深刻的认识，使知识得到了融会贯通，得到了比以往学习任何一门课都更大的提高和进步。所谓活到老学到老，自己以后还要加强知识的学习，不断的完善自己。经过开发这个系统，这不仅仅是一次毕业设计，不仅仅是学会了一门开发语言，更重要的是在学习的过程中，脚踏实地，认真严谨，实事求是的学习态度，不怕困难、坚持不懈、吃苦耐劳的精神是我在这次设计中最大的收益。我想这是一次意志的磨练，是对我实际能力的一次提升，也会对我未来的学习和工作有很大的帮助。 这次毕业设计不能说得上是完美，但我觉自己已经尽了自己最大努力去完成，我想只要自己努力了就能对得起自己了。同时我也会在以后的时间里尽量的完善它，不断的对它进行升级，做出更好的成绩。致谢在毕业设计制作的过程中，我遇到了许多技术和功能实现上的问题，在老师和同学们的热心帮助下都得到了顺利的解决。在这里我向所有的老师和同学表示由衷的感谢，由于他们的帮助，我的毕业设计才能顺利的完成。特别感谢我的指导教师，在百忙之中抽出时间对我的毕业设计进行严格审核，督促我毕业设计的进展，并为我的设计提出了很多好的意见和建议，在此向刘老师表示衷心的感谢。另外感谢电商班的同学在网页制作过程中给予我很多帮助，在此表示衷心的感谢。参考文献1 刘霆雨，完美网页制作，人民邮电出版社，20062铭泽等译，JavaScript权威指南，机械工业出版社，2003.1 3刘宏，赵芸，网页设计与制作基础教程，北京交通大学出版社，2007.44于筱荔，网页设计与制作，人民邮电出版社，2008.15黄秀娟，网页设计与脚本编程，浙江大学出版社，20011.76杨选辉编著，网页设计与制作教程，清华大学出版社，2008.8第二版 7李舒亮主编,网页设计与制作使用教程,机械工业出版社,2006.8第一版8中文版Dreamweaver CS4案例教程 (1CD),龙腾科技出版,2009.5第一版 9洪光，马希敏编著.静态网站建设,大连理工出版社,2008.6第二版 10姜伟主编,网页美工传奇,机械工业出版社,2004.5第一版 11方晨主编,ireworks8中文版实例教程,上海科学普及出版社,2006.6第一版 12于慧主编,静态网页编程精彩案例教程,电子工业出版社,2006.1第一版 13崧主编,HTM代码效果对比学习,中国青年出版社,2010.4第一版14蔡朝辉主编,Flash MX 2004实用操作指导,上海科学普及出版社,2004.4第一版 15王辉,罗皇等编著,中文Dreamweaver8网页制作M. 清华大学出版社,2006 16姚丽娜等编著,多媒体技术及应用M.地质出版社, 200717网络相关素材与教程18