用Dreamwaver設計觀看影片網頁的方法

2011070416:13

‧觀看影片的網頁

當然可以嘍,並且有相當多樣化的網頁設計。現今非常流行的Youtube線上影片分享的網站,便是一個例子之一。它將影片利用Flash技術結合,再透過一些網頁技巧將影片呈現、分享給其他瀏覽者觀看等。透過免費申請會員來增加會員人數,再透過付費會員來增加收入於擴充設備等,類似台灣無名小站的例子。在網路上創造了另一個熱門的話題,而隨後亦有多家業者相繼而出來搶奪這塊市場,線上影片分享便如雨後春筍般的冒出來了。不過品質當然參差不齊。上次在網路上有看到,Youtube似乎有被收購的動作出現,這點我就不確定了。
Youtube(美)
【http://youtube.com/】
‧網頁檔案(即副檔名)

一般網頁大部分都是html的,但若使用於商業網站上,靜態網頁便顯得相當無力。

靜態網頁,即是大部分我們所看見的網頁。但大部分的商業網站都是屬於動態網頁。在這邊所指的「動 / 靜」不是指畫面上看起來會不會動,例如我們看到一個Flash網站,那它是不是動態網頁?當然不是嘍!動指得是指「資料」的可變性。靜態網頁是指網頁所有的資料都必須自己開啟網頁逐一去更改,例如我們要新增加一段文章放在原本的網頁裡頭,就必須打開那個網頁檔案(*.html),然後找到插入程式碼的地方,然後插入進去。而動態網頁則是利用資料庫的方式,我們只是設計「資料應該插入的點」,之後在資料庫裡頭新增文章,網頁即會自動顯示該段文章,則此便稱為動態網頁。

在舉個例子,一般商業網站,假如要賣一萬件商品,那是不是代表要做一萬頁網頁?我想沒人會這麼瘋狂吧!因此我們便利用動態網頁的特性,設計一個商品的共同頁(指顯示商品的地方,每件商品都相同的排版格式),然後在要插入的地方鍵入動態程式碼(每種動態網頁都有專屬的程式碼),接下來只要在資料庫輸入資料便可以嘍!這就是動靜態最明顯的區分了!

若您沒有大量的影片或要提供給使用者上傳的功能,建議可以使用靜態網頁製作就好。

靜態網頁檔案類型:.HTML
動態網頁檔案類型:.PHP、.ASP、.CGI等,有非常多種。


‧製作程式

若要有與資料庫有比較密切的結合,建議是使用Dreamweaver,若不是初學者建議使用這套程式。相信這套軟體對於已經相當熟悉網頁製作的人員會有非常好的效果。

而Youtube網站還有使用到Flash技術,且有一套動態網頁的系統與資料庫等。但若不想太複雜,可以使用一般的<iframe>語法即可。不需要什麼特別博大精深的技術。


‧製作方法

關於<iframe>,網路上有著非常非常多的教學,而實際使用起來也並不會多困難。但若要上傳分享給他人觀賞,可能還需要學會一點關於FTP的使用。以及還有一個網頁空間來存放網頁。當然想要自己架站也可以,但需要學得就更多了。


‧其他

線上分享影片,怕的就是影片傳送速度過慢了!若為較大型的影片可能要等個很久的緩衝時間,而使用者的網路連線速度與網頁空間的速度等,怕的就是要等個老半天,影片還沒播放個 5 %,因此找到ㄧ個良好的空間便非常重要了。

網頁設計至於相關空間、使用技術,就請自行上網查閱了。文字的說明相信非常難懂的。