影视专题网站设计与实现.docx

1、影视专题网站设计与实现影视专题网站设计与实现 华东理工大学继续教育学院专科毕业综合训练 题 目 影讯专题网站设计与实现 专 业 计算机信息管理 年 级 计信110 学 号 * 姓 名 张厚才 导 师 唐 玮 完成日期 2013 年 8 月 15 日 摘 要当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。网络的元素也随之而不断增加。有的利用其进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用途。从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络里的一个很大的元素。所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工

2、具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。随着时代的发展，生活水平的提高，人民对于娱乐的方式也越发丰富，而电影则是其中一种较为受广大人民群众喜爱的娱乐方式。而本作品就是一个详细介绍电影的专题网站。本作品作为一个介绍电影的专题网站，其内容包括六个栏目：当年今日：本栏目详细介绍了电影的发展历程，并按类别再细分为八个类别；国际电影：本栏目详细介绍了几个电影事业发展比发达的地区，并略分

3、为五大流派；电影商机：本栏目详细介绍了现今社会上与电影相关的商业，并按行业分为五个类别；代表作 ：本栏目详细展示了电影历史上的一些代表作，并按类别分为八个类别；电影相关：本栏目详细介绍了由电影衍生出来的产物，并略分为五个类别；讨论专区：本栏是给与喜欢电影的用户去讨论的专区；本作品在内容的组织安排上尽量做到结构合理、内容翔实、通俗易懂，有利于读者理解本作品的制作流程、结构等。关键词：网站设计，网站，电影第一章 概述1.1网站背景当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。网络的元素也随之而不断增加。有的利用其进行进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用途

4、。从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络的一个很大的元素。所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。而电影，也称映画。是由活动照相术和幻灯放映术结合发展起来的一种现代艺术。是一门可以容纳文学戏剧、摄影、绘画、音乐、舞蹈等多种艺术的综合艺术，但它又具有独自的艺术特

5、征。电影在艺术表现力上不但具有其它各种艺术的特征，又因可以运用蒙太奇这种艺术性极强的电影组接技巧，具有超越其它一切艺术的表现手段，而且影片可以大量复制放映。1.2网站的目标（1）本设计的主要目标是开发名为當代电影的电影网站，用户可通过本网站浏览一些关于电影的资信或信息，例如：历史、各国的行程或相关等。而且还可以通过留言板发表留言、互相讨论。（2）按时保质地完成當代電影网站，并掌握到制作系统的过程与技术（3）通过制作软件的过程中，学会合力分配人员的工作，培养团队协助能力。1.3网站的分类当今时代,随着计算机网络技术的飞速发展，如果按用途来分类，笔者认为网站基本可以分为三大类；1.3.1搜索引擎类

6、这一类的网站是最为普遍的，而且商业用途也很广泛。无论对于一般网民，或者办公人员都是必不可少的网站。（如http：/这是一个名为“XX”的搜索引擎网站）1.3.2资源共享类这一类的网站主要体现于视频网站、论坛（即BBS）、社区、下载平台和电子邮件（即Email）网站。这种类型的网站是当今时代计算机网络技术的代表。（如1.3.3专题网站类这一类的网站根据性质可分为两类；企业商品类，这一类的网站主要是围绕一个商品或一个企业而产生的专题网站。（如这是一个名为“完美世界”的网络游戏的官方网站）个人专题类，这一类的网站主要是由一些有一定网站设计基础的人员，设计出来的一些无商业涉及的专题网站。而设计这一类网

7、站的人员基本上都是按自己的喜好来设计的。（本网站就是这一类网站）。第二章 网站的分析2.1技术可行性分析在制作电影网站的过程中需要考虑到技术可行性的问题，对制作人员一般都要求掌握计算机技术，具有一定的数据库基础，至少熟悉运用一个网页制作的软件（如：Dreamweaver），并对多媒体软件具有一定的熟悉（如：Photoshop、Flash等等）。2.2经济可行性分析 本作品制作全程都是由本小组自发研制，因此无需太多的人力和物力，管理方便，所以无需庞大的费用，甚至可以所是零费用。同时本作品是一个动态网页，每次浏览都需要一个Web服务器支持，为了方便用户浏览本网站在网上申请了一个域名，并利用这个提供

