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 版
4、块设计 .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 测试工具模仿 I
5、IS 环境 .19总结 .20致谢 .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) 、社区、下载平台和电子邮件
8、(即Email)网站。这种类型的网站是当今时代计算机网络技术的代表。 (如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访问: 本地/网络点击【确定】按钮完成站点设
11、置。當代電影网站6完成后右下角的站点窗口会显示一个新的站点(如图 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)假设用户需要查看“电影早期”的信息其操作如下:点击细分类别按钮层的“电影早期” (如图 3.2-5) ,网站通过锚点技术立刻跳转到“电影早期”的详细信息(如图 3.2-6) ,若点击“返回顶部”则可以返回细分类别按钮层(图 3.2-6)當代電影网站10(图 3.2-7)3.2.3 代表作版块:该版块作者利用了一些,现在网络上的在线看电影的网站的格局去设计的,使用方便,并且有八个分类分别是:爱情、动画、惊悚、科幻、喜剧、悬疑、灾难和战争。本版块设计技术涉及:利用行为与层的结合控制页面的分类;利用表单中的下拉菜单控制页面中的分类;代表作版块(图 3.2-8)