1、2008-2009 学年第一学期网站设计报告书系 别： 经济与贸易系 班 级： 电商 0701 班 学 号： 200711345122 姓 名： 付 江 指导老师： 张 容 二 00 八年十二月诗歌网站一 设计目的我非常喜欢文学，尤其偏爱诗歌，我想要用一个地方来放我喜欢的东西，没有事的时候可以拿来看看，欣赏欣赏自己的成果，我想那将会是一个非常美好的时光。同时我也希望把我喜欢的东西和大家一起分享！并且让大家对诗歌能有一个更好的认识。在做这个网站的过程中，我遇到了不少的问题，甚至在遇到问题的过程中，产生了想要放弃的念头。但我一直坚持下来了，是因为有一种信念支持着我：别人可以做到的事情我也一定可以做
2、到的！我不能在遇到了困难就想着要放弃。通过做网站这件事情，我体会到，看似简单的东西做起来其实并不是那么简单，要自己动了手实践。特别是我们电子商务，要经常和电脑打交道，更加应该提高自己的动手能力。而做一个自己喜欢的网站无疑是一个很好的开始。二 设计工具1FLASH（1） FLASH 是美国 Macromedia 公司出品的矢量图形编辑和动画创作的软件，主要应用于网页设计和多媒体创作等领域，功能十分强大。（2）FLASH 利用矢量图形技术，即使较小的文件，也可以包含较长时间的动画和声音，并且无论采用多大尺寸的屏幕都能保证影像的质量。用 FLASH 制作的电影采用内置的ACTION CRIPT 语句
3、，可以做出互动性很强的动画和电影，使得浏览 FLASH 动画的用户可以随心所欲地参与过程，提高了动画的应用。（3）FLASH 影片是一种数据流控式文件，当浏览一个 FLASH 电影时，即使后面的内容还没有完全下载到硬盘时，也可以开始欣赏动画，这样就可以避免用户长时间的等待了。（4）我在做网页时对 FLASH 的应用：在做网站的过程中，我发现要用一种特效来提高网站的吸引力，于是我在百度中找到了一些 FLASH 文件，把它作为 FLASH 插入到我自己做的小网站中，发现其实 FLASH 真的是很好用的。并且在我的网站里面，插入的 FLASH 效果也很好。2FIREWORKS（1）FIREWORKS
4、 是专门针对网页设计而开发的图像处理软件，功能十分强大，可以创作，编辑和处理图像。（2）FIREWORKS 支持导入和操作用其他应用程序生成和图像文件，而且还可以辩认矢量文件中的绝大部分标记以及 PHOTOSHOP 文件层。（3）利用 FIREWORKS 不仅可以生成静态图像，还可以直接生成包含 HTML 和JAVASCRIPT 代码的动态图像，甚至可以编辑整幅网页。FIREWORKS 还能够自动切图，生成鼠标动态感应的 JAVASCRIPT 等。（4）我在做网页时对 FIREWORKS 的应用：在做网页时，有的图片只需要一部分或者是需要做特殊的效果，我就运用FIREWORKS 截取了一部分我
5、喜欢的图片并且把它们放在我的小网站中，于是我的网站变得更加生动了。图片也都是人想要的图片，让我的网站更加朝着我的想要的方向发展了。3DREAMWEAVER（1）DREAMWEAVER 美国 Macromedia 公司开发的集网页和管理网站于一身的网页编辑器和开发工具，能够较快的学习并利用它制作出跨越平台限制和跨越浏览器限制的丰富多彩，充满动感的网页。（2）DREAMWEAVER 的优点有以下几点：网站管理的功能；较佳的制作效率；支持层的功能。（3）DREAMWEAVER 支持多种语言和混合应用和行为控制方式，其行为方式自动产生标准的 HTML 和 JAVASCRIPT 代码，减轻了编写代码的烦
6、琐工作；对第三方开发商也提供了良好的支持。（4）我在做网页时对 DREAMWEAVER 的应用：在整个做网站的过程中，我都是用 DREAMWEAVER 这个网站的。比如我用得最多的是表格还有层，在做网站的时候还大量地运用了模板等技术以及不少的布局元素，在各个方面，各个布局元素在运用上都十分方便。三 设计内容、主题1网站说明在做这个诗歌网站之前，我也有过很多的想法，想做童话网站，也想过要做娱乐网站，而且我也已经着手准备了很多网站的材料的内容，但是在经过了筛选之后，我确定了自己想要朝哪个方面做，并最终选定了我的主题大多以古代诗为主以现代为辅的一个诗歌网站。让更多的人爱上诗歌，并且对诗歌有更深一层次
7、的认识。诗歌网站也有很多的类型，而我做的这个诗歌网站最主要的是要给大家留下一个简单清新的印象，不需要太过于复杂，要让大家在看了我的诗歌网站后，有一种想要去读诗，解诗的冲动。在为自己的网站确定主题之后，我就开始想我的网站题目了，有一次我在用FIREWORKS 处理一张图片的时候，截取到了玫瑰幻想诗这几个字，当时也没有很在意的，只是觉得这张图片很好看，就一直放在那里了，后来想名字，想了半天也没有什么好的主意，看到了这一张图片，就立刻决定我网站的名字玫瑰幻想诗。（）2.网站结构设计图如下：进 入 主 页儿童诗歌爱情诗歌赞美诗歌爱国诗歌山水田园送别诗歌思乡诗歌古代茶诗芒果致柳树最初的岸你走的时候没有带
8、上房门最初的位置徐志摩的爱情诗圣哉三一歌万世之宗歌赞美三一歌 夜尽光天歌颂主恩光歌陆游爱国诗集选 苏轼 爱国诗选 舒 婷 爱国诗 杜 甫 爱国诗陈子昂陶渊明李商隐柳宗元孟浩然王维送友人出塞龙瑞宫记思乡诗十首李白思乡诗我喜欢的二首思乡诗龙井茶歌煮茶小品诗的喷泉童年我们的故事我想.童话繁星留言板四 各模块及功能说明在做网站的过程中，这就是我用的惟一的一个模板。在运用模板的过程中，我发现模板真的非常好用。有了模板，不用做重复的东西，节约了很多的时间。运用模板，也可以让自己网站的风格不至于太乱，保持了页面的整洁，让浏览者看了很有舒适的感觉。在做的时候方便，不影响速度。也方便修改，果要修改某个地方，需要
9、修改模板就可以了。更新全部都会改过来，速度一点都不会影响。而且想要做链接的话，可以直接在模板里面做，并不用担心每一个网站的链接，能协助我快速的了解该种网页的一般结构，帮助我快速、较为准确和合理的完成想要完成的任务首页网站模板五 界面说明1首页首页是用来展示各个链接的平台，每一个二级页面都是通过首页链接的。并且直观的介绍了整个网站的内容，是整个网站的核心部分，是整个网站的导航。通过首页，可以直接地吸引浏览者的眼球。首页页面2二级页面（1）儿童诗歌二级页面中儿童诗歌大多都是现代诗歌，这些诗歌都有清新自然的风格，让人能够回想到童年时候，相信儿童诗歌不仅可以吸引大多数儿童的眼光，一些成人看了也能回想到
10、以前童年的快乐时光，儿童诗所抒发的儿童情感，往往洋溢着盎然的儿童情趣，不仅能使儿童们从中获得关照和愉悦，也能把成人读者带回那童心萌动的情景中，重温儿时的梦。在看网站的过程中可以回味童年时那快乐的心境。（2）爱情诗歌爱情，是每一个人心中一个美丽的字眼，看到的人心中都会有一个美好的幻想，从古至今，爱情是不会过期的话题。有人会问：爱情是什么？是呀，爱情是什么，这就要每个人都自己去发现和寻找了。在我的这个网站里面，浏览者可以从这个问题开始进入网站，慢慢地欣赏爱情诗带来的浪漫和感动。（3）赞美诗歌人的一生当中都是离不开赞美的，你可以赞美一个人，别人也可以赞美你，最主要的是通过赞美可以拉近彼此之间的距离。
11、所以赞美诗也许在这样的情况下就诞生了吧。赞美你喜欢的东西，比如祖国，比如你的母校，再比如信仰，这些都是值得赞美的事情。在我做的这个网站中，我更加偏向赞美个人的信仰，因此我在赞美诗这一块都是赞美耶稣的诗。（4）爱国诗歌对于每个人来说心中都的一个自己的祖国，我们为自己物祖国感到自豪，并且愿意用最真诚的诗歌来赞美她。爱国诗中我特意地加入了舒婷的诗，我觉得爱国并不是只是男人们的事，是每个人的事，而舒婷的这一首我亲爱的祖国深深的打动了我。我觉得，读了这一首诗之后，心中都会有一种热血在心中沸腾起来，这就是爱国。（5）山水田园世界上的山水如画，每个人都很向往有机会看一看世界的美景。虽然在我的诗歌网站中。浏览
12、者并不能看到美丽的山水图片，但是这里的那么多的诗足以弥补这一个缺陷。以前有人说听到读诗声就觉得肚子已经很饱了。我们在这里看到这么多位诗人，也能够一饱眼福了。（6）送别诗歌离别是什么？是永远，还是只在酝酿重逢的喜悦？有离别，当然就会有送别了。有人说离别是为了再见面，所以在我看来，离别也并不是那么的凄凉，有时候，送别也带着对再一次见面的期盼，所以在我的网站中，并没有十分伤感的送别诗，浏览者会感到小小的感触，觉得古诗真的是别有一种味道。（7）思乡诗歌故乡，离开了很久的人就会想来的地方。古代，思乡诗留下来了很多。大多是在 孤 寂的 心 情 下 ， 思 念 起 远 方 的 故 乡 亲 人 ， 有 感 触
13、 而 做 主 诗 。 我 的 诗 歌 小 网 站 中 ， 有 我 较 为喜 欢 的 李 白 的 诗 ， 还 的 两 首 是 我 自 己 特 别 喜 欢 的 小 诗 ， 我 把 它 们 放 在 我 的 网 站 中 ， 希 望浏 览 者 能 够 喜 欢 。（ 8） 古 代 茶 诗茶 ， 一 直 以 来 都 被 世 人 品 尝 赞 美 ， 很 少 有 人 知 道 有 茶 诗 这 一 说 法 。 在 我 没 有 做 这个 网 站 之 前 ， 我 自 己 也 没 有 听 说 过 茶 诗 。 所 以 我 把 它 放 在 这 里 ， 一 来 是 为 了 让 大 家 欣 赏这 些 诗 ， 在 另 一 方 面
14、， 我 也 希 望 ， 通 过 我 的 网 站 ， 可 以 提 高 大 家 的 知 识 ， 对 茶 诗 有 更 深入 的 认 识 。（ 9） 留 言 板有 利 于 在 浏 览 者 欣 赏 完 网 站 后 能 够 对 网 站 提 出 意 见 ， 好 让 我 能 在 下 一 次 做 网 站 中采 取 这 些 意 见 以 便 把 网 站 做 得 更 好 ， 得 到 更 多 的 支 持 。二级页面3 三 级 界 面我 的 网 站 的 三 级 界 面 都 是 在 二 级 界 面 的 基 础 上 对 二 级 界 面 进 行 更 好 的 补 充 和 阐 释 。以 便 能 让 浏 览 者 能 够 更 好 理
15、解 本 网 站 的 主 题 ， 并 且 通 过 三 级 界 面 ， 可 以 说 明 我 的 这 个 小网 站 的 风 格 。三 级 页 面六 设 计 分 析在 一 开 始 做 网 页 的 时 候 ， 根 本 就 无 从 下 手 ， 不 知 道 到 底 该 从 哪 一 方 面 着 手 做 ， 后来 ， 我 去 看 了 一 个 网 页 设 计 与 制 作 这 本 课 本 ， 我 才 知 道 ， 一 个 网 站 ， 最 基 本 的 做 法 是 用表 格 来 做 。 但 是 我 对 于 表 格 的 用 法 并 不 是 特 别 的 熟 练 ， 虽 然 如 此 ， 我 还 是 从 表 格 开 始 下手 了
16、 。 用 了 几 次 以 后 ， 慢 慢 地 熟 悉 表 格 起 来 了 ， 我 觉 得 表 格 是 很 好 用 的 ， 只 要 掌 握 好 了方 法 ， 看 似 方 方 正 正 的 表 格 就 会 变 得 灵 活 起 来 。等 我 设 计 好 网 页 了 以 后 ， 我 又 开 始 为 我 的 二 级 页 面 着 想 了 ， 我 想 如 果 一 页 一 页 的做 是 很 麻 烦 的 事 情 ， 但 是 又 不 能 随 随 便 便 的 做 一 个 什 么 东 西 来 说 这 就 是 我 的 网 页 呀 ， 我又 想 起 老 师 在 课 堂 上 给 我 们 讲 的 模 板 。 于 是 我 干 脆
17、 开 始 设 计 我 的 模 板 了 。 模 板 做 成 了 ，方 便 好 用 ， 可 以 直 接 用 ， 只 需 要 在 可 编 辑 区 域 把 二 级 页 面 和 三 级 页 面 做 好 即 可 。我 还 发 现 ， 我 自 己 做 的 flash 并 没 有 别 的 网 站 好 看 ， 于 是 我 就 直 接 到 网 上 找 了 一些 图 片 ， 把 我 的 网 站 美 美 的 装 饰 了 一 番 。 在 做 网 页 时 ， 保 存 下 来 的 网 页 慢 慢 的 多 了 起来 ， 我 想 也 不 是 办 法 ， 于 是 把 每 一 个 网 站 都 改 成 了 见 名 思 意 的 中 文
18、 拼 音 。 这 样 一 来 ， 要想 再 找 自 己 做 的 网 页 时 容 易 了 很 多 。我 的 网 站 现 在 终 于 做 好 了 ， 我 自 己 又 过 目 了 一 遍 ， 觉 得 自 己 做 的 真 的 很 不 容 易 ，发 了 很 多 的 心 血 。 我 的 网 站 中 ， 一 级 页 面 和 二 级 页 面 我 觉 得 都 做 得 很 好 ， 链 接 明 确 ， 网页 起 来 也 都 干 净 清 晰 ， 而 且 在 网 页 里 面 出 现 的 图 片 都 是 经 过 我 精 心 筛 选 并 且 用FIREWORKES 进 行 了 加 工 处 理 了 的 ， 起 到 了 装 饰 网 页 的 作 用 。 但 是 我 对 自 己 的 网 页最 不 满 意 的 就 是 三 级 页 面 了 ， 三 级 页 面 虽 然 做 了 很 多 ， 但 是 我 觉 得 好 像 有 点 简 单 了 。 话虽 如 此 ， 但 是 我 看 到 在 我 手 里 面 完 工 的 这 个 诗 歌 网 站 ， 心 里 感 到 无 比 自 豪 。 这 是 我 做 的第 一 个 网 站 ， 虽 然 它 不 能 成 为 我 的 最 好 的 一 个 网 站 ， 但 是 会 是 我 最 最 喜 欢 的 一 个 网 站 ，我 也 希 望 看 到 它 的 人 ， 也 能 喜 欢 上 它 。