8、域名的商家的Web服务器作为本网站的Web服务器。所以从经济上完全是可行的。2.3操作可行性分析 本作品操作简单、界面简洁清晰, 对于那些有一般的计算机知识的人员就可以轻松上手。并兼容与所有网页浏览的软件(如: Internet Explorer) 由此可见，该网站的操作是可行的，有必要开发本网站。综合以上方面，本网站具有很高的开发可行性，无论是从技术上，经济上或者社会因素方面还是操作上都是可行的。第三章 关键技术介绍3.1 Struts概述Struts是采用Java Servlet/JavaServer Pages技术，开发Web应用程序的开放源码的framework。Struts就是在JS

9、P Model2的基础实现了MVC设计模式的WEB Framework。采用Struts能开发出基于MVC(Model-View-Controller)设计模式的应用构架。 基于Struts构架的WEB应用程序基本上符合JSP Model2的设计标准，可以说是MVC设计模式的一种变化类型。Struts的目的是为了帮助你减少在运用MVC设计模型来开发Web应用的时间。你仍然需要学习和应用该架构，不过它将可以完成其中一些繁重的工作。如果想混合使用Servlets和JSP的优点来建立可扩展的应用，Struts是一个不错的选择。 3.2 JSP概述 使用JSP技术，Web页面开发人员可以使用HTML或

10、者XML标识来设计和格式化最终页面。使用JSP标识或者小脚本来产生页面上的动态内容。产生内容的逻辑被封装在标识和JavaBeans群组件中，并且捆绑在小脚本中，所有的脚本在服务器端执行。如果核心逻辑被封装在标识和Beans中，那么其它人，如Web管理人员和页面设计者，能够编辑和使用JSP页面，而不影响内容的产生。在服务器端，JSP引擎解释JSP标识，产生所请求的内容（例如，通过存取JavaBeans群组件，使用JDBC技术存取数据库），并且将结果以HTML（或者XML）页面的形式发送回浏览器。这有助于作者保护自己的代码，而又保证任何基于HTML的Web浏览器的完全可用性。3.3 SQL语言的简

11、单介绍SQL是英文Structured Query Language的缩写，意思为结构化查询语言。SQL语言的主要功能就是同各种数据库建立联系，进行沟通。按照ANSI（美国国家标准协会）的规定，SQL被作为关系型数据库管理系统的标准语言。SQL语句可以用来执行各种各样的操作，例如更新数据库中的数据，从数据库中提取数据等。目前，绝大多数流行的关系型数据库管理系统，如Oracle、Sybase、Microsoft SQL Server、Access等都采用了SQL语言标准。虽然很多数据库都对SQL语句进行了再开发和扩展，但是包括Select、Insert、Update、Delete、Create以

12、及Drop在内的标准的SQL命令仍然可以被用来完成几乎所有的数据库操作。在众多的SQL命令中，select语句应该算是使用最频繁的。select语句主要被用来对数据库进行查询并返回符合用户查询标准的结果数据。select语句中位于select关键词之后的列名用来决定哪些列将作为查询结果返回。用户可以按照自己的需要选择任意列，还可以使用通配符“*”来设定返回表格中的所有列。select语句中位于from关键词之后的表格名称用来决定将要进行查询操作的目标表格。除了上面所提到的运算符外，LIKE运算符在where条件从句中也非常重要。LIKE运算符的功能非常强大，通过使用LIKE运算符可以设定只选择

