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

炎黄职业技术学院信息工程系 毕业设计（论文） 爱、婚纱摄影网站设计 年 级: ** 学 号: ********* 姓 名: ***** 专 业: 网络数字媒体 指导老师: ***** 二零一一年十二月 摘 要 Internet的作用在今天显得越来越重要，网站的数量和规模发展迅猛。在Internet的早期，网站只能保存单纯的文本。经过几年的发展，图像、声音、动画、视频、甚至3D技术也开始在Internet上流行，网站也发展成为今天我们看到的图文并茂的样子。在制作网站的过程中Photoshop\Dreamweaver\Flash是必不可少的网页图像处理软件。Photoshop\Dreamweaver\Flash等软件的功能及其强大，在图像、图形、动画、文字、视频等方面都有涉及，良好的运用Photoshop\Dreamweaver\Flash这些软件能在网站开发及后期发展中起到很重大的作用。 对于爱婚纱摄影网站的而言，在制作过程中使用了Photoshop\Flash\Dreamweaver等软件工具，充分利用各个软件的优点，制作出动态静态的相结合的网站。将各个网页融汇起来。 关键词： Dreamweaver； Flash； Photoshop； div+Css技术 目 录 第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章 网站制作分析 1.爱、婚纱摄影网站的设计思路 要将丰富的意义和多样的形式组织成统一的页面结构，体现网站的内容，通过文字、Flash动画、图形使网站不过于呆板。首先利用Photoshop软件制作出网站的各个页面，其次并使用Flash软件制作动画增加网站的动态效果，最后在Dream waver实现整个网站得运作。 2.爱、婚纱摄影网站的主题 网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现婚纱摄影网站的优雅、浪漫。动态主页方式介绍爱、婚纱摄影，作品欣赏，关于我们、品牌服务等；动态运用flash动画给人们直观动感的效果。网站主页本着简单美观全面的原则，以暗绿色及灰色为背景，黄色相间，漂亮且动感的flash让你感受到温馨浪漫的气息。 3.爱、婚纱摄影网站的内容 该网站主要拥有5个页面，包括： 首页：动画和鼠标特效的结合对本网站进行介绍。 品牌服务：此功能介绍了爱、婚纱摄影店的品质服务。 联系我们：方便及时和我们进行联系和我们的必威体育精装版优惠活动。 关于我们：传达本网站的有关信息，增加对爱、婚纱摄影的理解。 作品欣赏：通过点击图片切换大小的方式展示我们的作品。 每个页面采用不同的方式来实现出简单美观的网站。 4.网页设计中色彩的运用 色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合，搭配起来构成美丽的页面。所以在对爱、婚纱摄影店进行设计时采用了淡雅而沉静的颜色：暗绿色，灰色，浅黄色，而不是大红大紫的色彩。绿色代表生的希望，爱、婚纱摄影采用暗绿色调主要寓意着爱情的不断成长、生机勃勃。 第2章 软件工具介绍 2.1 Dreamweaver软件 Dreamweaver软件由美国著名的网站应用开发软件开发工具生产商Adobe Macromedia于2005年6月推出并正式投入市场以来，已经发展相当成熟。Dreamweaver是一款简单的中文软件，可以在Win2003\Win2000\Win9x\Winxp中运行。Macromedia Dreamweaver 是建立 Web 站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于 CSS 的设计的领先支持到手工编码功能，Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据