婚纱摄影网站设计毕业论文.doc

炎黄职业技术学院信息工程系 毕业设计 论文 爱 婚纱摄影网站设计 年 级 学 号 姓 名 专 业 网络数字媒体 指导老师 二零一一年十二月 炎黄职业技术学院 信息工程系毕业设计 论文 I 摘 要 Internet 的作用在今天显得越来越重要 网站的数量和规模发展迅猛 在 Internet 的早期 网站只能保存单纯的文本 经过几年的发展 图像 声音 动画 视频 甚至 3D 技术也开始在 Internet 上流行 网站也发展成为今天我们看到的图 文并茂的样子 在制作网站的过程中 Photoshop Dreamweaver Flash 是必不可少的 网页图像处理软件 Photoshop Dreamweaver Flash 等软件的功能及其强大 在图 像 图形 动画 文字 视频等方面都有涉及 良好的运用 Photoshop Dreamweaver Flash 这些软件能在网站开发及后期发展中起到很重大的 作用 对于爱婚纱摄影网站的而言 在制作过程中使用了 Photoshop Flash Dreamweaver 等软件工具 充分利用各个软件的优点 制作出动 态静态的相结合的网站 将各个网页融汇起来 关键词 Dreamweaver Flash Photoshop div Css 技术 炎黄职业技术学院 信息工程系毕业设计 论文 II 目目 录录 第 1 章 网站制作分析 1 第 2 章 软件工具介绍 2 2 1 DREAMWEAVER软件 2 2 2 PHOTOSHOP 软件 3 2 3 FLASH 软件 5 2 4 DIV CSS技术 7 第 3 章 网站制作过程 10 3 1 网站的页面制作 10 3 2 对五个页面进行切片并保存到站点下 13 3 3 制作 FLASH动画 13 3 4 对五个页面分别进行页面链接 14 3 5 在五个页面中分别加入特效 14 3 5 1 鼠标跟随代码 15 3 5 2 字体向上走 鼠标经过时文字停止 字体变色代码 16 3 5 3 加入背景音乐 18 结 论 19 致 谢 20 参考文献 21 炎黄职业技术学院 信息工程系毕业设计 论文 第 1 页共 20 页 第第 1 1 章章 网站制作分析网站制作分析 1 爱 婚纱摄影网站的设计思路 要将丰富的意义和多样的形式组织成统一的页面结构 体现网站的内容 通过 文字 Flash 动画 图形使网站不过于呆板 首先利用 Photoshop 软件制作出网站 的各个页面 其次并使用 Flash 软件制作动画增加网站的动态效果 最后在 Dream waver 实现整个网站得运作 2 爱 婚纱摄影网站的主题 网站主页采用静 动相结合的方式 即静态的主画面和动态的图片相结合 体 现婚纱摄影网站的优雅 浪漫 动态主页方式介绍爱 婚纱摄影 作品欣赏 关于 我们 品牌服务等 动态运用 flash 动画给人们直观动感的效果 网站主页本着简 单美观全面的原则 以暗绿色及灰色为背景 黄色相间 漂亮且动感的 flash 让你 感受到温馨浪漫的气息 3 爱 婚纱摄影网站的内容 该网站主要拥有 5 个页面 包括 首页 动画和鼠标特效的结合对本网站进行介绍 品牌服务 此功能介绍了爱 婚纱摄影店的品质服务 联系我们 方便及时和我们进行联系和我们的最新优惠活动 关于我们 传达本网站的有关信息 增加对爱 婚纱摄影的理解 作品欣赏 通过点击图片切换大小的方式展示我们的作品 每个页面采用不同的方式来实现出简单美观的网站 4 网页设计中色彩的运用 色彩是艺术表现的要素之一 在网页设计中 根据和谐 均衡和重点突出的原 则 将不同的色彩进行组合 搭配起来构成美丽的页面 所以在对爱 婚纱摄影店 进行设计时采用了淡雅而沉静的颜色 暗绿色 灰色 浅黄色 而不是大红大紫的 色彩 绿色代表生的希望 爱 婚纱摄影采用暗绿色调主要寓意着爱情的不断成长 生机勃勃 炎黄职业技术学院 信息工程系毕业设计 论文 第 2 页共 20 页 第第 2 2 章章 软件工具介绍软件工具介绍 2 12 1 DreamweaverDreamweaver 软件软件 Dreamweaver 软件由美国著名的网站应用开发软件开发工具生产商 Adobe Macromedia 于 2005 年 6 月推出并正式投入市场以来 已经发展相当成熟 Dreamweaver 是一款简单的中文软件 可以在 Win2003 Win2000 Win9x Winxp 中运 行 Macromedia Dreamweaver 是建立 Web 站点和应用程序的专业工具 它将可视 布局工具 应用程序开发功能和代码编辑支持组合在一起 其功能强大 使得各个 层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程 序 从对基于 CSS 的设计的领先支持到手工编码功能 Dreamweaver 提供了专业人 员在一个集成 高效的环境中所需的工具 开发人员可以使用 Dreamweaver 及所选 择的服务器技术来创建功能强大的 Internet 应用程序 从而使用户能连接到数据 库 Web 服务和旧式系统 Dreamweaver 是在网页设计与制作领域中用户最多 应用最广 功能最强大的 软件 随着 Dreamweaver 8 的发布 更坚定 Dreamweaver 在该领域的地位 它集网 页设计 网站开发和站点管理功能于一身 具有可视化 支持多平台和跨浏览器的 特性 是目前网站设计 开发 制作的首选工具 1 灵活的编写方式 Dreamweaver 具有灵活编写网页的特点 不但将世界一流水平的 设计 和 代码 编辑器合二为一 而且在设计窗口中还精化了源代码 能帮助用户按工作 需要定制自己的用户界面 2 可视化编辑界面 Dreamweaver 是一种所见即所得的 HTML 编辑器 可实现页面元素的插入和生成 或视化编辑环境大量减少了代码的编写 同时亦保证了其专业性和兼容性 并且可 以对内部的 HTML 编辑器和任何第三方的 HTML 编辑器进行实时的访问 无论用户习 惯手工输入 HTML 源代码还是使用可视化的编辑界面 Dreamweaver 都能提供便捷的 方式使用户设计网页和管理网站变得更容易 3 功能更多的 CSS 支持 CSS 可视化设计 CSS 检查工具 4 动态跨浏览器验证 当保存时系统自动检查当前文档的跨浏览器有效性 可以指定何种浏览器为测 试用浏览器 同时系统自动检验以确定页面有没有目标浏览器不支持的 tags 或 CSS 结构 动态跨浏览器有效性检查功能可以自动核对 tags 和 CSS 规则是否适应目前的 炎黄职业技术学院 信息工程系毕业设计 论文 第 3 页共 20 页 主浏览器 5 强大的 WEB 站点管理功能 6 内建的图形编辑引擎 7 Dreamweaver 的集成特性 Dreamweaver 8 继承了 Fireworks Flash 和 Shockwave 的集成特性 可以在这 些 Web 创作工具之间自由地切换 轻松地创建美观实用的网页 8 丰富的媒体支持能力 可以方便地加入 Java Flash Shockwave ActiveX 以及其他媒体 Dreamweaver 具有强大的多媒体处理功能 在设计 DHTML 和 CSS 方面表现得极为出 色 它利用 JavaScript 和 DHTML 语言代码轻松地实现网页元素的动作和交互操作 Dreamweaver 还提供行为和时间线两种控件来产生交互式响应和进行动画处理 9 超强的扩展能力 Dreamweaver 还支持第三方插件 任何人都可以根据自己的需要扩展 Dreamweaver 的功能 并且可以发布这些插件 2 22 2 PhotoshopPhotoshop 软件软件 Photoshop 功能丰富实用 界面简洁 集成化程度高 Photoshop 可分为图像编 辑器 图像合成 校色调色及特效制作部分 图像编辑器时处理图像处理的基础 可以对图像进行各种变换 如放大缩小 旋转 镜像 透视等 也可以进行复制 去除斑点 修补 修饰图像的残损等 这 在婚纱摄影 广告制作 人像处理制作中由着非常大的作用 当前很多影楼都使用 了 Photoshop 设计婚纱照片 通过 Photoshop 的设计能是照片更加完美 平面设计是 PHOTOSHOP 应用最为广泛的领域 无论是我们正在阅读的图书封面 还是大街上看到的招帖 海报 这些具有丰富图像的平面印刷品 基本上都需要 PHOTOSHOP 软件对图像进行处理 修复照片 PHOTOSHOP 具有强大的图像修饰功能 利用这些功能 可以快速修复一张破损 的老照片 也可以修复人脸上的斑点等缺陷 广告摄影 广告摄影作为一种对视觉要求非常严格的工作 其最终成品往往要经过 PHOTOSHOP 的修改才能得到满意的效果 影像创意 影像创意是 PHOTOSHOP 的特长 通过 PHOTOSHOP 的处理 PHOTOSHOP 可以将原 炎黄职业技术学院 信息工程系毕业设计 论文 第 4 页共 20 页 本风马牛不相及的对象组合在一起 也可以使用 狸猫换太子 的手段使图像发生 面目全非的巨大变化 艺术文字 当文字遇到 PHOTOSHOP 处理 就已经注定不再普通 利用 PHOTOSHOP 可以使文 字发生各种各样的变化 并利用这些艺术化处理后的文字为图像增加效果 网页制作 网络的普及是促使更多人需要掌握 PHOTOSHOP 的一个重要原因 因为在制作网 页时 PHOTOSHOP 是必不可少的网页图像处理软件 建筑效果图后期修饰 在制作建筑效果图包括许多三维场景时 人物与配景包括场景的颜色常常需要 在 PHOTOSHOP 中增加并调整 绘画 由于 PHOTOSHOP 具有良好的绘画与调色功能 许多插画设计制作者往往使用铅 笔绘制草稿 然后用 PHOTOSHOP 填色的方法来绘制插画 除此之外 近些年来 非常流行的像素画也多为设计师使用 PHOTOSHOP 创作的作品 绘制或处理三维帖图 在三维软件中 如果能够制作出精良的模型 而无法为模型应用逼真的帖图 也无法得到较好的渲染效果 实际上在制作材质时 除了要依靠软件本身具有材质 功能外 利用 PHOTOSHOP 可以制作在三维软件中无法得到的合适的材质也非常重要 婚纱照片设计 当前越来越多的婚纱影楼开始使用数码相机 这也使得婚纱照片设计的处理成 为一个新兴的行业 视觉创意 视觉创意与设计是设计艺术的一个分支 此类设计通常没有非常明 显的商业目的 但由于他为广大设计爱好者提供了广阔的设计空间 因此越来 越多的设计爱好者开始了学习 PHOTOSHOP 并进行具有个人特色与风格的视觉创意 图标制作 虽然使用 PHOTOSHOP 制作图标在感觉上有些大材小用 但使用此软件制作的图 标的确非常精美 界面设计 界面设计是一个新兴的领域 已经受到越来越多的软件企业及开发者的重视 虽然暂时还未成为一种全新的职业 但相信不久一定会出现专业的界面设计师职业 炎黄职业技术学院 信息工程系毕业设计 论文 第 5 页共 20 页 在当前还没有用于做界面设计的专业软件 因此绝大多数设计者使用的都是 PHOTOSHOP 上述列出了 PHOTOSHOP 应用的 13 大领域 但实际上其应用不止上述这 些 例如 目前的影视后期制作及二维动画制作 PHOTOSHOP 也有所应用的 2 3 Flash2 3 Flash 软件软件 FLASH 简介 Flash 是一种交互式矢量多媒体技术 他的前身是 Futureplash 早期网上流行的矢量动画插件 后来由于 Macromedia 公司收购了 Future Splash 以 后便将其改名为 Flash2 到现在最新的 flash4 现在网上已经有成千上万个 Flash 站点 著名的如 Macromedia 专门 ShockRave 站点 全部采用了 Shockwave Flash 和 Director 可以说 Flash 已经渐渐成为交互式知量的标准 未来网页的一大主流 下面介绍 Flash3 及 4 版本的特点 Flash3 的功能特点 总结起来有如下特点 灵巧的绘图工具 Flash 本身具有极其灵巧的图形绘制功能 更重要的是他 能导入专业级绘图工具 如 Macromedia FreeHand Adobe Illustrator 等绘制的图 形 并产生翻转 拉伸 擦除 歪斜等效果 还可以将图形打碎分成许多单一的元 素进行编辑 并改变其颜色亮度 由于 Flash 提供具有保真技术的绘图工具 使图 形边缘在经过一系列加工后仍会保持平滑 向量透明效果应用 Flash3 可以创建透明的图形 并可以任意改变层次间透 明的不同效果 如透明度 倾斜度及透明的颜色等属性 具有动画效果的按钮和菜单 Flash 采用精灵动画的方式 在 Flash3 中可以 随意创建按钮 多级弹出式菜单 复选框 以及复杂的交互式字谜 游戏 物体的变形和形状的渐变 在 Flash3 中产生物体的变形和形状的渐变非常容 易 其发生完全由 Flash 自动生成 无须人为地在两个对象间插入关键帧 增强对图像的支持 Flash3 不但可以对导入的图像 jpg gif 产生翻转 拉伸 擦除 歪斜 改变颜色亮度等效果 还能利用新的套索工具或 魔术棒在图像 中选择颜色相同的区域并创建遮罩 Mask 将图像打碎分成许多单一的元素进行 编辑 设置图像的属性 如产生平滑效果和质量损失压缩等 声音插入 Flash3 支持同步 WAV Windows 和 AIFF Macintosh 格式的声音 文件和声音的连接 你可以用同一个主声道中的一部分来产 生丰富的声音效果 而 无须改变文件量的大小 自定义字体 Flash 可以处理自定义的字体及其颜色 大小 字间距 行间 距 缩进等多种格式 在 Flash 创建的网页中 可以加入眼花缭乱的标题和动态的 炎黄职业技术学院 信息工程系毕业设计 论文 第 6 页共 20 页 文本 而数据量非常小 比位图的下载速度还快 当然为了防止客户端字体短缺 你也可以将特殊字体转换为位图图形 模拟传输 Flash3 提供了一幅设置动画播放方式的图表 你可以在此设置你的目 标 Modem 速度 如 28 8kb s 然后进行模拟传输 检验其播放是否流畅 在参照图 表中找出发生间断的位置 并进行优化 最终确保动画在客户端播放流畅 独立性 Flash3 可以将制作的影片生成独立的可执行文件 EXE 文件 在不具 备 Flash 播放器的平台上 仍可运行该影片 因此 除制作网页外还可以将其应用 于商业演示及电子贺卡等 界面亲切 Flash3 增加了 Inspector 窗口 手柄 加速锁等新功能 比以往更加 易于操作 Macromedia 6 月 16 日发布了其新版的 Flash 制作软件 Flash 4 该软件的新特性 将包括对高保真 MP3 流式音频的集成化支持和创建互动式网站命令 另外 Flash 4 还包含一个改进的创作环境以满足创建高效带宽 Flash 网站的需要 Flash 可创建基于矢量的网站 可以跨平台 跨浏览器地显示声音 图片 动画 和交互式等内容 Flash 4 中的 MP3 流式音频支持可以帮助设计人创建网络音频应 用程序 比如带有旁白和背景音乐的长动画 同时还可以减少文件大小以适合低带 宽的网络传输 Flash 4 新增加的对文本输入框的支持 让开发人可以创建网络表格 应用程序 和电子商务片头 现在网站可以从应用了 Flash 技术的网页中收集用户数据 并把 信息传到网站服务器上 Flash 还可以控制用户输入的信息以何种方式显示 Flash 4 支持可拖动的界面 组件 条件逻辑和基本数学运算 比如可以用在创建网上购物结算应用程序上 Flash 4 创作工具的改良界面包括新的监视面板和绘图工具及更多的可直视层 它的时间安排表和智能向导可帮助用户创建动画 此外还有一个发布命令可控制 Flash 支持的输出格式 包括多版本的 HTML 压缩位图和新的 Quicktime 2 42 4 Div cssDiv css 技术技术 CSS 是 Cascading style Sheets 的简称 中文译作 层叠样式表单 我把它 叫作 层叠样式表 实际上它是一组样式 你可能对 CSS 这个名词比较陌生 实 际上无论你用 Internet Explorer 还是 Netscape Navigator 在网上冲浪 几乎随 时都在与 CSS 打交道 在网上没有使用过 CSS 的网页可能不好找 不管你用什么工 具软件制作网页 都有在有意无意地使用 CSS 用好 CSS 能使你的网页更加简炼 为什么同样内容的网页 有的人做出来有 几十 KB 而高手做出来只有十几 KB CSS 炎黄职业技术学院 信息工程系毕业设计 论文 第 7 页共 20 页 在其中的作用是不言而喻的 我把我在使用 CSS 中的一些小经验以及一些网友来信 提问的问题整理出来 供诸位参考 1 CSS 在网页制作中一般有三种方式的用法 那么具体在使用时该采用哪种用 法 当有多个网页要用到的 CSS 采用外连 CSS 文件的方式 这样网页的代码大大 减少 修改起来非常方便 只在单个网页中使用的 CSS 采用文档头部方式 只有 在一个网页一 两个地方才用到的 CSS 采用行内插入方式 2 CSS 的三种用法在一个网页中要以混用吗 三种用法可以混用 且不会造成混乱 这就是它为什么称之为 层叠样式表 的原因 浏览器在显示网页时是这样处理的 先检查有没有行内插入式 CSS 有就 执行了 针对本句的其它 CSS 就不去管它了 其次检查头部方式的 CSS 有就执行 了 在前两者都没有的情况下再检查外连文件方式的 CSS 因此可看出 三种 CSS 的执行优先级是 行内插入式 头部方式 外连文件方式 3 在 Dreamweaver3 中如何使外部文件式 CSS 在 Dreamweaver3 中使用外连文件式 CSS 并没有特殊要求 同样是用记事本创建 一个 css 文件 在网页的与之间加上一句这样的代码 就行了 4 如何用 Dreamweaver3 快速创建 CSS 外连式文件 对于一个初接触 CSS 的网页设计人员来讲 要用记事之类的编辑器 去创建一 个 CSS 外连式文件是相当困难的 由于 Dreamweaver3 对 CSS 支持的很好 用它来 帮助就轻松多了 具体可以这样操作 1 先在纸上写好在网站的网页中可能要用到的格名称 然后在 Dreamweaver3 的编辑窗中调出 CSS 面板 一个一个地定 义 并在一个空白页上适当地写一点相关 内容 边定义边试用 效果不满意 立即修改 2 全部定义好后 再用记事本创建一个空的 CSS 外连式文件 把在与 之间的那段定义好的 CSS 复制 到 CSS 文件中去 就大功告成了 整个过程 就是点鼠标 方便吧 5 在 Dreamweaver3 中采用行内插入式 CSS 要手动写代码吗 不用 先用 CSS 面板定义好要用的 CSS 然后 在要插入 CSS 的标记插入 style 再把你刚才定义的 CSS 从 后面拖到这个双引号中来 把花括号以 外的部分删去就行了 6 在方档头部方式和外连文件方式的 CSS 中都有 好象没 什么用 不要可以吗 炎黄职业技术学院 信息工程系毕业设计 论文 第 8 页共 20 页 这一对东东的作用是为了不引起低版本浏览器的错误 如果某个执行此页面的 浏览器不支持 CSS 它将忽略其中的内 容 虽然现在使用不支持 CSS 浏览器的人已 很少了 由于互联网上几乎什么可能都会发生 所以还是留着为妙 7 如何给一部分文字加背景色 给文字加上不同颜色 在 DW3 中只要在属性面板上选取文字的颜色就行了 非常 方便 但要给部分文字加不同的背景色 却没有相应的功能 我们可以先做一个定 义背景色的 CSS 如 bgstyle 在 DW3 中点几下鼠就完成了 如一个定义淡黄色 背景的 CSS 是这样的 在要用时选取那段文字 再在 CSS 面板上点一下 bgstyle 就行了 8 如何给部分文字加背景图像 与加背景色操作类似 中是在背景在选择加载图象就是了 一个定义好的加背景 图象的 CSS 例子的代码是这样的 在要用时选取那段文字 再在 CSS 面板上点一下 imgbgstyle 就行了 炎黄职业技术学院 信息工程系毕业设计 论文 第 9 页共 20 页 第第 3 3 章章 网站制作过程网站制作过程 3 13 1 网站的页面制作网站的页面制作 1 index psd 的制作 新建文档 1024 768 打开背景图片 floor 新建图 层 用矩形工具分别绘制出黑色 米黄色矩形背景底纹 并调整其位置 打开收音 机图片 并添加阴影效果 同理插入铅笔图案 再次使用矩形工具绘制出中间部分 并添加阴影效果 下面打开三张图片 使用裁剪工具进行裁剪并将其拖入图层 调 整其大小 位置 最后制作导航条 使用圆角矩形工具绘出导航轮廓 使用油漆桶 工具填充绿色 最后在导航条适当位置加入导航文本 效果图如 3 1 所示 图 3 1 index psd 效果图 2 gywm psd 的制作 新建文档 1024 768 打开背景图片 新建图层 用矩 形工具分别绘制出黑色 米黄色矩形背景底纹 并调整其位置 打开收音机图片 并加入阴影效果 接下来制作中间部分 在此页面中将导航条放置于右侧改变一下 版面 选取一张照片 使用椭圆选框选择图片 将其拖入页面左下角 添加投影效 果 效果图 3 2 所示 炎黄职业技术学院 信息工程系毕业设计 论文 第 10 页共 20 页 图 3 2 gywm psd 效果图 3 zpxs psd 的制作 新建文档 1024 768 打开背景图片 新建图层 用矩 形工具分别绘制出黑色 米黄色矩形背景底纹 并调整其位置 打开收音机图片 加入阴影效果 此时将导航换掉 使用自定义形状绘制图标 调整其位置并加入导 航文本 效果如图 3 3 所示 图 3 3 zpxs psd 效果图 4 ppfw psd 的制作 新建文档 1024 768 打开背景图片 背景图片换成 炎黄职业技术学院 信息工程系毕业设计 论文 第 11 页共 20 页 wallpaper 新建图层 用矩形工具分别绘制出黑色 米黄色矩形背景底纹 并调整 其位置 打开收音机图片在本页面中 其他步骤基本相同 效果如图 3 4 所示 图 3 4 ppfw psd 效果图 5 lxwm psd 的制作 新建文档 1024 768 打开背景图片 背景图片换成 wallpaper 去掉灯光效果 新建图层 用矩形工具分别绘制出黑色 米黄色矩形背 景底纹 并调整其位置 打开收音机图片 并添加阴影效果 再次使用矩形工具绘 制出中间部分 并添加阴制作方法同上进行局部改动 在版面底部加入版权所有文 字 效果如图 3 5 所示 炎黄职业技术学院 信息工程系毕业设计 论文 第 12 页共 20 页 图 3 5 lxwm psd 效果图 3 23 2 对五个页面进行切片并保存到站点下对五个页面进行切片并保存到站点下 在站点下新建不同页面的文件夹 便于保存和修改 3 33 3 制作制作 FlashFlash 动画动画 1 搜集素材婚纱照片 并分类 2 打开 Flash 设置文档大小 导入舞台背景 新建图层 1 在图层 1 上导 入一张婚纱照图片 在合适的位置按 F6 加入关键帧 右击补间动画 在第一个关键 帧处调整图片的透明度为 10 在第二处关键帧的位置设置不透明度为 100 实现 图片有透明到不透明的渐变 3 新建图层 2 导入一张婚纱照到库 按照步骤 2 的基本步骤制作另一张图 片的渐变效果 4 以此类推 新建多个图层 按照步骤 3 的方法 制作多张图片的渐变效果 5 测试影片 发现影片中的不足之处 进行调整修改 炎黄职业技术学院 信息工程系毕业设计 论文 第 13 页共 20 页 3 43 4 对五个页面分别进行页面链接对五个页面分别进行页面链接 1 在 Dream waver 中打开 index 网页 在需要链接地方分别进行连接 同理 的方法将 5 个页面分别进行链接 在链接时 注意不要漏掉链接 2 在代码中按 Ctrl a 选中整个页面 在设计中将页面居中 每个页面依此 类推 将页面居中 3 5 在五个页面中分别加入特效在五个页面中分别加入特效 3 5 13 5 1 鼠标跟随代码鼠标跟随代码 爱 婚纱摄影 spanstyle COLOR 6600cc FONT FAMILY 宋体 FONT SIZE 10pt POSITION absolute TOP 50px VISIBILITY visible var x y var step 18 var flag 0 Your snappy message Important the space at the end of the sentence var message 瞬间的微笑 留下永远的回忆 爱 婚纱摄影 message message split var xpos new Array for i 0 i message length 1 i xpos i 50 var ypos new Array for i 0 i 1 i xpos i xpos i 1 step ypos i ypos i 1 xpos 0 x step ypos 0 y for i 0 i 1 i xpos i xpos i 1 step ypos i ypos i 1 xpos 0 x step ypos 0 y for i 0 i message length 1 i var thisspan eval document span i thisspan left xpos i thisspan top ypos i 炎黄职业技术学院 信息工程系毕业设计 论文 第 15 页共 20 页 var timer setTimeout makesnake 30 Beginning of JavaScript for i 0 i message length 1 i document write document write message i document write if document layers document captureEvents Event MOUSEMOVE document onmousemove handlerMM End of JavaScript 效果 加入这些代码将实现鼠标后跟随文字的效果 是整个页面不在单调 利 用这个方法 分别对几个页面进行加入 修改跟随鼠标的文字即可 是每个页面各 不相同 字体颜色可以在代码中实现修改 3 5 23 5 2 字体向上走 鼠标经过时文字停止 字体变色代码字体向上走 鼠标经过时文字停止 字体变色代码 There used to be a true love for me But I didn t cherish it 曾经 有一份真诚的爱情放在我面前 我没有珍惜 And I was so repented of what I lost it It is the 炎黄职业技术学院 信息工程系毕业设计 论文 第 16 页共 20 页 largest pain in my life 等我失去的时候我才后悔莫及 人世间最痛苦的事莫过 于此 你的剑在我的咽喉上割下去吧 不用再犹豫了 If I have a chance to do it again I will tell the girl 3 words I LOVE YOU 如果上天能够给我一个再来一次的机会 我会对那个女孩子说 三个字 我爱你 And if I have to give a time limit for it 如果非 要在这份爱上加上一个期限 I hope it s 10 000 years 我希望是 一万 年 bless the day I found you I want to stay aroud you And so i beg you Let it be me Don t take this heaven from me If you must cling to somebody now and forever let it be me If you must cling to somebody now and forever let it be me Each time we meet love I find complete love Without your sweet love 黄昏下起绵绵细雨是很平常的事 不想让它感动的却是 在雨中的自已 在雨中 我不断怀想的故事 就留在远方梭磨河边那方天空里 此时此刻 脑海里浮现出这样一幅场景 你长长地头发如帘幕低垂 遮住了你美丽的脸 你走过坠满雨滴的芳草地 身后尽是些会说话的小花 朵朵绽放 我便认识了你 认识了那双深潭似的让我醉了整个夏天的眼睛 相思总是缘于一种悠远的寂寞 在雨夜里思念的远方的人以及往日种种情怀一同复活了起来 总想让一些如水般的语言 淌成一条爱意融融的河 流向你在的天 空 我知道 我爱之所系在水之湄 情感的指向 注定我要在源头作长久的伫望 梦中的你 在眺望的下游 在情感河流的那边 也许可以重新将段段往事 牢牢捆扎成筏 炎黄职业技术学院 信息工程系毕业设计 论文 第 17 页共 20 页 在结束一段迷惘的眺望之后 沐着此时的雨雾 破釜沉舟般乘槎而来 在某个夜晚闯入你长夜孤灯的世界 今夜的雨叉让我找回了失落的往事 让我和已离去的点滴近了些 我知道此时在河的那边依然有你遥远的关切 我想 雨过之后 应该有一个月圆的日子了吧 效果 加入这段代码可以实现文字向上滚动 同时鼠标经过时 字体停止向上 文字并出现变色 3 5 33 5 3 加入背景音乐加入背景音乐 从网络上下载 MP3 格式的轻音乐 下载完成后 在 Dreamweaver 软件中打开网 站首页页面 点击代码 在代码的 body 中插入 MP3 设置其属性值 利用同样的方 法 打开不同页面 加入音乐音乐 让整个网站运作是不会显得枯燥无味 炎黄职业技术学院 信息工程系毕业设计 论