13、与用户规定格式相同的记录。第四章 系统分析4.1 框架概述本系统采用的是Struts结构，Struts就是在JSP Model2的基础实现了MVC设计模式的WEB Framework。采用Struts能开发出基于MVC(Model-View-Controller)设计模式的应用构架。 4.2 系统功能概述在线购物系统涉及到管理员的管理和用户登录两个方面，包括用户登录，浏览商品，订单。根据实际需求和具体情况，能够实现系统的保密性及时性以及管理员和用户对应不同的操作！在此系统开发前，我们模拟出整个系统中的两种不同身份的用户，即：管理员和用户。以下所有的分析和设计都是在此两种身份的前提下进行的。在满

14、足商品管理的实际需求和在对商品管理系统的逐步认识下，现对商品管理系统的功能分析如下：由于身份不同，用户实现的功能也就不一样，所以在该系统中只有管理员才能够对商品进行操作，用户只能进行浏览和购物。用户登录后，不具有对商品的操作，只有查看商品，管理员可以查看用户的购物情况，掌握用户的购物情况。网上购物系统分为前台和后台管理。前台包括浏览商品、查询商品、订购商品、购物车、会员注册、订单查询等。根据需求调研结果确定本系统普通用户和管理员的活动图如图3.1所示。 图4.1 普通用户和管理员的活动图 模块功能描述（1）注册功能该模块实现用户的注册功能，包括添写个人信息及设定个人密码。客户端将个人信息及密码

15、传输到服务器端，服务器再将用户信息保存至数据库中，等待用户的修改或他人查找。个人信息包括：用户名，性别，E-Mail及备注。密码设定包括：输入密码，密码确认及密码提示。点击注册按钮，如果注册成功页面跳转到注册成功，如果注册失败则提示“注册失败后”返回上一页。用户注册用例图如图3.2所示。图4. 2 用户注册用例图（2）登录功能该模块实现注册后的用户登录到网站。用户输入个人用户名及密码，ID存在且密码正确后登录网站。用户登录用例图如图3.3所示。图4. 3 用户登录用例图（3）影音商品添加功能影音管理模块，该模块属于后台管理模块，包括：添加影音和编辑影音，添加影音信息包括商品类别、名称、价格、图

16、片，编辑影音信息包括：更改影音类别、名称、价格、图片、文字说明。影音商品添加用例图如图3.4所示。图4. 4影音商品添加用例图（4）购物车模块用户查看影音商品，选择之后可以添加购物车中，在购物车中添加影音商品的数量。订单管理用例图如图3.5所示。图4. 5订单管理用例图4.3 系统任务的可行性分析4.3.1 技术可行性本实例使用的工具是Struts，Struts是采用Java Servlet/JavaServer Pages技术，开发Web应用程序的开放源码的framework。Struts就是在JSP Model2的基础实现了MVC设计模式的WEB Framework。采用Struts能开发

17、出基于MVC(Model-View-Controller)4.3.2 系统安全可行性服务器的安全特性是相当重要的，它不仅可以预防未授权用户对网络的访问，同时保护Web站点的内容不受侵犯。典型的安全特性包括访问控制和加密。我们可以使用防火墙技术来限制网络上的非法访问，保证WEB服务器的安全完善的用户身份确认机制。通过用户身份确认，允许合法用户进入网站，防止非法用户的访问。对用户密码采用MD5不可逆加密技术，保证网站的安全。第五章 总体设计5.1站点设计打开Dreamweaver 8站点新建站点；进入【站点定义】窗口，点击【高级】选项卡进入【本地信息】分类窗口分别输入：站点名称：Dreamweav

18、er BYSJ本地根文件夹：E:Dreamweaver BYSJ进入【测试服务器】窗口，分别选择服务器模型：ASP VBScript访问：本地/网络点击【确定】按钮完成站点设置。完成后右下角的站点窗口会显示一个新的站点（如图3.1-1）（图5.1-1）5.2版块设计本网站主要是让一些喜爱电影的用户，对电影有更深入的了解并了解一下当代电影的相关资讯。而且用户可以免注册，直接浏览该网站的所有内容。内容包括：首页、当年今日、国际电影、电影商机、代表作、电影相关、留言板等七个版块而这七个版块：Logo截图（图5.2-1）5.2.1首页版块该页面作为整个网站的首页，为了用户浏览方便，所以在进行版面设计时

