项目 5 制作视频点播网站

1. 项目5 制作视频点播网站 任务1  在线视频点播网站概述 任务2   视频点播技术的实现方法 任务3   创建视频网站页面

2. 任务1 在线视频点播网站概述 任务1.1   在线视频点播网站概述 VOD系统主要由服务器系统、网络系统和客户系统3部分组成。 （1） 服务端系统主要由视频服务器、档案管理服务器、内部通讯子系统 和网络接口组成。 （2） 网络系统包括主干网络和本地网络两部分。 （3） 客户端系统。 只有使用相应的终端设备，用户才能与某种服务器或服务提供者进行联系和互操作。

3. 任务2 视频点播技术的实现方法 任务2.2   视频点播技术的实现方法 步骤1： 采集： 节目源可以是摄像头、节目、VCD光盘和卫星输入信号等。通过视频捕获卡捕获视频（一般为MPG格式），或者把VCD光盘用超级解霸转换为AVI格式或MOV格式的视频文件。 步骤2： 转换： 坝上一步采集到的AVI格式或MOV格式的视频文件用Windows Media Encoder编码软件转换成适用于Internet或Internet上视频点播的流式视频文件（ASF 格式或WMV格式）。 步骤3： 发布： 建立流式视频文件（影片）与站点页面的链接.。

4. 任务3 创建视频网站页面 任务3.1 制作网站顶部导航部分 步骤1： 选择【文件】|【新建】命令，弹出【新建文档】对话框，创建一网页，将其保存为index.htm。选择【修改】|【页面属性】命令，弹出【页面属性】对话框 . 步骤2： 在对话框的将【页面字体】设置问【宋体】，【大小】设置为13像素。【文本页面】设置为#000000，【左边距】、【右边距】、【上边距】、【下边距】设置为0，单击【确定】按钮.

5. 任务3 创建视频网站页面 任务3.1 制作网站顶部导航部分 步骤3：选择【插入】|【表格】命令，插入3行1列的表格，【宽】设置为780像素，此表格记为“表格1”，在属性检查器中将【对齐】设置为【居中对齐】. 将光标置于表格1的第1行单元格中，选择【插入记录】|【图像】命令，弹出【选择我文件】对话框，在对话框中选择图像images/003.jpg,单击【确定】按钮，插入图像 .

6. 任务3 创建视频网站页面 任务3.1 制作网站顶部导航部分 步骤4“ 将光标置于表格1的第2行单元格中，将【高】设置为5，将光标置于表格1的第3行单元格中，插入1行15列的表格，此表格记为“表格2”，将【对齐】设置为【居中对齐】。 步骤5： 将光标置于表格2的第1列单元格中，选择【插入记录】|【图像】命令，插入图像images/menu_1.gif 。 步骤6： 将光标置于表格2的第2列单元格中，在属性检查器中将【宽】设置为54，插入背景图像images/menu_3.gif 。 步骤7： 将光标置于背景图像上，输入相应的文字 。 步骤8： 按照步骤5-7的方法，在表格2的其他单元格中插入图像、背景图像 。

7. 任务3 创建视频网站页面 任务3.2 制作广告部分  步骤1： 将光标置于表格1的右边，插入1行3列的表格，此表格记为“表格3”，将【对齐】设置为【居中对齐】。 步骤2： 将光标置于表格3的第1列单元格中，将【宽】设置为484，【垂直】设置为【顶端】，选择【插入记录】|【表格】命令，插入1行2列的表格，此表格记为“表格4”。

8. 任务3 创建视频网站页面 任务3.2 制作广告部分  步骤3： 将光标置于表格4的第1列单元格中，设置相应的属性，选择【插入记录】|【图像】命令，插入图像images/z_5.gif 。 步骤4： 将光标置于表格4的第2列单元格中，将【宽】设置为450，插入背景图像images/z_6.gif, 在背景图像上输入相应的文字。

