建站之制作自己的視頻網(wǎng)站

本節(jié)借鑒優(yōu)酷網(wǎng)的成功之處來構(gòu)建一個(gè)視頻網(wǎng)站。該網(wǎng)站包括前臺(tái)和后臺(tái)，前臺(tái)面向用戶，主要包括視頻瀏覽、視頻搜索、視頻推薦；后臺(tái)面向管理員，主要包括視頻的添加、刪除和修改，用戶管理等內(nèi)容。

23.2.1 功能設(shè)計(jì)

1．視頻分類瀏覽視頻按類別展示，還包括顯示近期熱門視頻、點(diǎn)擊排行。用戶能很方便地找到自己感興趣的視頻進(jìn)行觀看。

2．視頻搜索如果用戶有很明確的目的，提供按視頻名等關(guān)鍵字查詢的功能。

3．視頻推薦用戶對(duì)于感興趣的視頻或認(rèn)為好的視頻，就可以使用“視頻推薦”功能，將信息發(fā)送給管理員。

4．站長(zhǎng)推薦如果管理員對(duì)某個(gè)視頻特別感興趣，可以把它推薦給來訪的用戶。

5．視頻管理管理員可以對(duì)視頻進(jìn)行上傳或刪除管理。

6．用戶管理管理員可以添加、刪除各類用戶，查看用戶信息，查看用戶的在線情況。

23.2.2 后臺(tái)服務(wù)器配置

這個(gè)視頻網(wǎng)站的Web服務(wù)器采用Microsoft的IIS作為系統(tǒng)服務(wù)器。

IIS的添加：請(qǐng)進(jìn)入計(jì)算機(jī)的“控制面板”，依次選擇【添加/刪除程序】?【添加/刪除Windows組件】命令，將【Internet信息服務(wù)（IIS）】復(fù)選框前的小鉤去掉（如有），重新選中后按提示操作即可完成IIS組件的添加。用這種方法添加的IIS組件中將包括Web、FTP、NNTP和SMTP全部四項(xiàng)服務(wù)。

IIS的運(yùn)行：當(dāng)IIS添加成功之后，再選擇【開始】?【設(shè)置】?【控制面板】?【管理工具】?【Internet服務(wù)管理器（Internet信息服務(wù)）】命令以打開IIS管理器，對(duì)于有“已停止”字樣的服務(wù)，均在其上單擊右鍵，選擇【啟動(dòng)】命令來開啟。

建立一個(gè)Web站點(diǎn)的具體步驟如下。

比如本機(jī)的IP地址為192.168.0.1，自己的網(wǎng)頁放在D:\Myweb目

錄下，網(wǎng)頁的首頁文件名為Index.htm，現(xiàn)在想根據(jù)這些建立好自己的Web服務(wù)器。

對(duì)于此Web站點(diǎn)，可以用現(xiàn)有的“默認(rèn)Web站點(diǎn)”來做相應(yīng)的修改后，就可以輕松實(shí)現(xiàn)。請(qǐng)先在“默認(rèn)Web站點(diǎn)”上單擊右鍵，選擇【屬性】命令，以進(jìn)入【默認(rèn)Web站點(diǎn)屬性】設(shè)置界面。

1．修改綁定的IP地址：轉(zhuǎn)到【W(wǎng)eb站點(diǎn)】窗口，再在【IP地址】下拉列表框中選擇所需用到的本機(jī)IP地址“192.168.0.1”。

2．修改主目錄：轉(zhuǎn)到【主目錄】窗口，再在【本地路徑】文本框中輸入（或用【瀏覽】按鈕選擇）好自己網(wǎng)頁所在的“D:\Myweb”目錄。

3．添加首頁文件名：轉(zhuǎn)到【文檔】窗口，再單擊【添加】按鈕，根據(jù)提示在【默認(rèn)文檔名】文本框中輸入自己網(wǎng)頁的首頁文件名“Index.htm”。

4．添加虛擬目錄：比如主目錄在“D:\Myweb”下，而想輸入“192.168.0.1/test”的格式就可調(diào)出“E:\MYTEST”中的網(wǎng)頁文件，這里面的“test”就是虛擬目錄。請(qǐng)?jiān)?ldquo;默認(rèn)Web站點(diǎn)”上單擊右鍵，選擇【新建】?【虛擬目錄】命令，依次在【別名】文本框中輸入“test”，在【目錄】文本框中輸入“E:\MYTEST”后再按提示操作即可添加成功。

5．效果的測(cè)試：打開IE瀏覽器，在地址欄輸入“192.168.0.1”之后再按回車鍵，此時(shí)若能夠調(diào)出網(wǎng)頁的首頁，則說明設(shè)置成功。

