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