街舞文化网站的设计与实现毕业论文.pdf

一、选题的目的及意义 （项目 景分析） 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的 重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。如今旅游行 业已经逐步成为我国支柱产业之一，尤其是计算机网络通信、多媒体数据库等技术 的发展。 这几年来，街舞与互联网的结合越来越紧密，本网站能够为不同风格，不同喜好的 街舞爱好者提供各种不同类型的资讯街舞比赛动态、广大爱好街舞的网民还可以在网站内进行 评论与交流，只要认为兴趣相投就可以尽吐心声，得到心灵上的放松和解脱。 二、设计的主要内容（项目策划） 1、 版面设计：大部分以街舞文化为主的排版方式。 2、 导航条:主要分为四个部分组成，首页、街舞视频、街舞资讯、作者介绍 3、 色彩搭配：整体页面为银，黑灰色。字体颜色为黑体，简洁明了，这样更突 出主题的内容 目录 （一） 景与意义 9 二、 关键技术介绍9 （一） 开发工具的选用及介绍 9 （二） Dreamweaver 软件 9 三、 系统分析 10 1. 系统业务流程的分析 10 2. 网站色彩搭配分析 10 （二） 功能架构分析 10 （三） 系统开发环境 11 四、 系统设计 11 （一）网站风格设计 11 1. 二级页面设计 12 1. 三级页面设计 13 五、 系统实现 14 （一） 网站首页的实现 14 （二） 二级页面的实现 15 六、 结 论 16 七、 参考文献 17 八、 致谢 17 一、内容 （一） 景与意义 随着科学技术的迅猛发展，网站制作以及网页的开发所需要的各种条件已经成熟。因此，制作 网站通过软件：DreamWeaver, CSS, Flash及Photoshop等技术，设计与实现了街舞主题的网站。 随着社会压力的增长，与快节奏的现代生活，本网站能够为不同风格，不同喜好的街舞爱好者提供 各种不同类型的资讯（街舞达人资料、街舞比赛动态、街舞俱乐部课时及优惠等），视频（比赛、表 演、快闪、教学、达人视频专辑），让爱街舞的dancer 了解hiphop文化的历史、流派、当今动态。 本网站还对舞种相关进行了归类，不论是lockin、poppin、 azz还是breaking,网民都可以快速 找到自己感兴趣的资源。广大爱好街舞的网民还可以在网站内进行评论与交流，只要认为兴趣相投 就可以尽吐心声，得到心灵上的放松和解脱。 二、关键技术介绍 （一）开发工具的选用及介绍 现在非常流行的Macromedia公司出品的Dreamweaver studio 8提供了更多功能强劲的可视化 设计工具、应用开发环境以及代码编辑支持，是开发人员和设计师能够快捷的创建代码规范的应用 程序，集成程度非常高，开发环境精简而高效，开发人员能够运用Dreamweaver与他们的服务器技 术构建功能强大的网络应用程序连接到用户的数据、网络服务体系。 网页图形设计软件包括擅长平面图形设计的photoshop与擅长网络图形设计的firework软件。 相比较而言，photoshop可以做出比较复杂的平面效果，但不适合团队开发的，它是受欢迎的，烟 花是最通用的Web图片编辑，位图和矢量图形编辑功能，你可以将位图和矢量编辑容易影响的优点， 制作一些特殊效果简单,易生成网页效果模板，通过切片可导出生成网页。此次设计中采用photoshop 编辑图片。 （二） Dreamweaver 软件 Adobe Dreamweaver （前称Macromedia Dreamweaver）是Adobe公司的著名网站开发工具。它使 用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由 Macromedia公司所开发。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎Presto”作为网页预览。由CS4 版本开始，则转用WebKit排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎） 作为网页预览oDreamweaver是收购Macromedia公司所得的产品oDreamweaver 8是Macromedia被 收购前的最后版本。收购后由Adobe继续发展Dream