視頻網(wǎng)站的流媒體服務(wù)器采用Windows Server 2003系統(tǒng)內(nèi)置的流媒體服務(wù)組件Windows MediaServices，流媒體服務(wù)器通過點(diǎn)播方式發(fā)布流媒體，成功創(chuàng)建發(fā)布點(diǎn)以后，為了能讓用戶知道已經(jīng)發(fā)布的流媒體內(nèi)容，應(yīng)該創(chuàng)建發(fā)布公告告訴用戶。

23.2.3 網(wǎng)站制作步驟

1.數(shù)據(jù)庫設(shè)計(jì)采用SQL Server 設(shè)計(jì)videomanage數(shù)據(jù)庫。

⑴ 用戶表user，如下圖所示。

⑵ 視頻文件表file，如下圖所示。

⑶ 視頻文件類型表，如下圖所示。

⑷ 用戶視頻關(guān)系表usr_file_r，如下圖所示。

2.功能模塊實(shí)現(xiàn)

首頁index.html：包括視頻分類顯示、用戶登錄、推薦視頻等內(nèi)容。

文件queryvideo.asp：視頻搜索模塊。

文件register.asp：用戶登錄模塊。

文件introvideo：視頻推薦模塊。

文件video.asp：視頻播放頁面。

文件member.asp：用戶信息管理頁面。

文件upload.asp：上傳視頻頁面。

文件delvideo：刪除視頻模塊。

功能模塊的類型大致如圖所示。

視頻網(wǎng)站首頁主要包括分類視頻展示、視頻查詢、用戶管理、熱門推薦等模塊。網(wǎng)頁實(shí)現(xiàn)主要使用了DIV+CSS，具體代碼如下：

<div class="top">logo.jpg </div><div class="main"><ul><LI style="position: relative;"><A title=" 文明交通現(xiàn)場(chǎng) " href="/
jiaotong.html"
target="_blank"><IMG width="140" height="90"
src="jiaotong.jpg"><BR> 文明交通現(xiàn)場(chǎng)</A><LI style="position: relative;"><A title=" 實(shí)拍火山爆發(fā) " href="/
huoshan.html" target="_blank"><IMG width="140" height="90"
src="huoshan.jpg"><BR> 實(shí)拍火山爆發(fā)</A>

……

<li>教育</li><li>體育</li></ul></div><div class="right">

<div>queryvideo.asp</div><div>register.asp</div></div><div>introvideo.asp</div>3.視頻播放頁面下面介紹使用Dreamweaver CS6在視頻播放頁中嵌入Flash視頻及一組播放組件的制作過程。

1 選擇【插入】?【媒體】?【FLV】命令，如下圖所示。

2 在【插入 FLV】對(duì)話框中，視頻類型選擇“累進(jìn)式下載視頻”，如下圖所示。視頻類型有兩種選擇：“累進(jìn)式下載視頻”是將 Flash

視頻（FLV）文件下載到站點(diǎn)訪問者的硬盤上，然后播放，允許在下載完成之前就開始播放視頻文件；“流視頻”是將Flash視頻內(nèi)容進(jìn)行流處理并立即在Web頁面中播放。

3 單擊【瀏覽】按鈕，在彈出的【選擇FLV】對(duì)話框中選擇該

FLV文件，如下圖所示。

4 在【外觀】列表框中選擇某一種外觀，即指定播放 Flash 視頻組件的外觀，如 Halo Skin 3。所選外觀的預(yù)覽會(huì)出現(xiàn)在列表框下方。

在【寬帶】和【高度】文本框中設(shè)定FLV文件的尺寸大小?？梢?/p>

單擊【檢測(cè)大小】按鈕以確定 FLV 文件的準(zhǔn)確寬度和高度。有時(shí)
Dreamweaver 無法確定 FLV 文件的尺寸大小，就必須手動(dòng)輸入寬度和高度值。

【自動(dòng)播放】復(fù)選框指定在Web頁面打開時(shí)是否播放視頻，默認(rèn)情況下不選擇該選項(xiàng)。

【自動(dòng)重新播放】復(fù)選框指定播放控件在視頻播放完之后是否返回起始位置，默認(rèn)情況下不選擇該選項(xiàng)，如下圖所示。

5 單擊【確定】按鈕，關(guān)閉對(duì)話框并將 Flash 視頻內(nèi)容添加到
Web 頁面。保存該頁，然后可以測(cè)試效果，如下圖所示。

【插入 Flash 視頻】命令會(huì)生成一個(gè)視頻播放器 SWF 文件和一個(gè)外觀 SWF 文件，它們用于在 Web 頁面上顯示 Flash 視頻內(nèi)容。這些文件與 Flash 視頻內(nèi)容所添加到的 HTML 文件存儲(chǔ)在同一目錄中。

• 視頻
• 建站
• 視頻網(wǎng)站