《多媒体网页设计》课程报告
题目：  花之语   
html网页设计报告总结
班级：  1002班   
****    * *   
学号：  ********** 
日期：  2011. 7. 7. 
                                         
电子商务（理）
一、设计题目
花之语
二、设计目的
随着社会的发展，当今时代花卉已成为一种社交的赠与品。在赠与他人花卉时，若能知道正确的花语，根据不同的人、不同的事送出相应的花卉，既能表达自己对当事人的情感，又能正确地表现自己的社交礼仪。为此我设计了“花之语”网站，本网站通过图片、相册展示、神话故事、flash等形式为大家展示了近百种花卉的花语，让您在轻松愉悦的氛围中感受花语的无限韵味。
三、需求分析
花语最早起源于古希腊，那个时候不只是花，叶子、果树都有一定的含义，在古希腊神话中记载过爱神出生时创造了玫瑰的故事，玫瑰从那个时代起就成了爱情的代名词。花语在19世纪初起源于法国，随机流行到英国和美国，是由一些作家创作出来的，主要用来出版礼物书籍，特别是提供给当时上流社会女士们休闲时翻阅之用。花语的真正盛行是在法国皇室时期，贵族们将民间对于花卉的资料整理编档，里面就包括了花语的信息，这样的信息在宫廷后期的园林建筑中得到了完美的体现。大众对于花语的接受是在19世纪中，那个时候的社会风气还不是特别开放，在大庭广众下表达爱意是很难为情的事情，所以恋人间赠送的花卉就成了爱情的信使。
随着时代的发展，花卉成为了一种社交的赠与品，更加完善的花语代表了赠送者的意图。然而，大多数人对于花语并没有完善统一的认识，因此建立“花之语”网站，可以帮人们对花语产生统一的认识和了解，以使在今后的花卉社交中保证社交礼节的正确。因此我认为“花之语”网站满足了广大人民的时代需求。
四、网站的总体规划和网站结构
网站总共设置了六大板块，分别是花语解读、花语世界、花语故事、异域花语、社交花语、花语测试。下面逐一进行介绍：
1.花语解读——介绍花语的定义、起源和发展以及数字花语；
2.花语世界——以相册形式展示了18种花卉的花语；
3.花语故事——以Flash形式讲述了6种花卉的希腊神话故事；
4.异域花语——介绍法国、德国、哥伦比亚、奥地利四国国花；
5.社交花语——介绍在不同的节日和纪念日中应该赠送的花卉及其花语；
6.花语测试——用于休闲，可以算是小游戏，测试你会受到哪种花的祝福。
五、创意分析
1. 首页
用Photoshop将一朵玫瑰花处理成水面倒影动态效果，插入首页中，将首页背景颜设置为黑，使之与图片背景融合，并在首页中用代码插入背景音乐《天空之城》。当打开首页时，舒缓空灵的背景音乐开始播放，玫瑰花的倒影在水面上荡漾，整个页面效果犹如Flash，黑的背景令人产生神秘的感觉，使人对网页更加好奇。此外，首页中使用了JavaScript中的页面自动跳转代码，使首页在8秒内跳转到主页，让人误以为首页时进入主页前的动画。（见下图1）
（图1）
2 . logo（见下图2）
（图2）
      简单直观的logo设计，给人清新淡雅的感觉。
3. 主页（见图3）
 
（图3）
导航周围以花束包装彩带的形式展现，将logo嵌在中间，既美观又形象。两边的圆角矩形导航加了边框，看起来很有立体感，中间是图像变换，使页面产生动态效果。
4.花语世界
  利用JSP代码做出电子相册效果。打开页面，相册自动播放，时间间隔为5秒。也可利用鼠标控制播放，当鼠标放在下边小图上时，小图片自动向左移动，鼠标在小图上挪动时，小图片静止。（见图4）
（图4）
5.花语故事
  一缕阳光，一杯咖啡，正是听故事的绝好氛围，点击图片上闪动的字（见图5），可进入Flash动画页面，以Flash形式讲述了6种花卉的希腊神话故事，每个故事结束后，自动跳转到下个故事页面，每个Flash的html页面均在Flash 8 中生成。
（图5）
6. 异域花语
  清新活泼的页面，点击叶子上的国家名称，可查看此国国花的花语及传说。（见图6）
 
（图6）
7. 花语测试
  休闲游戏，测试你属于那种花的性格以及会受到那种花的祝福，很有意思，会让网名在欣赏完这么多花及花语之后，稍微放松一下，俏皮又符合小女生喜欢八卦测试的心理。
六、制作过程及要点
1.网站主题的确定
在听说很多人不是很了解花语的情况下，产生这个想法并设计了“花之语”网站，让人们对花语有了更多的了解，帮助人们更好地进行社交活动。
2.网站设计素材的准备
3.网站制作工具的选择
在整个网页制作过程中，用到了Dreamweaver ,Photoshop ,Fireworks ,Flash ,AAA logo以及博硕网页设计师等等。
4.图片处理
5.Flash制作
七、设计总结
通过在网上搜集有关花语的资料，调查人们对花语的了解状况，为满足人们社交的需要，我设计制作了“花之语”网站。在这次网站设计过程中，我第一次尝试了Flash的制作，亲身感受了动画制作的乐趣，并且第一次使用PS做出了水面倒影效果。为了做出更好的网页特效，我不但运用了博硕网页设计师软件，还自学了JavaScript脚本语言。由于此次网页制作过程暂时还未完成，好多页面效果无法在此报告中一一展示，在此深表抱歉！不过，网页制作完成后，相信一定会吸引很多人来浏览。最后我想说，通过这学期的多媒体网页设计课，我学到很多技术，也渐渐学会了根据自己的兴趣去学习，这学期开的这门课虽然结束了，但我对网页设计的兴趣丝毫未减，在今后的日子里，我会利用自己的课余时间去学习更多网页设计方面的知识，我坚信我会在网页设计中到属于自己的一片天空！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。