网页设计---设计基于日历形式的立体展示博客页面---开题报告.doc

1、厦门大学软件学院毕业设计（论文）开题报告 学生姓名 班级 学号 校内指导教师姓名 职称 所在单 位 厦门大学软件学院 毕业设计（论文）题 目 网页设计 -设计基于日历形式的 立体展示博客页面 毕业设计（论文）的 目标： 一、小组总体目标 设计一个人机交互页面。 从使用者定位、创意设计、框架制作、功能填充或制作，到页面整合，完整的设计制作一个网页。采用相关软件，应用相应技术对图像、内容、色调、文字等各种素材进行处理，实现交互设计。 经过小组讨论，决定本次毕业设计总体目标为 实现以 日历为总体展示形式，博客为主要内容的开放性页面。 二、 个人目标 在 本次 网页设计中 ，我主要负责的是子页面 中的

2、部分功能实现，包括循环式图像展示等 。 在进行网页设计的制作中，根据创意和功能设定，在主体页面使用 ASP 和SQL 实现基于 Web 的事件日历， 使用 DHTML 实现动态框架的设计，同时应用 CSS对背景等进行管理。在进行博客形式的子框架制作时，学习并应用 delphi 气泡窗口进行实现，同时嵌入图片滚动展示，即时更新等功能。并将以上一切同后台管理统一整合，完成整个网页的设计，将创意转化成实际。 实现 方法： 基本环境： 操作系统： Windows xp 使用软件： Editplus ， Coda， Dreamweaver8.0， Flash8.0， Photoshop CS2。 运用如

3、下软件特性： Editplus： 用于对 (X)HTML 语言的编辑。它所提供的工具就可以直接进行网页的编辑创作。可以对你直接输入的文字用颜色标记 HTMLTag（同时支持 C/C、 Perl、Java）外，还内建了完整的 HTML 和 CSS1 指令功能，同时也可以一边编辑一边“浏览”（ CTRL B）页面效果。 Coda： 实现两种 Javascript 特效，一是按钮上面的浮动提示框，二是网页主体部分 滑动面板。 Dreamweaver8.0：进行网页布局、制作。 Flash8.0：美工设计、网页配色，以及在图形动态显示方面的应用。 Photoshop CS2：进行图象优化处理以及 LO

4、GO 的制作。 实现应用主要技术 ： 一 ： Flash AS 代码编写图片环绕旋转效果 新建 FLASH 文件， 应用 新建元件 text，在元件的帧上放 n 个关键帧，第一帧留空，在其他每个关键帧中输入一个字母（颜色自定， 不同于背景色 ），并用对齐面板把各个字母放到元件的舞台的正中。 退回场景 1把刚才新建的元件拖到舞台中，把实例名称命名为 v0。 再新建元件 earth 在元件的第一帧画一个小圆黑色，和背景色一样。 退回场景 1， 把刚才新建的元件拖到舞台中，打开它的属性面板。把实例名称命名为 earth 在场景 1 新建图层，在新图层第一帧应用 duplicateMovieClip

5、方法 。进而对 选中元件 text，在动作面板应用 onClipEvent 方法。 如果要变成图片的环绕效果只要把元件 text 中的字母换成图片就可以了。修改 radius 值以改变图片的大小 。 二、 展示图片不同格式的转化： 主要包括 BMP 格式， GIF 格式和 JPEG 格式。 BMP 是英文 Bitmap（位图）的简写，它是 Windows 操作系统中的标准图像文件格式，能够被多种 Windows 应用程序所支持。随着 Windows 操作系统的流行与丰富的 Windows 应用程序的开发， BMP 位图格式理所当然地被广泛应用。这种格式的特点是包含的图像信息较丰富，几乎不进行压

6、缩，但由此导致了它与生俱生来的缺点 -占用磁盘空间过大。 GIF 是英文 Graphics Interchange Format（图形交换格式）的缩写。顾名思义，这种格式是用来交换图片的。事实上也是如此，上世纪 80 年代，美国一家著名的在线信息服务机构 CompuServe 针对当时网络传输带宽的限制，开发出了这种 GIF 图像格式。 GIF 格式的特点是压缩比高，磁盘空间占用较少，所以这种图像格式迅速得到了广泛的应用。 最初的 GIF只是简单地用来存储单幅静止图像（称为 GIF87a），后来随着技术发展，可以同时存储若干幅静止图象进而形成连续的动画，使之成为当时支持 2D 动画为数不 多的

7、格式之一（称为 GIF89a），而在 GIF89a 图像中可指定透明区域，使图像具有非同一般的显示效果，这更使 GIF 风光十足。目前Internet 上大量采用的彩色动画文件多为这种格式的文件，也称为 GIF89a 格式文件。 考虑到网络传输中的实际情况， GIF 图像格式还增加了渐显方式，也就是说，在图像传输过程中，用户可以先看到图像的大致轮廓，然后随着传输过程的继续而逐步看清图像中的细节部分，从而适应了用户的 “从朦胧到清楚 “的观赏心理。目前 Internet 上大量采用的彩色动画文件多为这种格式的文件。 但 GIF 有个 小小的缺点，即不能存储超过 256 色的图像。尽管如此，这种格

8、式仍在网络上大行其道应用，这和 GIF 图像文件短小、下载速度快、可用许多具有同样大小的图像文件组成动画等优势是分不开的。 JPEG 也是常见的一种图像格式，它由联合照片专家组（ Joint Photographic Experts Group）开发并以命名为 “ISO 10918-1“， JPEG 仅仅是一种俗称而已。JPEG 文件的扩展名为 .jpg 或 .jpeg，其压缩技术十分先进，它用有损压缩方式去除冗余的图像和彩色数据，获取得极高的压缩率的同时能展现十分丰 富生动的图像，换句话说，就是可以用最少的磁盘空间得到较好的图像质量。 同时 JPEG 还是一种很灵活的格式，具有调节图像质量的

9、功能，允许你用不同的压缩比例对这种文件压缩，比如我们最高可以把 1.37MB 的 BMP 位图文件压缩至 20.3KB。当然我们完全可以在图像质量和文件尺寸之间找到平衡点。 由于 JPEG 优异的品质和杰出的表现，它的应用也非常广泛，特别是在网络和光盘读物上，肯定都能找到它的影子。目前各类浏览器均支持 JPEG 这种图像格式，因为 JPEG 格式的文件尺寸较小，下载速度快，使得 Web 页有可能以较短的下载时 间提供大量美观的图像， JPEG 同时也就顺理成章地成为网络上最受欢迎的图像格式。 时间进度安排： 2008 年 11 月 20 日 -12 月 30 日 对网页制作基础知识的学习，查看

10、相关资料，对富有创意的网页进行分析，参观 2S-space 工作室进行参观并学习相关知识。 2009 年 1 月 1 日 -3 月 10 日 小组讨论确定网页设计主题，完善框架布置与包含功能， 开始对图片展示和转化 相关技术 进行 了解掌握。 开始对旋转型自动展示进行编码 。 2009 年 3 月 11 日 -4 月 20 日 在小框架建立完成后，在子博客页 面相应位置嵌入图片展示。争取让两者完美结合。 2009 年 4 月 20 日 -5 月 1 日 当子博客页面与主页面，图片展示以及后台管理整合完毕 。 开始对图片数据的录入。整体运行并与小组一起 评判网页功能完成比率，是否完成任务目标。 2009 年 5 月 1 日 -5 月 初 论文最终稿完成并装订 指导教师审核意见： 校内指导教师签名： 2009 年 月 日