《音乐网站的设计与实现》由会员分享，可在线阅读，更多相关《音乐网站的设计与实现（23页珍藏版）》请在金锄头文库上搜索。
1、毕业论文（设计）论文（设计）题目：音乐网站的设计与实现所属系别信息工程系专业班级X级大专计算机网络技术XX班姓 名X X XXXX学 号 XXXXXXXXXXXXXXX指导教师XXXXXXX撰写日期XXX 年 XX月摘要本次音乐网站的制作与实现是针对高等教育网站制作的实际情况，开发 的小型网站设计课题1。其目的是在新课改的大环境下，提高学生的音乐素 质，推动学校教学、教育改革以及学生的创新和动手操作能力。本文实际设 计一个专题音乐娱乐网站，该网站内容丰富多彩，包含了音乐名家、音乐常 识、音乐欣赏、视频音乐欣赏，并附有专题音乐网站的简介和链接。在这个音乐网站的系统中我综合应用了 Dreamvea
2、ver、Photoshop、Flash 等知识。网页界面的结构设计以实用性出发，具有易于操作、简介、方便等 特点。在设计中，首先，运用HTML语言对网站的静态页面进行精细的加工并 且在网站的美工方面取得了良好的效果 2。其次，对于网页的布局设计采用 框架集粗略布局和 div 精细布局，在此之前努力学习和大量实践并把这些知 识运用到网站的建设中去。关键词：Dreamveaver，框架集，HTML，音乐，专题网站AbstractDesign and accomplish this music website is according to the actual situation of highe
3、r education website production, small website design tasks. The purpose of the new curriculum reform of the environment, improve students music quality, promote the innovation of school teaching, education reform and student and hands-on ability. In this paper, the design of a special music entertai
4、nment website, the website content rich and colorful, contains music masters, music sense, music appreciation, music and video, accompanied by an introduction and thematic music website link3.The system in this music website I comprehensive application of Dreamveaver, Photoshop, Flsh knowledge. Stru
5、cture design of webpage interface to practicality, has the characteristics of easy operation, introduction, convenience etc. In the design, first of all, has obtained the good effect of art using the static page HTML language on the website of the fine processing and in site. Secondly, the layout de
6、sign of webpage using frameset rough layout and div fine layout, before trying to learn and practice a lot and put the knowledge into the construction site4.Keywords: Dreamveaver, frame set, HTML, music, web site目录1 引言12概述12.1 课题的来源、目的和意义 12.2 网站的建设目标 12.2.1 网站的定位 12.2.2 网站的目标 22.3 本系统开发的环境 22.3.1 硬
7、件环境 22.3.2软件环境 23软件开发技术介绍23.1 Dreamveaver 技术23.2 Photoshop 技术24总体方案设计34.1 功能设计34.1.1 总体结构图34.1.2 总体结构的各部分说明34.2 界面设计44.2.1 首页界面设计44.2.2 音乐休闲娱乐子页面的设计 54.2.3 音乐名家子页面设计64.2.4 视频欣赏 74.2.5 文章收藏界面图75总结8参考文献9致 谢10附录11互联网的魅力主要在于可以缩短世界的距离，让互联网具有这种神奇功 能的元素是网站和网页。网站可以被看成信息交流的载体，而网页则是人与 人之间交流的直接窗口。网站除了在互联网中得到广泛
8、应用之外，也可在企 业内部被用来解决内部管理与信息交流等问题。因此，无论对于网站管理专 业人士还是网站建设爱好者，都应掌握一定的网站建设与网页制作技术5。本课题主要讲述音乐网站的制作与实现，网站设计包括：网页设计制作、 网页版面设计、用 DreamweaverCS4 创建基本网页、超链接、表格、网页行 为语言JavaScript、网页表现语言CSS、框架、表单、模板与库、多 媒体对象、使用 Div 布局页面、网站的整合与测试发布。2 概述2.1 课题的来源、目的和意义人类早已进入计算机世界的时代，我们要通过电脑来武装人脑。我们的 目的是要使目前的教学向真正的数字化和信息化靠近。真正实现教育面向
9、世 界，面向未来，面向现代化。Internet在我们的生活中扮演着越来越重要的角 色，同时计算机为教学提供了多种多样的辅助手段。从单机使用到多媒体教 学，从学校内部科室间的局域网到整个学校的校园网，最后发展到整个校园 网同 Internet 互联。从长远来看，学校教育教学网站的建立是十分必要的， 主要目的是利用校园网辅助教学，从互联网上获得大量信息以便加快科研的 速度，同时也丰富了学生的课余生活，简化了教师的工作。利用校园网与 Internet的网络资源，使学生能够通过与外界的交流更加直观的掌握知识，增 加音乐品位和修养6。大大提高了学校的现代化进程，使学校在当今激烈的 竞争中立于不败之地。本
10、课题介绍个人网站的制作及发布过程，本网站是一个以音乐娱乐为主 题的个人网站，本文将介绍网站材料的组织、网页的制作过程。2.2 网站的建设目标2.2.1 网站的定位建立一个较为实用的小型网站，首先要对网站进行明确的规划设计，规划包括网站的内容，面向的用户群，网站的规模以及网站的目标。本次毕业设计所建立网站的定位内容是一个音乐娱乐网站。面向的 用户群是所有喜欢音乐和对音乐感兴趣的人。 网站的目的是在休闲娱乐 的大环境下，提高群众的音乐素质，推动音乐事业的发展。2.2.2 网站的目标1.熟练的运用 HTML 语言对网站的静态页面进行设计 7。尽力做到 页面的美观实用。2利用Photoshop技术尽力
11、做到页面的美观实用。2.3 本系统开发的环境2.3.1硬件环境机型：586微机；CPU： Intel Pentium M 处理处理器；内存：64M；硬盘：60GB。2.3.2软件环境操作系统：Windows 7操作系统；界面开发环境：Dreamveaver。3 软件开发技术介绍3.1 Dreamveaver 技术Dreamveaver是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows 系统的版本。随Macromedia被Adobe收购后,Adobe也开始计划开发LINUIX 版本的Dreamweaver 了
12、。Dreamweaver自MX版本开始，使用了 Opera的 排版引擎Presto 作为网页预览。3.2 Photoshop 技术Adobe Photoshop，简称“PS，是一个由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的 编修与绘图工具，可以更有效的进行图片编辑工作。2003年，Adobe将Adobe Photoshop 8 更名为 Adobe Photoshop CS。因此，最新版本 Adobe Photoshop CS6是Adobe Photoshop中的第13个主要版本。4总体方案设计4.1功能设计4.1.1 总
13、体结构图文土最藏图4-1总体结构4.1.2 总体结构的各部分说明本网站的内容表现形式主要以文本、图像为主。虽然网络上可以承载的元素越来越多，但文字一直是很重要的部分。在 同一语言环境下，文字的传达是最准确的，所以，文字是任何出版物的核心 网页也不例外，而且就现在的网络环境下，文字的使用仍是首选。所以，本 网站使用大量的文字介绍休闲娱乐方面的知识9。首页：网站给人的第一印象就是首页，要让人愿意继续欣赏下去。我设 计的首页力求简洁明了，色调属于暖色，给人明快、轻松的感觉。页面最醒 目处是一朵正在开放的花，象征着祖国的未来生机勃勃。背景隐约可见的五 条横线，代表着五线谱，表明了本网站音乐休闲娱乐的主
14、题。其中包括音乐 名家、音乐常识、音乐简介、音乐欣赏和主题图片五项。有我的E-mail以便 用户和我联系。音乐常识：为了提高多数人的音乐修养及素养，我设计了这一项内容， 包括基本知识、乐器常识及戏曲常识三项，乐器常识又分为民族乐器介绍和 西洋乐器介绍两部分。音乐欣赏：主要是给人听觉和视觉上的享受。让人真正的在音乐氛围中 有个轻松、愉悦的好心情。包括3种形式的音乐欣赏：flash、mp3、文字。4.2 界面设计4.2.1 首页界面设计网站给人的第一印象就是首页，要让人愿意继续欣赏下去。我设计的首 页力求简洁明了，色调属于暖色，给人明快、轻松的感觉。页面最醒目处是 一朵正在开放的花，象征着祖国的未
15、来生机勃勃。背景隐约可见的五条横线， 代表着五线谱，表明了本网站音乐休闲的主题。首页包括音乐、视频、简介 紫兰图片、紫兰文化和链接六项。有我的 E-mail 以便用户和我联系10。网页的色彩选择和搭配是网页设计的重点之一。用什么色彩才能最好地 表达出网站的内涵，吸引浏览者的视线，网页的色调、背景、文字、图标、 边框、链接应该采用什么样的色彩，应该如何搭配，都是网页设计一开始就 必须考虑的问题。网页的色彩搭配在网页的制作中起到非常重要的作用，因 为它将决定浏览者对你的网页的第一印象，好的色彩搭配可以使你的网页独 具魅力，相反则提不起浏览者的兴趣。所以一定要把握住色彩的搭配。图 4-2 为我的首页设计：图 4-2 首页界面设计4.2.2 音乐休闲娱乐子页面的设计这里主要是音乐休闲娱乐的园地。分为音乐、视频和文章三项。在同一语言环境下，文字的传达是最准确的，所以，文字是任何出版物 的核心，网页也不例外，而且就现在的网络环境下，文字的使用仍是首选。 所以，本网页设计使用了大量的文字介绍1。1文本构成的因素有字体和字号，它们都是由汉字软件自动生成的。字体 是一种灵活的媒介，根据对不同字体的选择可以表达感情，语调以及结构。 字体也是网页的主要组成部分，是信息的重要载体。正确选择