19、，将本作品的六个主要版块的内容都浓缩在首页的界面里，从而令用户可以快速的看到用户所感兴趣的内容，节省用户浏览的时间。另外由于本网站新增了一个留言板的版块，所以在用户浏览本网站首页时会自动弹出一个欢迎留言板的窗口，用户可以点击该窗口里面的内容从而进入到留言板版块里面；本版块设计技术涉及：利用Flash插件技术插入小动画，另看起来网站有生动的感觉利用时间轴、行为和层控制作品展示栏（如图3.2-2）（图3.2-2）首页版块（图5.2-3）留言板跳转窗口（图5.2-4）5.2.2当年今日版块因该版块的整体内容非常繁多，而且又细分成八个类别，所以利用锚点技术来控制页面，从而令用户能快速查看想要看到的内容

20、。本版块设计技术涉及：利用锚点技术控制页面当年今日版块（图5.2-5）假设用户需要查看“电影早期”的信息其操作如下：点击细分类别按钮层的“电影早期”（如图3.2-5），网站通过锚点技术立刻跳转到“电影早期”的详细信息（如图3.2-6），若点击“返回顶部”则可以返回细分类别按钮层（图3.2-6）（图5.2-7）5.2.3代表作版块该版块作者利用了一些，现在网络上的在线看电影的网站的格局去设计的，使用方便，并且有八个分类分别是：爱情、动画、惊悚、科幻、喜剧、悬疑、灾难和战争。本版块设计技术涉及：利用行为与层的结合控制页面的分类；利用表单中的下拉菜单控制页面中的分类；代表作版块（图5.2-8）以下简

21、单的演示一下：假设用户需要查看一部名为“斯巴达300勇士”的电影。要想快速查询一个电影最快的方法就是通过他的分类去寻找。而“斯巴达300勇士”属于一个战争片，所以战争分类去查找，方法有两个；方法一：通过“分类内容显示栏”查找本板块的默认分类是“爱情”分类（如图3.2-8）。而用户需要查询的“战争”分类则在“分类内容显示栏”的最右侧。把鼠标指向“战争”分类，用户会发现版块中所显示的分类会马上变成“战争”分类（如图3.2-9）。从而就可以轻松的找出“斯巴达300勇士”这部电影了，最后点击“斯巴达300勇士”这部电影的标题或者图片（如图3.2-10），马上就可以进入“斯巴达300勇士”这部电影的详细

22、信息了（如图3.2.13）。 （图5.2-9） （图5.2-10）（图5.2-11）方法二：通过“分类下拉选项卡”查找在本版块的上方（“logo”以下，“分类内容显示栏”以上）有八个“分类下拉选项卡”，分别对应于本版块的八个分类。（如图3.2-11）点击“分类内容显示栏”上面的战争下拉选项卡，点击“斯巴达300勇士”这部电影的选项（如图3.2-12），这样就可以进入“斯巴达300勇士”这部电影的详细信息了。（如图3.2.13）（图3.2-12） （图5.2-13） （图5.2.14）本板块提供的两种使用方法随用户喜欢那种都可以，两种方法都一样方便。5.3特殊代码一个网站的组成都基本都是由模版或

23、者框架支撑起来的，因为有一个统一的风格才能使一个网站看上去干净、整齐、清晰。而本网站就是由一个模版支撑整个网页，换句话来说整个网页都是由这个模版作为基础来设计的。本网站基本操作都在Macromedia Dreamweaver8这个网页开发软件的环境里操作，基本不需要接触代码。而本网站的模版组成，都是由大量背景透明的png图像文件来支撑的。但是由于Microsoft Internet Explorer 6这个浏览器的版本太低所以浏览所有含透明背景的png图像文件会出现背景不透明的现象（如图3.3-1）所以在设计模版的时候会在模板文件中插入一下代码：在模板文件中找出第三行代码，在与中间输入以下代码

