2022年博客网页设计说明书 .pdf

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