毕业论文之视频网实现

　院 山 西 职 业 技 术 学 院 系 计 算 机 工 程 系

　毕业设计论文

　 论文题目：

　 视频网的实现

　 专

　业：

　计算机应用技术

　 班

　级：

　计应 A902

　姓

　名：

　指导教师：

　 ___2011____年 _12__月 _2__日

　目录 内容摘要………………………………………………………3 前言……………………………………………………………4 第一部分 网站网页基础知识 ………………………………4

　一、网页设计基础知识 „„„„„„„„„„„„„4 1.HTML简介„„„„„„„„„„„„„„„„„„4 2.网页制作工具介绍„„„„„„„„„„„„„„5

　二、网站基础知识 „„„„„„„„„„„„„„„6 第二部分 网站的设计思想及现实意义 ……………………6

　一、网站的设计思想 „„„„„„„„„„„„„„7

　二、网站的现实意义 „„„„„„„„„„„„„„7 第三部分 网站的模块组成 …………………………………7

　一、模块组成 „„„„„„„„„„„„„„„„„7

　二、页面展示 „„„„„„„„„„„„„„„„„8 第四部分 网站测试…………………………………………11

　一、测试内容„„„„„„„„„„„„„„„„„12

　二、测试目的„„„„„„„„„„„„„„„„„12

　三、测试过程„„„„„„„„„„„„„„„„„12 1.功能测试 „„„„„„„„„„„„„„„„„12 2.可用性测试 „„„„„„„„„„„„„„„„12 3. 兼容性测试 „„„„„„„„„„„„„„„„13 代码附录 ……………………………………………………13

　心得体会……………………………………………………20 致谢…………………………………………………………21 参考文献……………………………………………………22

　内容摘要

　Internet 是一个蕴藏着无穷资源的宝库，在资源共享和信息交换方面具有得天独厚的优势。21 世纪的今天，上网已经成为很多人工作、生活中必不可少的一部分，这很大程度上是由于网页承载了任何一种媒介都无法比拟的丰富资源，网页作为这些这些资源和信息重要的传递载体。网页不但可以提供文字、图片、多媒体信息的浏览，并且网络在娱乐、商务及各种领域的应用，如电子邮件、视频、网上交易等都离不开网页。