9. 任务3 创建视频网站页面 任务3.3  制作地区分类部分 步骤1： 将光标置于表格4的右边 ，选择【插入记录】|【表格】命 令，插入1行3列的表格，此表跟 记为“表格5”。 将表格置于表格5的第1列单元格 中，设置相应的单元格属性，插 入3行1列的表格，此表格记为“表 格6”。

10. 任务3 创建视频网站页面 任务3.3  制作地区分类部分  步骤2： 将光标置于表格6的第1行单元格中，选择【插入记录】|【图像】命令，插入图像images/moive_y21.jpg 。 步骤3： 将光标置于表格6的第2行单元格中，插入背景图像images/moviey28.jpg 。  步骤4： 将光标置于表格6的第3行单元格中，插入3行2列的表格，此表格记为“表格7”，将【填充】设置为8，【间距】设置为1，【对齐】设置为【居中对齐】 。

11. 任务3 创建视频网站页面 任务3.3  制作地区分类部分 步骤5： 将光标置于表格7的第2行第1列单元格中，将【对齐】设置为【居中对齐】，插入图像images/movie_y1.jpg,如图所示。 步骤6： 按照步骤6的方法，在表格7的其他相应的图像。

12. 任务3 创建视频网站页面 任务3.4  制作宽频分类部分 步骤1： 将光标置于表格6的第2列单元格中，设置相应的单元格属性，插入图像images/movie_y53.jpg 。 步骤2： 将光标置于表格6的第3列单元格中，设置相应的单元格属性，插入3行1列的表格，此表格记为“表格8”，将光标置于表格8的第1单元格中，插入图像images/movie_right.gif 。

13. 任务3 创建视频网站页面 任务3.4  制作宽频分类部分 步骤3： 将光标置于表格8的第2行单元格中，在属性检查器中插入背景图像images/moviey28.jpg,。 步骤4： 将光标置于表格8的第3行单元格中，输入相应的文字 。

14. 任务3 创建视频网站页面 任务3.5 制作会员登陆部分 步骤1：将光标置于表格3的第2列单元格中，将【宽】设置为16 。 步骤2： 将光标置于表格3的第3列单元格中，设置相应的单元格属性，插入7行1列的表格，此表格记为“表格9”，将光标置于表格9的第1行单元格中，插入图像images/z_3.gif。

15. 任务3 创建视频网站页面 任务3.5 制作会员登陆部分 步骤3： 将光标置于表格9的第2行单元格中，将【高】设置为10，清除代码&nbsp；，将光标置于表格9的第3行单元格中，在属性检查器中将【高】设置为120，插入背景图像images/z_4.gif 。 步骤4： 将光标置于背景图像上，插入6行2列的表格，此表格记为“表格10”，将光标置于表格10的第1列单元格中，将【高】设置为15，将光标置于表格10的第2行第1列单元格中，设置相应的单元格 属性，输入文字，选择【插入记录】|【表单】|【文本域】命令，插入文本域。 步骤5： 选中插入的文本域，在属性检查器中的【文本域】名称文本框中输入“username”,【字符宽度】设置为15

16. 任务3 创建视频网站页面 任务3.5 制作会员登陆部分 步骤6： 将光标置于表格10的第3行第1列单元格中，输入相应的文字，插入文本域，在属性面板中【文本域】名称文本框中输入“password”,将【字符宽度】设置为15，【最多字符数】设置为16，【类型】设置为【密码】。

17. 任务3 创建视频网站页面 任务3.5 制作会员登陆部分 步骤7:选中表格10的第2行第2列和第3行第2列单元格，进行合并单元格操作。将光标置于合并后的单元格中，选择【插入记录】|【表单】|图像域】命令，插入图像域images/dl.gif 。 步骤8： 将光标置于表格10的第4行第1列单元格中，将【高】设置为15。选中第5行单元格，进行合并单元格操作，将光标置于合并后的单元格中，将【高】设置为1，【背景颜色】设置为#dc3688,将代码中的&dc3688,将代码中的&nbsp；代码清除。  步骤9： 选中表格10的第6行单元格，进行合并单元格操作。