24、:便可以在Microsoft Internet Explorer 6 & 5.5 这两个版本的浏览器下实现png图形文件的背景透明化。（如图3.3-2） 未加代码前（图5.3-1） 加入代码后（图5.3-2）第六章 网站设计环境6.1硬件环境 电脑: X86 兼容 台式电脑 硬件配置: 处理器: 英特尔 Pentium(奔腾) 双核 E5300 2.60GHz 主板: 华擎 4Core1600-GLAN ( 英特尔 P35/G33/G31/P31 Express ) 内存: 2 GB ( 威刚 DDR2 800MHz ) 主硬盘: 日立 HDT721025SLA380 ( 250 GB ) 显

25、卡: 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 / 华擎6.2软件环境1)数据库：Microsoft Access 2)网页脚本：VBScript3)网页编辑工具：Micromedia Dreamweaver 84)操作系统：Microsoft Windows XP

26、 Professional ( 32位 / SP3 / DirectX 9.0c ) 5)其他支撑组件:ODBC数据源、Internet 信息服务（IIS）6.3软件工具介绍6.3.1 网站设计工具Macromedia Dreamweaver8Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。6.3.2 多媒体处理工具Adobe PhotoShop(PS) CS4Photoshop是Adobe公司旗下最为出名

27、的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。CorelDraw X4CorelDRAW Graphics Suite是一款由世界顶尖软件公司之一的加拿大的Corel公司开发的图形图像软件。其非凡的设计能力广泛地应用于商标设计、标志制作、模型绘制、插图描画、排版及分色输出等等诸多领域。其被喜爱的程度可用事实说明，用于商业设计和美术设计的PC电脑上几乎都安装了CorelDRAW。Adobe Flash 8Flash是美国Macromedia公司所设计的一种二维矢量动画软件（现Adobe公司产品），

28、用于设计和编辑Flash文档，最新版本为：Adobe Flash CS5。Flash通常也指Macromedia Flash Player（现Adobe Flash Player），用于播放Flash文档Adobe Premiere Pro 1.5Adobe Premiere Pro是目前最流行的非线性编辑软件，是数码视频编辑的强大工具，它作为功能强大的多媒体视频、音频编辑软件，应用范围不胜枚举，制作效果美不胜收，足以协助用户更加高效地工作。Adobe Premiere Pro以其新的合理化界面和通用高端工具，兼顾了广大视频用户的不同需求，在一个并不昂贵的视频编辑工具箱中，提供了前所未有的生产

29、能力、控制能力和灵活性。Adobe Premiere Pro是一个创新的非线性视频编辑应用程序，也是一个功能强大的实时视频和音频编辑工具，是视频爱好者们使用最多的视频编辑软件之一。6.3.3音频处理工具WaveCNWaveCN是一款32位免费音频编辑软件，可运行于Windows 98/2000/XP等版本的操作系统，用户可以通过本软件对音频数据进行辑修改和创造特殊效果。6.3.4数据库Microsoft AccessMicrosoft Office Access（前名 Microsoft Access）是由微软发布的关联式数据库管理系统。它结合了 Microsoft Jet Database

30、Engine 和 图形用户界面两项特点，是 Microsoft Office的成员之一。其实Access 也是微软公司另一个通讯程序的名字，想与 ProComm 以及其他类似程序来竞争。可是事后微软证实这是个失败计划，并且将它中止。数年后他们把名字重新命名于数据库软件。另外，Access还是c语言的一个函数名和一种交换机的主干道模式。6.3.5网页脚本VBScriptVBScript是微软开发的一种脚本语言，可以看作是VB语言的简化版，与VBA的关系也非常密切。它具有原语言容易学习的特性。目前这种语言广泛应用于网页和ASP程序制作，同时还可以直接作为一个可执行程序。用于调试简单的VB语句非常方

31、便。6.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一起发行，但在普遍使用