个人博客规划方案.docVIP

《网站设计》 期末考试设计报告 题目：我的个人博客 院 系：信息工程学院 姓 名：王治奎 学 号：1234120128 专 业：软件工程 年 级：2012级 完成日期：2014年6月 目　录 网站设计的流程……………………………………………3 项目背景……………………………………………………3 项目需求……………………………………………………3 总体设计……………………………………………………4 4、1设计目标..........................................................4 4、2设计风格、色彩的搭配……………………..4 4、3设计原则……………………………………..5 网站概述……………………………………………………5 5、1网站主体结构图并对网站栏目进行说明…6 5、2主要页面的截图………………………………6 网站设计课程学习总结、心得体会及网页学习下一步的 学习规划……………………………………………………8 网站设计的流程 搜集资料：包括所用到的图片，文字等 处理图片：用PS等图片处理工具进行处理已达到网站设计的要求，能够符合色彩搭配 设计logo，banner 以自己的学号建立站点把图片等素材放在站点里 设计各个网页的整体布局（用div建立） 对各个页面进行设计 完成后检查各个页面的链接状况，以及各个页面的色彩搭配是否合理，以及网站的整体效果是否符合网站标准 项目背景 在社会信息化的大背景下，对信息技术人才的需求也比较大，为了适应这个大背景，我需要做一个网站来提高自己的水平。 项目需求 作为一个网站学习者和软件学习者，应该有一个自己的网站，但是企业型网站对一个初学者来说无疑是一种挑战，应该循序渐进，先做一些个人网站，而个人博客则是最好的选择 总体设计 4、1 设计目标 形象定位： 提高自己在网站上的知名度，美誉度，树立一个睿智、讲诚信的形象。 功能定位： 根据自己目前的情况和实际发展方向，应该把网站建设成高度互动的，内容丰富、新颖的多功能静态利于百度优化的网站。其主要功能有：展示自己在网站方面的心得和成绩，在线交流等。 设计定位： 采用简洁、大气、流畅的版面设计，使之富有现代时尚感；洋溢友情、温馨以服务为主导的理念，加之人性化设计来真情感染每一个浏览者；网站各版块清晰明确，彼此协调配合，突出大气形象。 4、设计风格、色彩搭配 设计风格:网站采取垂直型的设计理念以符合不同人的浏览者的浏览方式 色彩搭配：网站主要以黄色为基调，在搭配蓝色等其他颜色。 4、3设计原则 ?经济性原则 建立适合新发现自身需求的网络平台，提供广泛的涵盖用户多种需求的功能，数据处理方式灵活以满足高度用户化的需求，节省网站建设成本，并确保其较好的拓展性和开放性；同时网站具有基于WEB界面的管理后台，自己能够自主的对网站中大部分内容作更新、修改操作，节省了自己网站的运营成本，提高了信息更新、传播效率。 ?扩充性原则 网站的整体规划及框架设计是具可扩充性的，前台页面的设计能保证自己的网站在增加栏目后不会破坏网站的整体结构。后台数据库的设计具有高度的扩充性，自己能够根据需要对栏目、类别的增、删、修改。 ?易用性原则 网站功能模块的开发遵循以人为本的原则。在提供强大功能的同时，充分考虑网站维护人员操作习惯，对后台的操作进行了优化与整合，使网站后台管理易于上手。 5、 网站概述 5、1网站主题结构 5、1、1 网站主要栏目说明 关于我：介绍了我的个人信息 那些时光：主要是我旅行时的照片 碎言碎语：我的说说 学无止境：下设四个栏目，每个栏目里是我对网页设计的感受，以及心得和方法 留言板：用于和浏览网页的朋友进行交流。 5、2 主要页面截图 首页： 学无止境 碎言碎语 6、总结 6、1 学习总结 通过这学期的学习我对网页设计有了更深层次的认识，我学会了HTML语言常用标签的使用，对css+div的网站布局模式有了一定的了解，并能够使用它们进行简单的网页布局设计，对javascript也有了一定的了解并能够使用其基础的知识与Html结合设计简单的交互效果，能够熟练地使用js库和jQuery库 进行高级交互。 6、2心得体会 在学习网页设计的过程中，首先应该学会基础标签的使用，然后加以实际操作，然后学习CSS+div的使用，学习过程中应该对网站的整体布局加以了解，学习javascript的时候注重区别和其他语言的不同之处，在学习javascript的过程中可以学习ActionScript，一举两得。网站设计的学习不是一