18. 任务3 创建视频网站页面 任务3.6 制作影视搜索部分 步骤1： 将光标置于表格9的第5行单元格中，插入图像images/z_2.gif 。 步骤2： 将光标置于表格9的第6行单元格中，将【高】设置为10，在代码中将&nbsp；代码清除。将光标置于表格9的7行单元格中，将【高】设置为35，插入图像images/z_41.gif 。

19. 任务3 创建视频网站页面 任务3.6 制作影视搜索部分 步骤3： 将光标置于背景图像上，插入1行3列的表格，此表格记为“表格11”，将光标置于表格11的第1列单元格中，设置相应的单元格属性，并输入相应的文字 。 步骤4： 将光标置于表格11行的第2列单元格中，选择【插入记录】|【表单】|【文本域】命令你，插入文本域，在属性检查器中的【文本域】名称文本框中输入“keyname”,【字符宽度】设置为20。【类型】设置为【单行】。

20. 任务3 创建视频网站页面 任务3.7 制作热播集部分 步骤1： 将光标置于表格3的右边，插入3行3列的表格，此表格记为“表格12”，将【对齐】设置为【居中对齐】。 步骤2： 选中表格12的第2行中的单元格，插入背景图像images/vtv_x07.gif 。 步骤3： 将光标置于表格12的第2行第1列单元格中，插入图像images/vtv_x06.gif 。 步骤4： 将光标置于表格12的第2行第3列单元格中，插入图像images/vtv_x08.gif 。

21. 任务3 创建视频网站页面 任务3.7 制作热播集部分 步骤5： 选中表格12的第3行单元格，进行合并单元格操作。将光标置于合并后的单元格中，插入3行2列的表格，次表格记为“表格13”，选中表格13的第1列单元格，进行合并单元格，将合并后的 单元格的【宽】设置为5，在代码中将&nbsp；代码清除。

22. 任务3 创建视频网站页面 任务3.7 制作热播集部分 步骤6： 选中表格13的第1行，将【高】设置为8，在代码中将&nbsp；代码清除。将光标置于表格16的第2行第2列单元格中，插入1行4列的表格，此表格记为“表格14”，在【背景图象】文本框中插入背景图象images/qc2.jpg。 步骤7： 将光标置于表格14的第1列单元格中，插入1行1列的表格，此表格记为“表格15”，将【填充】设置为3，【边框】设置为1，【边框颜色】设置为#dedcdd,将光标置于表格15的单元格中插入图 像images/qc2.jpg。 步骤8： 将光标置于表格15的右边，插入1行1列的表格，此表格记为“表格16”，将光标置于表格16的单元格中输入相应的文字。 步骤9： 将光标置于表格14行的第2列单元格中，将【宽】设置为9，将光标置于表格14行第3列单元格中，输入4行2列的表格，此表格记为“表格17”，将光标置于表格17的第1行1列单元格中，

23. 任务3 创建视频网站页面 任务3.7 制作热播集部分 插入1行1列的表格，此表格记为“表格18”，将【填充】设置为3，【边框】设置为1，【边框颜色】设置为#dedcdd，将光标置于单元格中，插入图像images/wpx.jpg。 步骤10： 选中表格17的第1列中其他的单元格，将【高】设置为25，并输入相应的文字 。 步骤11： 按照步骤9-10的方法，在表格17的其他单元格中插入表格、图像并输入相应的文字。

24. 任务3 创建视频网站页面 任务3.7 制作热播集部分 步骤12： 将光标置于表格14的第4列单元格中，插入6行1列的表格，此表格记为“表格20”，将光标置于表格20的第1行单元格中，插入1行2列的表格，此表格记为“表格21” 。 步骤13： 将光标置于表格21的第1列单元格中，插入1行1列的表格，此表格记为“表格22”，将【填充】设置为3，【边框】设置为1，【边框颜色】设置为#dedcdd,将光标置于单元格中，插入images/52.jpg。 步骤14： 将光标置于表格21的第2列单元格中，输入相应的文字 。。

