《论文095音乐网站的设计与制作》由会员分享，可在线阅读，更多相关《论文095音乐网站的设计与制作（23页珍藏版）》请在金锄头文库上搜索。
1、目录一、引言：1二、网页制作基础知识1（一） Internet 与 WWW11.Internet12.www1（二）HTML2（三）超链接与URL21.超链接22.URL2三、网站的设计方法2（一）分析可创性2（二）功能设计3（三）收集资料3（四）制作网页3（五）测试3（六）发布网站3四、开发工具介绍3（一）Dreamwever MX4（二） Fireworks4（三）FLASH4（四）ASP4（五）Access5五、网站的具体实现5（一）主页的页面视图实现6（二）留言板的制作111.制作数据库文件112.留言板首页133.连接数据库文件154添加留言文件16六、测试与发布16（一）网站测试1
2、6（二）网站发布17总结20致谢20参考文献20音乐网站的设计与制作 摘要: 随着Internet在世界范围内的迅猛发展，计算机的普及，每天都有成千上万的网站诞生。越来越多的个人和企事业单位都建立起自己的网站，并以此为窗口向全国和全世界介绍自己，以实现自我宣传和达成交易的目的。本文以制作一个个人音乐网站为例，选择Dreamweaver MX为开发环境，结合ASP技术全面的介绍了网页制作技术的基本理论和实际应用，网站的设计方法和制作流程，网站动态功能的实现。 关键词: 超链接 HTML RUL DreamweaverMX ASP一、引言： 如果要问20世纪发展最快，规模最大，涉及面最广的科技成果
3、有哪些？我想Internet应该是首当其冲吧。从两台计算机直接相连到局域网，广域网再到Internet，人类真正进入了信息时代。随着Internet的迅猛发展，每天都有成千上万的网站诞生。很多上网者已经不再满足于仅仅浏览一下网页，用鼠标“指点江山”，而是希望更深入地参与到网络之中，拥有自己的个人网站，使自己真正地成为Internet的主人。如今，在很多人的名片上除了电话和E-mail之外，又多了个人主页一项内容。拥有自己的个人网站已经成为了一种时尚潮流！而随着网络技术的不断完善，网页制作软件的层出不穷，制作网页已不再是专业程序员的专利，任何不懂得HTML语言或程序设计的业余爱好者也可以亲手制作
4、自己的网页了。本文以制作一个个人音乐网站为例，选择Dreamweaver MX为开发环境，结合ASP技术全面的介绍了网页制作技术的基本理论和实际应用，网站的设计方法和制作流程，网站动态功能的实现。二、网页制作基础知识网页制作软件的出现使得网页的制作越来越趋于简单化，任何一个人都可以借助软件的帮助实现网页制作，分享成功的喜悦。然而想要做出图文并茂，赏心悦目的网页就不那么容易了。所以，在开始制作网页之前首先让我们进行一些知识的筹备。（一） Internet 与 WWW要了解什么是web页，首先要了解什么是www，而要了解什么是www则要先知道什么是Internet。1.Internet Inter
5、net一词是“Interconnet”和“Network”两个 词的组合。是“国际多媒体信息网络”的简称。通俗的讲，Internet就是许多不同功能的计算机通过网络线路连接起来组成的一个世界范围的网络。Internet能提供的服务包括: www服务（也就是网页浏览服务），电子邮件服务，网上传呼，联网游戏等等。2.www www是“world wide web”的首字母缩写。中文翻译为“万维网”， 简称为“web”。由上介绍可知，www并不就是Internet它只是Internet提供的服务之一。www是由遍布在Internet上的称为web服务器的计算机组成，它将不同的信息资源有机的组织在一起
6、，通过浏览器软件进行浏览。 （二）HTML html全名“Hyper Text Markup Language”，中文翻译为“超文本标记语言”。是表示网页的一种规范，它通过标记符定义了网页内容显示。使用html标记符可以很好的定位网页中的各元素。浏览器根据网页内容周围的html标记符解释并具体显示内容。在最开始的网页制作中，所做的工作就是编写html源代码。 现在，网页制作软件的功能非常强大，而且操作更加容易。很多不懂html的朋友借助各种软件也能做出了不错的网页。但是我认为在制作网页之前学习一下html语言是非常必要的。因为网页的本质就是html代码。任何一种软件只是按照你的操作帮你实现（编
7、写）html代码。不懂html，你只能是“知其然，不知其所以然”。只有掌握了html语言，你才能对整个网页明察秋毫，才可以对网页进行细枝末节的控制。（三）超链接与URL1.超链接 Hyper Link中文翻译为超级链接，简称超链接。超链接是www上的一种链接技巧，它通过已定义好的关键字和图形，只要你点取某个图标或某段文字，就可以自动连上相应的其他文件。所以在www的站点画面中，你可以通过超链接点取的方式，从一个网页链接到另一个网页。2.URL 解释URL是为了正确设置网页中的超链接。URL全名“Universal Resource Locator”中文翻译为“统一资源定位器”，URL是表示we
8、b上资源的一种方法。可以理解为资源的地址。一个URL通常包括3部分：一个协议代码、一个装有所需文件的计算机地址，以及具体的文件地址和文件名。URL有绝对URL（绝对地址）和相对URL（相对地址）之分。.绝对URL 绝对URL(绝对地址)是指Internet上资源的完整地址。包括完整的协议种类、计算机域名和包含路径的文档名。其形式为：协议:/计算机域名/文档名例如，http:/ 就表示一个绝对URL，其中http表示用来访问文档的协议名称，表示文档所在计算机的域名，/public/HTML/ example.htm表示文档名。如果在网页中需要指定外部Internet资源，即超链接指向网站外的其他
9、网页时，应使用绝对URL。.相对URL 相对URL（相对地址）是指Internet上资源相对于当前页面的地址。它包含从当前页面指向目的页面位置的路径。例如:public/example.htm 就是一个相对URL,它表示当前页面所在目录下public子目录中的example.htm文档。一般情况下，当我们设置超链接指向网站内的其他资源时（比如指向网站内另外一个页面），使用的都是相对URL。三、网站的设计方法 当我们脑海里有了制作一个网页(网站)的想法后，我们不应该立马去打开某个软件想要去实现这一个想法。因为网站的设计制作是一个费时耗力的工程，不像吟诗赋词可以趁兴而作。网站的设计制作过程中会遇到
10、许多先前我们预料到的或者未曾想过的问题与困难，这需要我们用极大的耐心与毅力去逐一解决。建网时如果只凭一时的热情与兴趣，趁一时之快，往往会令你的网站“夭折”。所以，我们在建站之前要再三思考、反复斟酌。下面我们列出了网站建设的一个大致流程。（一）分析可创性 所谓的可创性，就是分析你是否有能力建设和维护这个网站。即你是否有能力承受创作这个网站所需要的精力和财力，以及技术支持。创建出来后是否有一定的经济效益和社会效益，这些问题必须在创建网站之前就要考虑清楚，不然，就会影响整个网站的运作。 比如，有些单位只提供了创建网站的资金，认为网站只要创建出来后就万事大吉了，殊不知日后对网站维护的重要性，由于没有了
11、后面对维护网站的预算，网站得不到及时的更新，那么这个网站建成后也就无法发挥应有的作用与效益。这个问题对于个人网站更为突出。当初他们在建设网站时往往凭着一时的热情和兴趣，但当网站建设好以后，日常的维护有令他们感到繁琐，往往将网站置之不理，使这些网站成为真正意义上的“垃圾网站”（二）功能设计 功能设计是创建一个网站的重点。它和网站的作用息息相通，需要考虑该网站要向浏览者提供哪些方面的信息和服务，功能的设计需要细分，需要把实现某种服务和网页的形式和各种功能之间的联系方式确定下来，然后绘制出网站规划图，即网站的结构图。这样做的目的是为了使网站的结构更加清晰， 从而保证网站的制作效率和正确性，以减少出现
12、差错的可能。此外，在功能设计和细分中还需要考虑用什么样的网页完成每个功能以及每个功能之间应该怎样联系。（三）收集资料 收集资料通常是最耗时、最困难的一个部份。也许它和网页制作本身没有什么关系，但是网页的内容大多依赖数据的收集，收集不完整，可能网页制作到一半就必须被迫停工（没内容可以写了）。一旦网站目的确定之后就可以开始收集数据，数据的收集可以和视觉设计同步进行、分工合作，这样整个网站制作的流程才会顺畅。（四）制作网页 完成网站的规划与材料收集后接着就是制作网页，这是建设网站中最繁琐和重要的工作，也是我们最喜爱的工作。当我们在浏览器里看到自己亲手做出来的一个个美丽的画面，那种感觉就像艺术师完成了
13、一件伟大的作品。目前有很多网页制作工具和软件，每个工具都有自己的特色，你可以根据自己需要灵活选用。（五）测试就像我们编写一个C语言程序一样，网站制作完成后也要进行测试。“智者千虑，必有一失”，每个人都难免会出错。特别是当我们的工作量大的时候，犯错误的机会更多。所以，网站建设完后我们要测试网站是否可行，它关系到你的预期规划是否能实现，网页的显示内容与排版是否和预期中的一致，以及各个网页之间的链接关系是否同预期目的一样。当我们发现错误后，需要从新进入网页编辑状态，对错误的地方进行修改。通常需要不断地测试、修改，才能发现并排除存在的错误，使网站能够畅通运行。（六）发布网站如果你不想一个人独自在自己的
14、浏览器上分享你的成功和喜悦，而是希望让Internet上更多人一起共同分享你的快乐，结交更多的朋友。你可以发布你的网站。这样，一个网站的创作工作就算完成了，浏览者也就可以享受你为他们提供的服务了。四、开发工具介绍正所谓“工欲善其事，必先利其器”。如今，各种网页制作软件满天横飞，手工编写HTML代码的时代一去不复返了。而如何选择一款好的开发工具变得甚为重要。选择一个功能强大，使用简单的开发工具，你不仅可以减轻自己的工作量，达到事半功倍的效果，而且还可以借助开发工具的强大功能实现更多的技术，把网页制作得更加美幻绝伦。在这里我们选择了在多媒体软件方面颇有建树的Macromedia公司推出的当前最为流
15、行的网页开发工具Dreamweaver（版本Dreamweaver MX），用Fireworks进行图像处理，Flash设计动画。这三款软件都是Macromedia公司的杰作，当下被成为“网页制作三剑客”。是网页开发工具的黄金搭档。在程序设计中选择了ASP技术，数据库软件选择了Office自带组件Access（版本Access 2000）。下面对它们逐一介绍。（一）Dreamwever MX Dreamweaver是美国Macromedia公司开发的集网页制作和管理网站于一身的所见即所得的网页编辑器。它是第一套针对专业网页设计师的视觉化网页开发工具，自从1998年推出后，网页制作领域发生了翻天覆地的变化。这个软件以其良好的兼容性和高效性，给广大网页制作的专业人员及爱好者带来了莫大的惊喜。Dreamweaver还具有站点管理功能，为拥护实际和管理站点提供了方便。Dreamweaver与其它同类软件相比主要有以下优点：1.不生成冗余代码。可视化的网页编辑器，都要把使用者的操作转换成html代码。一般的编辑器都会生成大量的冗余代码，给网页以后的修改带来
