1、 本 科 毕 业 论 文 数字媒体 工程 系网站设计 与实现 网页美工 Website Design we will make our greatest effects. Digital media engineering aimed at developing a good scientific literacy as well as the cultivation of Fine Arts, knows technology and understands the art of using computers to design new media tools for the design
2、 of works of art and creative application of the composite design. To this end, we are now focusing on website design front page to highlight the effect and the stability of the background will be a combination of aesthetic and practical, to show the art digital media features of its own. Guide page
3、s, as well as the page displaying the work in accordance with the flash web page design standards. Web site management capabilities of the background in the J2EE platform, with Webwork framework and EJB technology to achieve through the MVC design pattern. Our ultimate aim is to create a characteris
4、tic website for digital media technology department. This article briefly introduced the first digital media engineering department, as well as web site development and the origin of meaning; analysis flash based on the current status of the site, flash website design related theories, the developme
5、nt environment and related technologies. Secondly, from analysis to design the future through the website and the background were two clues to introduce the appearance of the website page design, the background work and functions of the modular design principle. In addition, the author focuses on th
6、e front page to participate in art and animation design. Flash pages detail the style of creative, web design, DIV + CSS page layout, web site design to achieve the effect of the process, the main script ActionScript descriptions. Finally, we display the actual results of the project and make a summ
7、ary. Keywords: Flash Web Design; ActionScript; CSS 目 录 第一章 绪论 . 1 1.1 网站开发的起源以及意义 . 1 1.2 基于 FLASH 的网站现状分析 . 1 1.3 FLASH 网站设计的相关理论 . 2 1.3.1 Flash 网站的概念 . 2 1.3.2 Flash 与 ActionScript 脚本语言 . 3 1.3.3 Flash 网站制作和单个 Flash 作品制作的区别 . 4 1.4 FLASH 动态网站开发的基本原理 4 . 4 1.5 FLASH 网页制作 的相关技术 . 6 1.5.1 Adobe Drea
8、mweaver CS3. 6 1.5.2 Adobe Photoshop CS3 . 7 1.5.3 Adobe Illustrator CS3 . 8 1.5.4 Adobe Flash CS3 . 9 第二章 网站总体设计 . 11 2.1 前台总体设计 . 11 2.1.1 前台需求分析 . 11 2.1.2 前台整体规划 . 11 2.1.3 网站的名称 . 12 2.1.4 设计网站的标志 . 12 2.1.5 网站素材的准备 . 13 2.1.6 网站的栏目 . 14 2.1.7 网站的色彩和风格 . 14 2.1.8 设计网站的版面布局 . 15 2.1.9 网 站设计的流程图
9、. 15 2.2 后台总体设计 . 16 2.2.1 需求分析 . 16 2.2.2 确定工作环境 . 16 2.2.3 系统流程设计 . 17 2.2.4 系统模块划分 . 17 2.2.5 系统部署架构 . 20 2.2.6 数据库设计 . 20 第三章 网站前台详细设计 . 24 3.1 网站风格创意 . 24 3.2 网站结构设计 . 25 3.3 引导页面设计及实现 . 25 3.3.1 引导页面动画场景 . 25 3.3.2 引导页面制作流程 . 26 3.4 首页设计及实现 . 30 3.4.1 首页设计思路 . 30 3.4.2 首页布局设计 . 31 3.4.3 首页制作流程
10、 . 36 3.5 院系介绍页面设计及实现 . 39 3.5.1 院系介绍页面设计思路 . 39 3.5.2 院系介绍页面布局设计 . 40 3.5.3 院系介绍页面制作流程 . 41 3.6 作品展示页面设计及实现 . 43 3.6.1 作品展示页面设计思路 . 43 3.6.2 作品展示页面前期准备 . 45 3.6.3 作品展示页面制作流程 . 45 3.7 其他页面设计及实现 . 47 3.7.1 其他页面设计思路 . 47 3.7.2 其他页面布局设计 . 48 第四章 网站实现结果 . 50 4.1 前台实现结果 . 50 4.2 后台实现结果 . 53 第五章 结束语 . 58
11、参考文献 . 59 致 谢 . 61 Contents Chapter I Introductory Remarks . 1 1.1 Significance And Origin Of Website Develpment . 1 1.2 Flash-Based Website Analysis. 1 1.3 Flash Web Design Theory . 2 1.3.1 Flash Website Concept . 2 1.3.2 Flash And ActionScript. 3 1.3.3 Difference Between Flash Website And A Single
12、 Flash . 4 1.4 The Basic Principles Of Developing Flash Website 4 . 4 1.5 Flash Web Design Technologies. 6 1.5.1 Adobe Dreamweaver CS3. 6 1.5.2 Adobe Photoshop CS3 . 7 1.5.3 Adobe Illustrator CS3 . 8 1.5.4 Adobe Flash CS3 . 9 Chapter II Overall Design Of The Website . 11 2.1 Overall Design Of Foregr
13、ound . 11 2.1.1 Requirements Analysis Of Foreground . 11 2.1.2 Overall Plan Of Foreground. 11 2.1.3 Name Of The Website. 12 2.1.4 Website Logo Design. 12 2.1.5 Material Preparation. 13 2.1.6 Website Sections . 14 2.1.7 Website Color And Style . 14 2.1.8 Website Layout . 15 2.1.9 Website Design Proce
14、ss Chart . 15 2.2 Overall Design Of Background . 16 2.2.1 Requirements Analysis Of Background. 16 2.2.2 Work Environment. 16 2.2.3 System Process Design . 17 2.2.4 System Blocks Division . 17 2.2.5 System Deployment Architecture . 20 2.2.6 Database Design. 20 Chapter III Detail Design Of The Website
15、 Foreground . 24 3.1 Website Style Design . 24 3.2 Website Structure Design . 25 3.3 Design And Implementation Of The Guide Page . 25 3.3.1 Flash Scenes Of Guide Page . 25 3.3.2 Design Processes Of Guide Page . 26 3.4 Design And Implementation Of The Homepage . 30 3.4.1 Homepage Design . 30 3.4.2 Ho
16、mepage Layout . 31 3.4.3 Design Processes Of Homepage . 36 3.5 Design And Implementation Of The Introduction Page . 39 3.5.1 Introduction Page Design. 39 3.5.2 Introduction Page Layout. 40 3.5.3 Design Processes Of Introduction Page . 41 3.6 Design And Implementation Of The Display Page . 43 3.6.1 D
17、isplay Page Design . 43 3.6.2 Preparation Works Of Display Page . 45 3.6.3 Design Processes Of Display Page . 45 3.7 Design And Implementation Of Other Pages . 47 3.7.1 Other Pages Design . 47 3.7.2 Other Pages Layout . 48 Chapter IV Outcomes Of The Website . 50 4.1 Outcomes Of Foreground Design . 5
18、0 4.2 Outcomes Of Background Design. 53 Chapter V Conclusions. 58 References . 59 Acknowledgements. 61 第一 章 绪论 1 第一章 绪论 1.1 网站开发的起源以及意义 Flash 是由美国的 Macromedia 公司推出的一款多媒体动画制作软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画方便地融合在一起，以制作出高品质的动态效果，或者说是动画。 在互联网飞速发展的今天， Flash 正被越来越多 得 应用在网页动画效果和网站动态交互等方面，大大丰富了网站的可看性和交互性，为网站
19、的推广成功，可谓功劳显赫，效果卓越。如今 Flash 已经成为业界的标准，并代表着新技术发展的方向，正逐渐成为互联网多媒体的重要分支。 “数字媒体艺术 ”是 ， 网络技术和数字通信技术高速发展的产物，是信息学科向文化艺术领域拓展的新方向 ， 是以技术为主 、 艺术为辅，技术与艺术相结合的新兴学科，旨在培养兼具技术和艺术素质的现代高级工程技术和艺术设计人才。这是传统教育人才培养的空白，又是新兴产业崛起的急需。 数字媒体 工程 系 基于 Flash 的 网站 的开发 ，是对 Flash 的高品质动画效果和数字媒体 工程 系自身以技术为主，艺术为辅，技术与艺术相结合的特点的完美融合与展示。我们在进行网站设计时注重突出前台页面的效果与后台的稳定性，将美观与实用相结合，以显示数字媒体 工程 系自身的特点。引导 页，主页面以及作品展示页面按照 Flash 网站标准进行设计。在 J2EE 平台下，借助 WEBWORK 框架和 EJB 技术，通过 MVC 设计模式实现网站的后台管理功能，最终打造一个具有软件学院数字媒体 工程 系自身特色的网站。 1.2 基于 Flash的网站现状分析 Flash 是近些年才出现的一种新 事物， 是 一款多媒体动画制作软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画方便地融合在一起，以制作出高品质的动态效果，或者说是动画。
