博客网页设计说明书.doc

姓名:林静纯学号:200936627236 班级:电商092
网站规划
就全球上网的人数来说,有很多的人正通过博客来改变他们的生活方式,同时学生也学习到了各个方面不同的知识,人们通过自己的文字来传递着不同的信息。作为一个发展迅速的网络空间,博客向我们透露着这个信息传递和情感的平台将影响接下来的几代人。
此次的网页制作实验中,我为自己设计了一个专属的个人博客。博客就是一个Blog,一个网页,它通常是由简短且经常更新的Post(这个词当名词用时就是张贴的文章)所构成;这些张贴的文章都按照年份和日期倒序排列,也就是最新的放在最上面,最旧的在最下面。不同Blog的内容和目的有很大的不同,从对网络资源的整理与评论,到有关公司、个人的构想,从新闻、照片到日记、诗歌、散文,甚至科幻小说都应有尽有。许多Blog只是个人所见,所闻,所想之事的内心独白,而其它一些Blog则可能是一群人基于某个特定主题或共同利益领域的集体创作。Blog就像是对网络传达的实时讯息。撰写这些Weblog或Blog的人就叫做Blogger或Blog Writer即博客。
二、网站总体设计
内容是网站的核心与灵魂,是网站最关键的要素。在规划网站中,我尽量遵守以下的内容:第一是要保证网站的内容要新颖、精炼、专业、准确、真实;第二是要合理用多媒体。虽然图像、声音和视频信息能够比普通文本提供更丰富和更直接的信息,产生更大的吸引力,但由于目前网络速度的限制文本字符可提供较快的浏览速度,因此,图像和多媒体信息的使用要适中,另外减少文件数量和大小也是必要的;第三是网站内容要及时更新。
我设计的这个博客,具体的功能,包括了有:
首页:主要用来显示比较精彩的博文信息。
日记:记载博主的日记,同时有分享日记的作用。
心情:记载了博主的每一天心情,用户也可以选择留言,进行留言交流。
我的照片欣赏:主要介绍了一些图片。
而再细分下来的功能有,关于我的介绍,日记分享,心情留言等各种小功能。我的总体布局,是根据了新浪博客那种布局来定的。每一个页面中,都用了同样地底色,博客的顶头就清晰,简单的介绍了自己的博客名称。而再下来都是一个导航栏,中间占了一大片的就是博客的主体内容。而底层是一个小广告,或者设计了一个友情链接。
后期完善设计构想
希望可以设计一个数据库,能够与此博客连接数据,一来设计了一个用户群,提高用户的交互性能。二来可以提高博客的完整性。
三、网站设计与制作(包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果)
我设计的博客总有13个页面。其中,有7个页面是图片展示的页面,而有一张网页是照片的总主页,分配了六个分别浏览各个图片的次页,此构思来源于百度的图片搜索。设计成这种设计,是想图片更好的展示给读者,也让读者更好地感悟每一张的图片,也保持了网页的简洁性能。
网站的主体布局是用了dreamweaver软件中的布局模式,通过这样的布局,让整篇页面显得整齐,简洁,美观。而整个博客网站的风格设计成统一的。因为一个网站是由很多个网页组成的,如果每个网页的风格都不一样的话,那么一定会使整个网站显得凌乱、不协调,甚至很容易使浏览者感到迷惑,不知自己是否还在同一个网站内浏览,所以一定要使网站的风格保持一致。
而导航栏中,采用了spry的菜单功能,让网站更有层次感。旁边还利用了QQ在线