25. 任务3 创建视频网站页面 任务3.7 制作热播集部分 步骤14： 将光标置于表格21的第2列单元格中，输入相应的文字 。 步骤15： 将光标置于表格20的第2行单元格中，将【高】设置为6，在代码中将&nbsp；代码清除。将光标置于表格20的第3行单元格中，将【高】设置为25，插入图像images/v5dot1.gif,【水平边距】设置为5，并在图像的右边输入相应的文字。 步骤16： 选中表格20的第4行至第6行单元格，将【高】设置为25，并分别在相应的单元格中输入相应的文字 。 步骤17： 将光标置于表格13的第3行第2列单元格中，插入图像images/vtv_x14.gif 。

26. 任务3 创建视频网站页面 任务3.8  制作影片排行榜部分  步骤1： 将光标置于表格12的右边，插入3行3列的表格，此表格记为“表格23”，将【对齐】设置为【居中】，选中第1行单元格进行合并单元格操作。在合并后的单元格中插入图像gg_1.gif 。  步骤2： 选中表格23的第2行单元格，进行合并单元格操作，在合并后的单元格中将【高】设置为10，在代码中将&nbsp；代码清除，将光标置于表格23的第1列单元格中，将【垂直】设置为【顶端】，【宽】设置为605，将第2列单元格的【宽】设置为5。 步骤3： 将光标置于表格23的第3行3列单元格中，设置相应的单元格属性，插入2行1列的表格，此表格记为“表格24”，将光标食欲第1行单元格中，在属性检查器中将【高】设置为30，插入背景图像images/z_19.gif,并在背景图像上输入文字。

27. 任务3 创建视频网站页面 任务3.8  制作影片排行榜部分  步骤4： 将光标置于表格24的第2行单元格中，将【高】设置为220，插入背景图像images/z_20.gif,在背景图像上除9行1列的表格，此表格记为“表格25”。 步骤5： 将光标置于表格25的第1行单元格中，【高】设置为94，插入1行2列的表格，此表格记为“表格26”，将光标置于表格26的第1列单元格中，插入1行1列的表格，此表格记为“表格27”，将【间距】设置为1，【对齐】设置为【居中对齐】，【背景颜色】设置为#999999。 步骤6： 将光标置于表格27的单元格中，将【高】设置为78，【背景颜色】设置为#FFFFFF,并插入图像images/syfy.jpg,【对齐】设置为【居中对齐】。

28. 任务3 创建视频网站页面 任务3.8  制作影片排行榜部分 步骤7： 将光标置于表格26的第2列单元格中，输入相应的文字，并输入“详细”和“收藏”按钮。 步骤8： 按照步骤5-7的方法，在表格25的第2行单元格中，插入表格、图像和输入文字并插入按钮 。 步骤9： 选中表格25中的其他单元格，将【高】设置为20，并在相应的单元格中输入文字 。

29. 任务3 创建视频网站页面 任务3.9 制作连续剧分类导航部分 步骤1： 将光标置于表格24的右边，插入2行1列的表格，此表格记为“表格30”，将光标置于表格30的第1行单元格中，插入背景图像mages/z_19.gif，【高】设置为30，并输入 相应的文字 。 步骤2： 将光标置于表格 30的第2行单元格中，插 入2行2列的表格，此表格 记为“表格31”，【间距】 设置为3，【对齐】设置 为【居中对齐】。 步骤3： 分别在表格31中 相应的单元格中插入图像 gj.jpg 。

30. 任务3 创建视频网站页面 任务3.10 制作版权部分 步骤1: 将光标置于表格23的右边，插入2行1列的表格，此表格记为“表格32”，将【对齐】设置为【居中对齐】，将光标置于表格32的第2行单元格中，将【高】设置为40，【背景颜色】设置为#e1569a。

31. 任务3 创建视频网站页面 任务3.11  制作视频点播部分 步骤3： 将光标置于表格33的第2行单元格中，插入2行1列的表格，此表格记为“表格34”，将【填充】设置为6，【间距】设置为2，【对齐】设置为【居中对齐】 。 步骤4： 将光标置于表格34的 第1行单元格中，插入图像im ages/play6.jpg 。 步骤5： 将光标置于表格34的 第2行单元格中，分别插入相 应的图像 。