《浙江广播电视大学毕业论文》由会员分享,可在线阅读,更多相关《浙江广播电视大学毕业论文(25页珍藏版)》请在金锄头文库上搜索。
1、- - 浙江广播电视大学 毕业设计 题目个人音乐网站的设计开发 姓名 专业计算机网络 指导教师 - - 目录 毕业论文 摘要 第一章网站设计原则及目标 设计原则 .网页内容简单易读 .网页的导航清晰 .网页风格个性化 .页面内容要独一无二 设计目标 第二章系统概述 系统配置需求 制作特点要求 框架的结构构思 制作方式 第三章系统环境的构建 运行环境的构建 配置运行环境 配置运行环境 配置 测试运行环境 的安装 的安装 建立网络站点 定义站点 选择服务器技术 选择存放的本地文件夹 设置本机测试的 第四章设计制作过程 留言板制作 建立数据库 建立数据源 测试和连接是否成功 编写留言板代码 留言板流
2、程图 静态页面设计 第五章结束语 第六章参考文献 - - 摘要 个人音乐网站的设计开发 本网站设计的主要内容是通过网页设计软件来制作网页中的文字、图像、表格、表单、动画和视频等。是一款专业的编辑器,用于对站点、页和应用程序进行设计、编辑和开发。通过技术和数据库这两种软件相结合可以实现留言板动态,浏览网页者可以在我的留言板里留言,管理员可以删除留言和回复留言。 计算机和计算机网络的飞速发展,人们对计算机网络的依赖是越来越大。人们在网上聊天交友,在网上请教问题,查阅资料,还在网上玩游戏。除此之外,人们还会在网上进行商务交易、下载信息,有着众多的使用者。尤其是电子商务大大的减少了人们对周围环境的依赖
3、,无论是哪里的网友,都可以浏览到世界各地的各类信息,非常的方便,由于以上的优势,各类网站如雨后春笋般的出现,这也就是我的毕业设计的实际意义。 本文首先介绍了当今网络开发语言发展现状,接着介绍了相关知识,然后以星空音乐网为例,逐一介绍了建站的系统分析、系统设计和系统实现。在系统分析中以数据字典和数据流图的形式确定了系统的基本框架,接着在此基础上设计出网站模块功能结构图,然后用图说明了系统的库表结构,最后论文从网页上的风格、色彩、链接、功能、等属性分析了系统中典型的网页文件。在附录中则给出本系统库表结构的详细说明和本网站运行时的主要页面。 本网站主要实现了对数据库的数据录入,修改,删除,查询,相关
4、数据的分析统计等功能。 - - 第一章网站设计原则及目标 设计原则 .网页内容简单易读 我设计的网页规划合理。这就意味着,规划文字与背景的搭配很重要。不能使背景的颜色冲淡了文字的视觉效果,不用色彩对比强烈的色彩组合,因为让人看网页觉得很费劲。一般来说,浅色背景配合深色文字最佳。这个要求最好别把文字的字体设地过小,也不能过大。文字过小看起来难受;文字过大,或者文字视觉效果变化频繁,让人看起来不舒服。此外,文本内容应左对齐,而不是居中。按照平时的阅读习惯,文本内容大都居左,标题一般居中,这符合读者地阅读习惯。 .网页的导航清晰 我设计的所有超链接都清晰无误地标识出来,像图像按钮,都有清晰醒目的标识
5、,让读者一目了然。链接文本的颜色用默认的:未访问的为蓝的,点击过的为紫的。所以,我设计的文本链接文字或图标与页面的其他文字有所区分,导向功能十分清晰。 .网页风格个性化 页面上所有的图像、文字,背景颜色、字体、标题等我都加入了自己的风格,整体看上去非常简洁又突出了作者的个性。这样读者看起来顺畅。 .页面内容要独一无二 我设计的网页内容不落俗套,重点突出“个性”两字,所以我在设计网站内- - 容时结合了自身的实际情况。网上的许多个人网站,内容杂乱,题材千篇一律,从头到尾找不出一丝个性。所以,我在设计网页时,十分注重内容的选择。选择内容要尽量做到少而精但必须突出个性,只有充满个性的网站才能吸引更多
6、的读者。 设计目标 用一目了然的链接,让读者可以更好更快地浏览我的内容,设计列表菜单导航,可以从中选择相应的标题,导航简单清晰地向读者显示,在 “音乐介绍”中,向读者诠释了音乐的本质。 在首页上列出的文字和内容,读者看完后如果有什么建议或意见,可以在我的首页里登录菜单中的“给我留言”链接中留下留言。管理员输入密码进入留言板,就可以回复读者发表的留言,也可以删除留言。读者只要点击首页的推拉门式菜单中的“”就可以发给我。通过以上两种途径就可以实现读者和我的交流,简单方便。 利用图像制作软件创造出自己网站的,处理图片等。通过网页设计软件来制作网页中的文字、图像、表格、表单等。通过技术和数据库这两种软
7、件相结合可以实现动态留言板功能。 第章系统概述 系统配置需求 .硬件需求 :以上 内存:以上 硬盘剩余空间:以上 .软件需求 操作系统:或 服务器:以上 - - 数据库: ,或者 制作特点要求 此个人网站需达到以下软件要求和硬件要求: ) 页面清晰,用户使用方便; ) 系统安全、稳定,硬件需求较低; ) 各项功能完整,注册、登陆、数据库更新等; ) 制作成本低,风险小,效益高。 网站的结构设计 网站的结构设计完全基于网站、内容和功能,后者是结构设计的决定性因素。此外,页面风格、方便浏览等因素也对网站结构的设计有一定的影响。 目录结构是一个容易忽略的问题,目录结构的好坏对浏览者来说并没有太大的感
8、觉,但是对于站点本身的维护,内容的更新、未来的扩充和移植有着重要的影响; 网站的逻辑链接结构是指页面之间相互的链接的拓扑结构,它建立在目录结构基础之上. 制作方式 图片处理技术 使用图像制作软件对图片进行加工处理,我使用的版本是 制作个人网站的的步骤: 打开,在电脑目录中打开如下图片。 图图片 我要在上面添加几个字,制作个人网站的标志,使用左边的工具栏 - - 图工具栏 里的“文字工具”即可在图片上添加文字及设置字体大小和颜色,再使用“移动”工具,将文字移动要自己想要的位子,完成后如下图所示。 图图片添加文字 第章系统环境的构建 运行环境的构建 本人开发的环境是“。运行环境需要的支持,需要安装
9、两个软件:和。 配置运行环境 安装了以后,就建立好了运行环境,这里安装的是。后面的所有步骤均采用系统的默认值,安装完毕以后,的运行环境就在计算机上建立好了。 - - 配置运行环境 安装完以后,安装服务器,这里用的版本是,安装向导的第二步是安装选项。 选项是将安装成操作系统的一项服务,可以从“控制面板”中的“管理工具”中选择“服务”启动和停止该服务。这里按照选项的默认设置,不选择该服务。 下面一步是选择安装路径,按照系统默认的路径就可以。接下来选择默认的服务端口,在框中输入密码,这里输入“”。 下一步选择的路径,本人选择安装的的主目录“: ”。 按照默认的选项进入下一步,开始拷贝文件。安装完毕后
10、,在安装目录中选 择 “”启 动 服务器 。 稍 等 片 刻, 可以 在 任 务 栏 看到 的服 务 图 标 。 该图标代表已经开始在端口提供服务,打开浏览器,在地址栏输入“”,可以看见的欢迎界面。 只要看到这个界面,就说明安装成功,并且的运行环境就全部配置完毕。需要注意的是:在安装时,如果系统中已经有其他的应用程序已经占有了端口,则在启动时会失败,比如:在安装之前已经安装了数据服务器,它也提供服务,占用的也是端口。可以通过修改 的服务端口来解决这一问题。 配置 本人安装在盘的目录下,“: ”,其中目录存放系统的可执行文件,目录和目录都有存放运行的一些包和类库。目录存放运行的一些临时文件。有个
11、目录是需要经常访问的:目录存放服务的配置信息,比如服务端口、虚拟目录等;目录存放程序文件;目录存放文件在运行时被编辑译成的二进制文件。 建立个人网站设计时所需要的文件夹:在“:”中建立“”和“素材”文件夹,在文件夹里分别建立, , , , ,文件夹。 素材文件夹里存放是制作个人网站所需的和图片文件,里存放的是文件,里存放的是数据库文件,里存放的是文本文件,存放的是制作留言板页面所需- - 的和文件,存放的是制作个人网站所需的和文件,存放的是视频文件。 安装完时,在地址栏输入“”,自动打开了某一个文件,该文件是在“”目录下“”目录中的“”文件。 在实际的使用中,一般需要更改两个基本配置:服务端口
12、和网站的根路径。修改这两个配置都在目录的文件中。 修改服务端口 利用记事本或者其他的文本编辑器打开文件,将“”修改为“” 修改完毕后,保存该文件,然后重启服务器,这样就在端口提供服务了,通过“”访问 修改网站的根路径 在中找到第行,找到根目录的配置信息,其中设置了当前的网站目录对应服务器物理路径的地址 修改前备份文件,将行的修改成某地址,我的目录是“” 这时利用“”访问的物理路径是“”,因此在“: ”里建立目录,在目录下建立目录,重启服务器,从浏览器查看该目录的内容。 测试运行环境 第一个测试程序是程序,用记事本输入三行,区分大小写,每条语句后面有分号,将该程序放到: 文件夹中。 在 浏 览
13、器 中 输 入 “” , 显 示 结 果 如 图 , 说 明 环 境 运 行 成 功 。- - 图测试运行环境 的安装 本人制作个人网站时留言板使用的数据库软件是版本,安装步骤按照提示即可完成。 的安装 本人制作个人网站时制作网页使用的软件是,安装步骤按照提示即可完成。 建立网络站点 定义站点 启动,执行“站点”里的“管理站点”命令,打开“管理站点”对话框。单击“新建”按钮,选择“站点”项,打开“站点定义”对话框,这里给站点起名为“”。单击“下一步”按钮继续。 - - 图建立网站站点 选择服务器技术 在弹出的窗口中进行服务器脚本技术的有关设置,在下拉列表中选择“”项,完成后单击“下一步”按钮继
14、续。 - - 图网络站点定义 选择存放的本地文件夹 接着设置站点文件夹,因为现在是在本地测试,而且站点在“: ”文件夹下,所以设置如图所示。单击“下一步”按钮继续。 - - 图选择文件夹 设置本机测试的 现在设置测试的,由于是在本机测试,因此设置本机测试的根目录如图所示。 单击“下一步”按钮继续进行设置。由于是在本机测试,并不需要远程服务器参与,所以选择“否”项。 - - 图设置本机测试的 单击“下一步”按钮继续。窗口显示了刚才所填写的信息,目的是让我们确认一下。如果发现有错,可以单击“上一步”按钮返回修改设置,确认无误后就可以单击“完成”按钮。这时,站点就定义完成了,现在可以在中进行网页的设
15、计了。 - - 第章设计制作过程 留言板制作 建立数据库 新建数据库取名为。新建表(命名为)表(命名为)如图所示 图表结构 字段包括(数字,该字段设为主键) 、 (文本) 、 (文本) 、 (日期时间) 、 (文本) 、 (数字) ,其中用来存放留言内容。 建立好数据库后将存放到:文件夹下。 建立数据源 打开“控制面板”“管理工具”“数据源 ()”,选择“系统”选项卡,单击添加,选择“(*)”单击完成,数据源命名为: ,单击选择按钮,选择新建数据库位置后点确定。 测试和连接是否成功 编写代码, 如果看得到表格中的数据,说明连接数据库成功。主要代码如- - 下: 编写留言板代码 本留言板是由个页
16、面组成,分别是显示留言列表页面(即留言板首页) 、显示留言页面() 、留言页面() 、处理留言页面() 、返回留言页面() 、登录页面() 、处理登录页面() 、单条删除处理页面() 。 将以上文件存放到文件夹下。 ()用户发表留言程序流程图: 用户进入留言板页面就直接可以在里面留言,无须注册。 图发布留言流程 部分代码: () - - ()管理员进入留言板,再进入留言管理,登录密码就可以对留言进行添加。 图管理员功能 留言板流程图 .管理员操作流程图 - - 图管理员操作流程图 静态页面设计 . 在个人网站首页的状态栏里添加时间。 制作方法: 将以下代码加入到的之间即可 () (); ();
17、 (); 如图所示: .添加首页背景音乐 - - 添加代码即可,代码如下: .让网页的背景图片永远居中 将以下代码加入的之间: .动态漂浮特效 ; ; ; ; () ? : ; () ? : ; , , ; , , ; , , ; () ; ; () - - ; ; (); (); (); (); (); (); (); (); (; ); () () (); (); - - () () (); (); () (; ) ()*(); ; () ) (*); *; ; ; *(); *; (), ); () (; ) ()*(); ; (); (); () ) (*); *; ; ; *(); *; (), ); () (); () (); 第章结束语 非常感谢郑炜老师在我的最后学习阶段毕业设计阶段给自己的指导,从最初的定题,到资料收集,到写作、修改,到论文定稿,你给了我耐心的指导和无私的帮助。同时,感谢所有任课老师和所有同学在这三年来给自己的指导和帮助,是- - 他们教会了我专业知识,教会了我如何学习,教会了我如何做人。正是由于他们,我才能在各方面取得显著的进步,在此向他们表示我由衷的谢意,并祝所有的老师培养出越来越多的优秀人才. - - 第章参考文献 数据库原理及应用 张泽虹 电子工业出版社 网页设计技术(第二版) 刘涛 中国铁道出版社 部分外教课堂讲义