毕业论文-电影网站设计研究.doc

安徽财经大学继续教育学院函授（夜大）专科毕业论文论文题目：电影网站设计研究专业：软件工程系学号：XHCE-12161姓名： 函 授 站：安徽财经大学继续教育学院论文成绩： 二 一二 年 拾贰 月 拾 日1前 言当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。网络的元素也随之而不断增加。有的利用其进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用途。从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络里的一个很大的元素。所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。随着时代的发展，生活水平的提高，人民对于娱乐的方式也越发丰富，而电影则是其中一种较为受广大人民群众喜爱的娱乐方式。而本作品當代電影就是一个详细介绍电影的专题网站。本作品作为一个介绍电影的专题网站，其内容包括六个栏目：当年今日：本栏目详细介绍了电影的发展历程，并按类别再细分为八个类别；国际电影：本栏目详细介绍了几个电影事业发展比发达的地区，并略分为五大流派；电影商机：本栏目详细介绍了现今社会上与电影相关的商业，并按行业分为五个类别；代表作 ：本栏目详细展示了电影历史上的一些代表作，并按类别分为八个类别；电影相关：本栏目详细介绍了由电影衍生出来的产物，并略分为五个类别；讨论专区：本栏是给与喜欢电影的用户去讨论的专区；本作品在内容的组织安排上尽量做到结构合理、内容翔实、通俗易懂，有利于读者理解本作品的制作流程、结构等。在本作品的编写过程中，整理、应用了国内外的相关资料，在此队员作者表示感谢。目录前 言1第一章 网站的概述31.1网站背景31.2网站的目标31.3网站的分类41.3.1搜索引擎类41.3.2资源共享类41.3.3专题网站类4第二章 网站的分析42.1技术可行性分析42.2经济可行性分析52.3操作可行性分析5第三章 总体设计53.1站点设计53.2版块设计63.2.1首页版块：63.2.2当年今日版块：83.2.3代表作版块：93.3特殊代码11第四章 网站设计环境134.1硬件环境134.2软件环境134.3软件工具介绍134.3.1 网站设计工具134.3.2 多媒体处理工具134.3.3音频处理工具144.3.4数据库144.3.5网页脚本154.3.6测试工具15第五章 网站运行155.1设置“数据源 (ODBC)”155.2利用IIS浏览网站175.2.1利用IIS浏览网站175.2.2利用ASP测试工具模仿IIS环境19总结20致谢21参考文献22附录：源程序及其配置23第一章 网站的概述1.1网站背景当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。网络的元素也随之而不断增加。有的利用其进行进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用途。从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络的一个很大的元素。所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。而电影，也称映画。是由活动照相术和幻灯放映术结合发展起来的一种现代艺术。是一门可以容纳文学戏剧、摄影、绘画、音乐、舞蹈等多种艺术的综合艺术，但它又具有独自的艺术特征。电影在艺术表现力上不但具有其它各种艺术的特征，又因可以运用蒙太奇这种艺术性极强的电影组接技巧，具有超越其它一切艺术的表现手段，而且影片可以大量复制放映。1.2网站的目标1.、本设计的主要目标是开发名为當代电影的电影网站，用户可通过本网站浏览一些关于电影的资信或信息，例如：历史、各国的行程或相关等。而且还可以通过留言板发表留言、互相讨论。2、按时保质地完成當代電影网站，并掌握到制作系统的过程与技术3、通过制作软件的过程中，学会合力分配人员的工作，培养团队协助能力。1.3网站的分类当今时代,随着计算机网络技术的飞速发展，如果按用途来分类，笔者认为网站基本可以分为三大类；1.3.1搜索引擎类这一类的网站是最为普遍的，而且商业用途也很广泛。无论对于一般网民，或者办公人员都是必不可少的网站。（如http：/这是一个名为“百度”的搜索引擎网站）1.3.2资源共享类这一类的网站主要体现于视频网站、论坛（即BBS）、社区、下载平台和电子邮件（即Email）网站。这种类型的网站是当今时代计算机网络技术的代表。（如/这是一个名为“广州视窗”的社区）1.3.3专题网站类这一类的网站根据性质可分为两类；企业商品类，这一类的网站主要是围绕一个商品或一个企业而产生的专题网站。（如：这是一个名为“完美世界”的网络游戏的官方网站）而/这是一个叫完美时空的企业的官方网站）。个人专题类，这一类的网站主要是由一些有一定网站设计基础的人员，设计出来的一些无商业涉及的专题网站。而设计这一类网站的人员基本上都是按自己的喜好来设计的。（本网站就是这一类网站）。第二章 网站的分析2.1技术可行性分析在制作电影网站的过程中需要考虑到技术可行性的问题，对制作人员一般都要求掌握计算机技术，具有一定的数据库基础，至少熟悉运用一个网页制作的软件（如：Dreamweaver），并对多媒体软件具有一定的熟悉（如：Photoshop、Flash等等）。2.2经济可行性分析 本作品制作全程都是由本小组自发研制，因此无需太多的人力和物力，管理方便，所以无需庞大的费用，甚至可以所是零费用。同时本作品是一个动态网页，每次浏览都需要一个Web服务器支持，为了方便用户浏览本网站在网上申请了一个域名，并利用这个提供域名的商家的Web服务器作为本网站的Web服务器。所以从经济上完全是可行的。2.3操作可行性分析 本作品操作简单、界面简洁清晰, 对于那些有一般的计算机知识的人员就可以轻松上手。并兼容与所有网页浏览的软件(如: Internet Explorer) 由此可见，该网站的操作是可行的，有必要开发本网站。综合以上方面，本网站具有很高的开发可行性，无论是从技术上，经济上或者社会因素方面还是操作上都是可行的。第三章 总体设计3.1站点设计打开Dreamweaver 8站点新建站点；进入【站点定义】窗口，点击【高级】选项卡进入【本地信息】分类窗口分别输入：站点名称：Dreamweaver BYSJ本地根文件夹：E:Dreamweaver BYSJ进入【测试服务器】窗口，分别选择服务器模型：ASP VBScript访问：本地/网络点击【确定】按钮完成站点设置。完成后右下角的站点窗口会显示一个新的站点（如图3.1-1）（图3.1-1）3.2版块设计本网站主要是让一些喜爱电影的用户，对电影有更深入的了解并了解一下当代电影的相关资讯。而且用户可以免注册，直接浏览该网站的所有内容。内容包括：首页、当年今日、国际电影、电影商机、代表作、电影相关、留言板等七个版块而这七个版块：Logo截图（图3.2-1）3.2.1首页版块：该页面作为整个网站的首页，为了用户浏览方便，所以在进行版面设计时，将本作品的六个主要版块的内容都浓缩在首页的界面里，从而令用户可以快速的看到用户所感兴趣的内容，节省用户浏览的时间。另外由于本网站新增了一个留言板的版块，所以在用户浏览本网站首页时会自动弹出一个欢迎留言板的窗口，用户可以点击该窗口里面的内容从而进入到留言板版块里面；本版块设计技术涉及：利用Flash插件技术插入小动画，另看起来网站有生动的感觉利用时间轴、行为和层控制作品展示栏（如图3.2-2）（图3.2-2）首页版块（图3.2-3）留言板跳转窗口（图3.2-4）3.2.2当年今日版块：因该版块的整体内容非常繁多，而且又细分成八个类别，所以利用锚点技术来控制页面，从而令用户能快速查看想要看到的内容。本版块设计技术涉及：利用锚点技术控制页面当年今日版块（图3.2-5）假设用户需要查看“电影早期”的信息其操作如下：点击细分类别按钮层的“电影早期”（如图3.2-5），网站通过锚点技术立刻跳转到“电影早期”的详细信息（如图3.2-6），若点击“返回顶部”则可以返回细分类别按钮层（图3.2-6）（图3.2-7）3.2.3代表作版块：该版块作者利用了一些，现在网络上的在线看电影的网站的格局去设计的，使用方便，并且有八个分类分别是：爱情、动画、惊悚、科幻、喜剧、悬疑、灾难和战争。本版块设计技术涉及：利用行为与层的结合控制页面的分类；利用表单中的下拉菜单控制页面中的分类；代表作版块（图3.2-8）以下简单的演示一下：假设用户需要查看一部名为“斯巴达300勇士”的电影。要想快速查询一个电影最快的方法就是通过他的分类去寻找。而“斯巴达300勇士”属于一个战争片，所以战争分类去查找，方法有两个；方法一：通过“分类内容显示栏”查找本板块的默认分类是“爱情”分类（如图3.2-8）。而用户需要查询的“战争”分类则在“分类内容显示栏”的最右侧。把鼠标指向“战争”分类，用户会发现版块中所显示的分类会马上变成“战争”分类（如图3.2-9）。从而就可以轻松的找出“斯巴达300勇士”这部电影了，最后点击“斯巴达300勇士”这部电影的标题或者图片（如图3.2-10），马上就可以进入“斯巴达300勇士”这部电影的详细信息了（如图3.2.13）。 （图3.2-9） （图3.2-10）（图3.2-11）方法二：通过“分类下拉选项卡”查找在本版块的上方（“logo”以下，“分类内容显示栏”以上）有八个“分类下拉选项卡”，分别对应于本版块的八个分类。（如图3.2-11）点击“分类内容显示栏”上面的战争下拉选项卡，点击“斯巴达300勇士”这部电影的选项（如图3.2-12），这样就可以进入“斯巴达300勇士”这部电影的详细信息了。（如图3.2.13）（图3.2-12） （图3.2-13） （图3.2.14）本板块提供的两种使用方法随用户喜欢那种都可以，两种方法都一样方便。3.3特殊代码一个网站的组成都基本都是由模版或者框架支撑起来的，因为有一个统一的风格才能使一个网站看上去干净、整齐、清晰。而本网站就是由一个模版支撑整个网页，换句话来说整个网页都是由这个模版作为基础来设计的。本网站基本操作都在Macromedia Dreamweaver8这个网页开发软件的环境里操作，基本不需要接触代码。而本网站的模版组成，都是由大量背景透明的png图像文件来支撑的。但是由于Microsoft Internet Explorer 6这个浏览器的版本太低所以浏览所有含透明背景的png图像文件会出现背景不透明的现象（如图3.3-1）所以在设计模版的时候会在模板文件中插入一下代码：在模板文件中找出第三行代码，在与中间输入以下代码:便可以在Microsoft Internet Explorer 6 & 5.5 这两个版本的浏览器下实现png图形文件的背景透明化。（如图3.3-2） 未加代码前（图3.3-1） 加入代码后（图3.3-2）第四章 网站设计环境4.1硬件环境电脑:X86 兼容 台式电脑硬件配置:处理器:英特尔 Pentium(奔腾) 双核 E5300 2.60GHz主板:华擎 4Core1600-GLAN ( 英特尔 P35/G33/G31/P31 Express )内存:2 GB ( 威刚 DDR2 800MHz )主硬盘:日立 HDT721025SLA380 ( 250 GB )显卡:NVIDIA GeForce 9600 GT ( 128 MB )显示器:宏碁 ACR009D X203H ( 19.9 英寸 )光驱:明基 DVD DC DW2000 DVD刻录机声卡:瑞昱 ALC662 英特尔 82801G(ICH7) 高保真音频网卡:瑞昱 RTL8168C(P)/8111C(P) PCI-E Gigabit Ethernet NIC / 华擎4.2软件环境1)数据库：Microsoft Access 2)网页脚本：VBScript3)网页编辑工具：Micromedia Dreamweaver 84)操作系统：Microsoft Windows XP Professional ( 32位 / SP3 / DirectX 9.0c ) 5)其他支撑组件:ODBC数据源、Internet 信息服务（IIS）4.3软件工具介绍4.3.1 网站设计工具Macromedia Dreamweaver8Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。4.3.2 多媒体处理工具Adobe PhotoShop(PS) CS4Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。CorelDraw X4CorelDRAW Graphics Suite是一款由世界顶尖软件公司之一的加拿大的Corel公司开发的图形图像软件。其非凡的设计能力广泛地应用于商标设计、标志制作、模型绘制、插图描画、排版及分色输出等等诸多领域。其被喜爱的程度可用事实说明，用于商业设计和美术设计的PC电脑上几乎都安装了CorelDRAW。Adobe Flash 8Flash是美国Macromedia公司所设计的一种二维矢量动画软件（现Adobe公司产品），用于设计和编辑Flash文档，最新版本为：Adobe Flash CS5。Flash通常也指Macromedia Flash Player（现Adobe Flash Player），用于播放Flash文档Adobe Premiere Pro 1.5Adobe Premiere Pro是目前最流行的非线性编辑软件，是数码视频编辑的强大工具，它作为功能强大的多媒体视频、音频编辑软件，应用范围不胜枚举，制作效果美不胜收，足以协助用户更加高效地工作。Adobe Premiere Pro以其新的合理化界面和通用高端工具，兼顾了广大视频用户的不同需求，在一个并不昂贵的视频编辑工具箱中，提供了前所未有的生产能力、控制能力和灵活性。Adobe Premiere Pro是一个创新的非线性视频编辑应用程序，也是一个功能强大的实时视频和音频编辑工具，是视频爱好者们使用最多的视频编辑软件之一。4.3.3音频处理工具: WaveCNWaveCN是一款32位免费音频编辑软件，可运行于Windows 98/2000/XP等版本的操作系统，用户可以通过本软件对音频数据进行辑修改和创造特殊效果。4.3.4数据库Microsoft AccessMicrosoft Office Access（前名 Microsoft Access）是由微软发布的关联式数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点，是 Microsoft Office的成员之一。其实Access 也是微软公司另一个通讯程序的名字，想与 ProComm 以及其他类似程序来竞争。可是事后微软证实这是个失败计划，并且将它中止。数年后他们把名字重新命名于数据库软件。另外，Access还是c语言的一个函数名和一种交换机的主干道模式。4.3.5网页脚本VBScriptVBScript是微软开发的一种脚本语言，可以看作是VB语言的简化版，与VBA的关系也非常密切。它具有原语言容易学习的特性。目前这种语言广泛应用于网页和ASP程序制作，同时还可以直接作为一个可执行程序。用于调试简单的VB语句非常方便。4.3.6测试工具Microsoft Internet Explorer 6Microsoft Internet Explorer，简称MSIE（一般称成Internet Explorer，简称IE），是微软公司推出的一款网页浏览器。Internet 信息服务（IIS） Internet Information Services（IIS，互联网信息服务），是由微软公司提供的基于运行Microsoft Windows的互联网基本服务。最初是Windows NT版本的可选包，随后内置在Windows 2000、Windows XP Professional和Windows Server 2003一起发行，但在普遍使用的Windows XP Home版本上并没有IIS。第五章 网站运行5.1设置“数据源 (ODBC)”打开【控制面板】【管理工具】【数据源 (ODBC)】（如图5.1-1）（图5.1-1）进入【数据源（ODBC）】打开【系统DSN】选项卡点击【添加】按钮（如图5.1-2）（图5.1-2）进入【创建新数据源】窗口，选择数据源的驱动程序【Microsoft Access Driver (*.mdb)】后，进入【ODBC Microsoft Access 安装】窗口（如图5.1-3），在数据源名（N）文本框输入【liuyan】，（图5.1-3）点击【选择】按钮进入【选择数据库】窗口（如图5.1-4）找出数据库点击【确定】（图5.1-4）返回【ODBC Microsoft Access 安装】窗口点击【确定】完成。5.2利用IIS浏览网站笔者提供两个利用IIS浏览本网站的方法：5.2.1利用IIS浏览网站打开【控制面板】【管理工具】【Internet信息服务（IIS）】（如图5.2-1）（图5.2-1）进入Internet信息服务（IIS）后打开【本地计算机】【网站】右键打开【默认网站】【新建】【虚拟目录】进入【欢迎使用虚拟目录创建向导】窗口（如图5.2-2），选择【下一步】继续 进入【虚拟目录别名】窗口输入虚拟目录的别名（Web1）（如图5.2-3），点击【下一步】继续 （图5.2-2） （图5.2-3）进入【网站内容】窗口输入网站的本地文件夹E:Dreamweaver BYSJ（如图5.2-4）点击【下一步】继续进入【访问权限】窗口全选所有选择（如图5.2-5），点击【下一步】继续 （图5.2-4） （图5.2-5）进入【已成功完成虚拟目录创建向导】窗口（如图5.2-6），点击【完成】按钮完成（图5.2-6）在打开【默认网站】【Web1】虚拟目录，找出【index.html】点击右键，在右键菜单点击浏览即可浏览网站5.2.2利用ASP测试工具模仿IIS环境绿色专用ASP调试工具（5.2.2-1）首先将绿色测试软件【专用ASP调试工具.exe】移动至与网页文件夹同一个目录下。打开测试软件，点击网页文件夹的名称“Dreamweaver BYSJ”即可浏览网站总结2010年03月，我开始了我的毕业设计工作，时至今日，设计基本完成。从最初的茫然，到慢慢的进入状态，再到对思路逐渐的清晰，整个写作过程难以用语言来表达。历经了几个月的奋战，紧张而又充实的毕业设计终于落下了帷幕。回想这段日子的经历和感受，我感慨万千，在这次毕业设计的过程中，我拥有了无数难忘的回忆和收获。3月初，在与组员的交流讨论中我的题目定了下来，以本人2010年1月完成的静态网站修改为动态网站，作为本次毕业设计的主题。由于动态网站我没学过所以，所以当毕业设计的任务目标定下来的时候，我当时便立刻着手资料的收集工作中，当时面对浩瀚的书海真是有些茫然，不知如何下手。我将这一困难告诉了项荣建老师，在老师细心的指导下，终于使我对自己现在的工作方向和方法有了掌握。在搜集资料的过程中，我破天荒的去到学校图书馆搜集资料，还在网上查找各类相关资料，将这些宝贵的资料全部记在U盘上，尽量使我的资料完整、精确、数量多，这有利于论文的撰写。然后我将收集到的资料仔细整理分类，及时拿给老师与同学进行沟通。5月初，资料已经查找完毕了，我开始着手论文的写作。在写作过程中遇到困难我就及时上网找资料或者去吴老师处找一些比较好的范文来参考，并和同学互相交流。在大家的帮助下，困难一个一个解决掉，论文也慢慢成型。 6月初，论文的大致思路已经完成。在设计初期，由于没有设计经验，觉得无从下手，空有很多设计思想，却不知道应该如何写，经过老师的指导，同学的帮忙。我的设计终于完成了6月中旬，当我终于完成了所有打字、绘图、排版、校对的任务后整个人都很累，但同时看着电脑荧屏上的毕业设计稿件我的心里是甜的，我觉得这一切都值了。这次毕业论文的制作过程是我的一次再学习，再提高的过程。在论文中我充分地运用了大学期间所学到的知识。致谢毕业论文暂告收尾，这也意味着我在广州广播电视大学的两年多的学习生活既将结束。回首既往，自己一生最宝贵的时光能于这样的校园之中，能在众多学富五车、才华横溢的老师们的熏