1、我的博客设计说明书姓 名： 张翠 学 号： 20101290148 班 级： 电商一班 指导教师： 李学卫 完成日期： 2011-6-23 设 计 要 求考核目的综合应用赛腾网生成工具提供功能，设计一个完整的网站，考察学生的实践综合应用能力。考核项目要求1. 规划和设计一个网站，要求有一定的网页数目和内容，最少有 5 页。2. 网站内个页面风格统一、布局合理，色彩的选取与搭配适当；3. 网页内容丰富，要求汇聚各种网页元素，如文字、图形、动画、表单、音频、视频等。4. 此次设计主要用到赛腾网工具中的模板快来设置，编辑功能，插入文本包括插入文本元素、插入图像和图文混排和外部图像的编辑等功能。5.
2、可利用 Fireworks、photoshop 等图形图像处理软件，设计网站标志、部分网页图片。我的博客设计说明书目录一：开发背景： .3二：开发技术简介： .41：赛腾网技术简介： 42.赛滕网使用区域： .43.功能块概述： .54.网页、JS、CSS 和 Flash 中的相对路径： .5三：主页设计： .61首页： 62.日志 .73.收藏： .74.相册： .85.关于我： .8四：总结 .9一 ： 开 发 背 景 ：博客是以网络作为载体，简易迅速便捷地发布自己的心得，及时有效轻松地与他人进行交流，再集丰富多彩的个性化展示于一体的综合性平台。二 ： 开 发 技 术 简 介 ：1：赛腾网
3、技术简介：“赛腾网站生成器”是赛腾网独创的技术框架 SmartPage 的核心和基础。作为一款优秀的视窗应用软件，“赛腾网站生成器”充分利用视窗软件功能强劲、性能卓越及操作性良好的优势，集成丰富多样的赛腾网在线服务，提供了专业的网页设计功能、简便的网站维护功能和良好的操作界面，让用户通过最简单的操作界面，使用编辑、制作、相关性分析、上传、下载等强大功能，创造出充满个人风格的专业网站。“赛腾网站生成器”也是面向一般用户的大众网站制作工具，其“分而治之”的设计思想，直观的网页设计效果，“零代码”的设计过程，使得无专业背景的普通用户，也能轻易理解网页设计，轻松上手网站制作。“赛腾网站生成器 ”虽然不
4、是开源的软件，却包含开放的设计思想，通过“赛腾网站生成器”制作的网站、网页以及网页的一部分，都是可以被导出导入、可被再设计和可被重用的。通过积累、交流和互换，用户可以迅速获得网站建设中大量可重用的组件，并应用于新网站的建设。从这个角度来说， “赛腾网站生成器” 不仅仅是一个应用软件，而是一个以软件为中心的社区。2.赛滕网使用区域：在赛腾网站生成器中，组成 HTML 型首页和 HTML 型页面的主要内容是“区域”，页面将由“区域”拼接而成。一个页面中可以包含任意多个“区域”，每个“区域”的高度不受限制，“区域”的宽度受页面宽度限制，随页面宽度的改变而改变。“区域”和“区域”之间不会相交。“区域”
5、的主要用途是为了划分页面布局。“区域”中每列的宽度可以分别设定，每个区块中可以包含任意多个“块”。“区域”的另一个用途是为了优化页面显示，在一个“区域”过长时，如果划分成多个相对小的“区域”时，页面将会显示的更快，更流畅。3.功能块概述：“赛腾网站生成器”是专业的网站建设工具，利用它可以简单、快速地制作出专业、个性并极富感染力的网站。功能块是提供此类感受的“丰富建站应用程序”的构建块。功能块旨在让网站建设人员能够重用和共享页面文件，包装功能复杂、视觉美观的独立的页面元素，使网站建设人员在不需任何程序开发时也能使用和自定义这些功能。4.网页、JS、CSS 和 Flash 中的相对路径： 在网页中
6、书写相对路径：使用被引用文档或素材相对于当前页面的相对路径，例如，在网页“/home/www/a/index.htm”引用素材“/home/www/a/images/a.jpg”，其相对路径应该是“./images/a.jpg”或“images/a.jpg”。 在 JS 文件中书写相对路径：JS 文件是指在页面中引用的外部 JavaScript 文件，其中可能采用 JavaScript 代码生成 html 代码，由于生成的 html 代码是嵌入在引用该 JS 文件的页面中，因此，在描述相对路径时，应该使用被引用的文档或素材相对于引用 JS 文件的页面之间的相对路径。例如，文档“/home/ww
7、w/a/index.htm”中引用了 JS 文件 在 CSS 文件中书写相对路径：CSS 文件是指在页面中引用的外部样式定义文件，该文件通常用于定义页面中各种 html 标记的显示效果（例如文本的字体名称、字体大小、缩进、边距等），CSS 文件中同样可以引用外部的素材或文档（例如设置某个 DIV 对象的背景图片）。” 在 Flash 中书写相对路径：Flash 用于表现网页中的某些动态效果，使用 Flash的网页往往更美观，交互性更强。在 Flash 文件中，同样可以引用外部的素材（例如，使用 Flash 制作一个精美的相册），那么，应该如何在 Flash 中使用相对路径引用外部素材呢？与 J
8、S 文件类似，浏览器也不认为 Flash 文件是一个独立的文档，而是认为其是一个嵌入在页面内的素材，因此，在 Flash 文件中引用素材时，同样应该使用被引用的素材和嵌入 Flash 的 html 页面之间的相对路径。例如，文档“/home/www/a/index.htm”中引用了 Flash 文件“/home/www/a/swf/main.swf”，而该 Flash 中引用了素材“/home/www/a/images/1.jpg”，则正确的相对路径是“./images/1.jpg”或“images/1.jpg”，而不是“/images/1.jpg”。 三 ： 主 页 设 计 ：1：首页：图
9、3-1如图所示，有 5 个基本模块：首页、日志（分类管理，如经典辑录，学术新手等），好友，关于我（有说明），相片（可以自动播放）， 目前有 6 个自定义模块：温馨提示（主要是提示我的博客的情况和浏览方法），表白（主要说明了我想结识的朋友是什么领域的），博客好友，友情链接，心之约，我的大学点点滴滴（是我的处女作，系视频相册，还蛮有成就感的，要继续加油！YEAH！）另外，想看我的分类管理的具体内容，就到六大具体版块中去。对于首页我采用了上左中右下的模块来进行设计，在上面那个模块我选择了图文混搭的样式进行设计，左边插入了一个美丽的图片加上优美的文字，让人一看就有一种舒适的感觉。左区域这一块我制作了幻
10、灯片，使用幻灯片可以信息形式多媒体化，表现力强。利用 Powerpoint 可以很方便的呈现多媒体信息，这是 Powerpoint 相对于黑板最大的优点。使用 Powerpoint 使教学中的信息形式不再仅仅是语言和文字，图片，表格，动画，音乐，影视这些多媒体形式可以方便的组合呈现，有利于提高浏览者的兴趣。对于首页我加了背景图片，一张清新淡雅的图片，对于有的网页不需要加背景图片，但是我觉得我的博客要想有一定的特点不一样的美就应该加一个好的背景图片。在首页加入了背景音乐，打开首页首先听到的是一首动感音乐，给人激情。给人一种想进入网站看看的诱惑，进一步吸引浏览者。2.日志图 3-2如图所示：该页面
11、为日志，所谓的日志有个人的日志也有我所分享的日志，对于日志我选择了图片加文字的方式进行布置，开始上头插入一个的的图片，紧接着就是我的所选择的日志以及一些好的文章通过那些链接你可以在联网的状态下进入任何一篇日志进行访问，进行对那篇日志发表你的感言进行评价。3.收藏：图 3-3如图所示，收藏页面也没什么特别的，不同的地方就是我加入了更多的链接可以让浏览者看到我的更多的收藏以及更多的好的文章。4.相册：图 3-4如图所示，该网页是我个人的相册，图片是必不可少的，也是美化网页或博客的首选。常用的图片有 jpg 静态图片和 gif 动态图片，在网易博客中给网友提供了无限的图片保存空间，所以你用图片来美化
12、博客，运用起来会更容易。还是那句话，不会运用图片也是极大的浪费。5.关于我：图 3-5如图所示，关于我的一些个人信息都在这个网页中显示，对我的博客感兴趣的好友可以进入看看，了解一下我的个人简介，了解一下本人。谢谢支持。四 ： 总 结通过赛腾网生成工具我做出了一个不算太完美的网站，但是从中我学到了好多有用的知识，要制作一个完美的网站你可以运用好多的软件，对你所选取的专题进行布局，设计，你可以用 flash,幻灯片，很多简捷方便的软件，制作出完美的网页，赛腾网是一个很好的网站生成工具 ，利用它你可以省时间也可以做出你想要的网站。信息工程学院.NET 生成工具应用实践环节考核报告单2010-2011
13、 学年度第二学期期末排课编号：（2010-2011-2）-0501209-09137-2 批阅日期： 年 月 日姓名 张翠 班级 10 电商 1 班 学号 20101290148评分标准 满分 得分网站结构设计合理，栏目安排合理。合理利用模板，设计符合要求，页面数量不少于 5 页。 10网页设计独到，主题突出，题材新颖、构思独特，形象生动，具有较强的表现力和感染力，网页设计和谐统一。 30评分标准及得分网页整体设计思路清晰，色彩搭配合理，布局紧凑美观，板块结构清晰，层次分明，链接合理清晰，便于浏览。25语言规范流畅，无错别字，能科学、完整地表达主题。内容积极、健康向上，不出现任何违反现行法律、法规和社会道德的内容和链接。15说明书书写规范，格式符合要求，内容与网站相符，表达清楚，有截图，总结，参考文献。 20考核成绩任课教师签名