　Internet 是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为 Internet 上一种先进的，易于被人们所接受的信息检索手段，World Wide Web(简称WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。据估计，目前 Internet 上已有上百万个 Web 站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的 Web 站点对于一个机构的发展十分重要。

　现代社会使人们感觉到压力越来越大，能在短时间内使压力得以缓解，是人们迫切地愿望，视频网可以为不同喜好不同品位的观众提供各种娱乐节目，使人们足不出户就可以闻遍天下事，真正意义上使互连网走进生活的每个角落。

　关键词

　互联网

　视频

　前言

　借毕业设计的机会，我设计了一个视频网。它主要包括了电影、电视剧等的排行榜及视频的观看，让浏览者有亲临影院的感觉。互联网作为信息双向交流和通讯的工具，已经成为大众娱乐休闲的首选。被称之为继广播、报纸、杂志、电视后的第五种媒体——数字媒体。本网站的主题是视频，作为一个娱乐性的网站，可以实现电影、电视剧等的大聚集，让浏览者更加方便快捷。

　 第一部分

　网站网页基础知识

　一、网页设计基础知识

　 1. HTML 简介

　 HTML 是一种为网页所设计的简单标记语言，用来制作超文本文档。HTML 就被用作 WWW 的信息表示语言，通过利用特殊标记（TAG）来描述网页文档格式和网页之间的超链接信息。可以说是SGML（标准通用标记语言）专门为浏览器设计的一种标记语言。

　 HTML 文本是由 HTML 命令组成的描述性文本，HTML 命令可以说明文字、图形、动画、声音、表格、链接等。HTML 的结构包括头部（HEAD）、主体（BODY）两大部分，其中头部描述浏览器所需的信息，而主体则包括所要说明的具体内容。

　HTML 的基本语法非常简单，主要由标记符（Tag）和属性（Attribute）组成，所有的标记符都封装在一对尖括号“<”和“>”之中。

　 头部信息；如

　 文档主体

　2.网页制作工具介绍

　（1）Dreamweaver 简介

　 Macromedia Dreamweaver 是建立 WEB 站点和应用程序的专业工具,它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。

　（2）

　Flash 软件在网页设计中的作用

　 Flash 是 A 公司专为网络应用设计的一个交互性矢量动画设计软件,网站设计者可以使用 F 为网站设计各种动态 LOGO 动画。导航条及全屏动画,还可以加入动感音乐,完全具备多媒体的各项功能.F 以其体积小流体播放的特点迅速打开市场,而实现 WEB 数据通讯,为站点页面设计带上了一个全新的高度。

　 Flash 作为网站的一个重要的视觉元素,首先要求设计者在设计过程中,追求技术与艺术的高度统一,对动画的视觉元素多作深入的了解和研究,遵循形式美法则和人的视觉规律,将文字图形色彩这些基本的

　视觉传达要素编排组织成一个有机的整体,才能创造出具有美感的信息传达形式.这样不仅可以感染观众,还能使人们产生良好的形象记忆,从而达到设计目的。

　 Flash 将图像文本动画等多种多媒体形式聚合在同一文件中进行编辑处理的方式,艺术设计已呈现出元素互动的趋势,从而丰富艺术设计的构成语言,提高作品的感染力,与普通艺术创新不同的是数字化视觉传达设计以计算机技术的发展作为载体,通过设计的形式要素的变化,显示设计元素在技术层面最恰当的视觉张力及良好的视觉效果,探求技术表现方式的创新,充分体现数字艺术的交互性与综合性,是在数字技术语境中视觉传达设计语言创新的主要问题。

　Flash 表达的是一定的意图和要求,有明确的主题,并按照视觉心理规律和形式将主题主动地传达给观赏者.使主题在适当的环境里被人们即时地理解和接受,以满足人们的实用和需求,从而达到美化网站的效果。

　二、网站基础知识

　 IIS 简介

　 ISS（Internet information server, 互联网信息服务）是一种 WEB服务组件,其中包括 WEB 服务器、FTP 服务器、NNTP 服务器和 SMTP服务器,分别用于网页浏览、文件传输、新闻服务和邮件发送等方面,它使得在网络上发布消息成了一件很容易的事。

　第二部分 网站的设计思想及现实意义

　一、网站的设计思想

　 现在人们对网页的需求不仅是信息的载体,也是娱乐消遣的一种介质,我设计的视频网以黑色为主体色,让人们在家就找到亲临影院的感觉,使自己彻底地从现实压力中解救出来,给自己的身心来一次彻底放松.结合灰色和蓝色两大主流色给人一种清净大方的感觉。设计的电影、电视剧排行榜及清晰的分类使浏览者更加方便。

　二、网站的现实意义 互联网作为信息双向交流和通讯工具,已经成为商家青睐的传播媒介,被称之为继广播、报纸、杂志、电视后的第五种数字媒体——数字媒体。传统媒体的价格昂贵,又受到时间、地区等多方面的因素的限定,效果不能太让人满意。而网络宣传的费用是低廉的 ,效果也很好,使得所有的信息能直接面向全世界,能够满足不同的网络爱好者.很是受欢迎。

　第三部分 网站的模块组成及页面展示 一、模块组成

　我所设计的视频网站一共包含了 12 个页面,分别是首页、电影、电视剧等页面.整体框架如下:

　二、页面展示

　首页（上）

　 首页（下）

　电视剧（上）

　电视剧（下）

　电影（上）

　 电影（下）

　电视剧· 铁梨花

　 电影·山楂树之恋

　第四部分 网站测试

　 网站建成后能否正常运行,是否被客户喜欢,能否吸引更多的访客关注,是衡量网站成功的标志,系统测试成为系统应用开发过程中的一个重要环节,需要通过测试竟可能多的发现浏览器端和服务器端

　程序中的错误,并及时加以修正,以保证系统应用的质量。

　一、测试内容

　为了保证网站的正常浏览和使用,主要测试内容:

　 （1）文字、图片链接是否有误.

　 （2）网页兼容性测试，如浏览器、显示器.

　 （3）根据需要的其他测试.

　二、测试目的

　 测试的过程就是系统的执行过程,目的在于发现错误并进行修改,从而达到系统优化的目的。

　三、测试过程

　 1. 功能测试 链接测试,链接是 WEB 应用系统的一个主要特征,它是在页面之间切换的主要手段,链接测试分三个方面:首先,测试所有的链接是否按指定的那样链接到了该链接的页面;其次,测试所链接的页面是否存在;最后保证 WEB 应用系统上没有孤立的页面。

　 2. 可用性测试

　（1）图形测试.在 WEB 应用系统中,适当的图片和动画既能起到广告宣传的作用,又能起到美化页面的功能。一个 WEB 应用系统的图形包括图片、动画、边框、颜色、字体、背景、按钮等。

　（2）整体界面测试。整体界面是指整个 WEB 应用系统的页面结构设计,是给用户的一个整体感。例如:当用户浏览 WEB 应用系统时是否感觉良好,整个 WEB 应用系统的设计风格是否一致。

　 3.兼容性测试

　 （1）平台测试.市场上有很多不同的操作系统类型,最常见的有WINDOWS、UNIX、LINUX 等.WEB 应用系统的最终用户究竟使用哪一种操作系统,取决于用户系统的配置,这样,就需要考虑兼容性问题,同一个应用可能在某些操作系统下能正常运行,但在另外的操作系统下可能会运行失败。

　 （2）浏览器测试.浏览器是 WEB 客户端最核心的构件,来自不同厂商的浏览器对 JAVA、JAVASCRIPT、ACTIVEX 或不同的 HTML 规格有不同的支持。例如,ACTIVEX 是 MICROSOFT 的产品,是为 Internet Explorer 而设计的,JAVASCRIPT 是 NETSCAPE 的产品,JAVA 是 SUN 的产品等。另外,框架和层次结构风格在不同的浏览其中也有不同的显示,甚至根本不显示。

　代码附录

　心得体会

　 通过这次的毕业设计,我掌握了制作网页的相关知识,熟悉了网页制作的相关工具及 FLASH 等多种工具。由于时间及个人能力的限制.这个网站还有很多不足的地方,希望在今后的不断学习与应用中把它完善。通过这次视频网的制作,使我对网站形成的基本过程及基本纲领构架,加深了我对网站建设的认识,相信这些知识将对我以后的工作带来很大的帮助。

　致谢

　这次毕业论文能够顺利完成,并非我一个人努力的结果,在这里我要感谢所有指导过我的老师,帮助过我的同学和一直关心支持我的家人。

　感谢我的指导老师———康老师，您幽默风趣的授课方式，让我们在轻松愉快的环境下圆满完成了毕业设计，谢谢您的耐心指导使我可以按时完成毕业设计。

　感谢班主任闫龙飞，三年的在校生活因为您的关心和教导使我学到了很多，您的教诲我会铭记在心。

　感谢所有给我授过课的老师，你们的谆谆教诲成就了现在的我，再多的言语也述说不尽我对你们的谢意，我在这里真诚地说声谢谢你们！

　感谢我的家人，感谢你们对我的大力支持，无论是学业还是生活你们始终是我最坚实的后盾！

　感谢我的舍友，给我的生命中增添了太多美好的回忆。三年的在校生活因为你们的参与变的更加精彩！

　感谢所有的人，谢谢你们对我的支持、关心和宽容，谢谢你们陪我一起成长，谢谢你们帮我创造了这样一个成长的空间，对所有给予我关心、帮助的人说声“谢谢”！今后，我会继续努力，好好学习，好好工作，好好生活！

　参考文献

　[1]孙东梅. DREAMWEAVER8+ASP 完美动态网站设计[M].北京：电子工业出版社，2007. [2]朱印宏. DREAMWEAVERCS3 完美网页设计——ASP 动态网页设计篇[M].河北：中国电力出版社，2008. [3]白海波，刘宝龙，欧阳冀茗. DREAMWEAVER8+ASP 构造动态网站实例与操作[M].北京：兵器工业出版社，2007. [4]王林，王俊. 网站综合建设——DREAMWEAVER＋PHOTOSHOP＋FLASH 完美[M].

　电子工业出版社，2006. [5]雷波，郭丽. 艺术大师——精通 PHOTOSHOP 十大核心技术[M].河北：中国电力电出版社，2008.

　[6]张楠溪. 新锐网页色彩与版式搭配案例指南[M].北京：中国青年出版社，2007. [7]孙友. Access 2002 中文版快速入门.人民邮电出版社. [8]龙全，谢正强. 网页创意设计及技法[M].湖南：湖南美术出版社，2004. [9]陶然. 网站整体策划与设计[M].北京：新华出版社，2002. [10]Richard York. CSS 入门经典[M].2 版.北京：清华大学出版社，2008.