視頻網頁基本設計

1、網站視頻設計

兩種方法:
視頻網站，我們就以國內最具代表性的優酷網和土豆網兩家為例。 優酷網的視頻播放器下方會有共享按鈕，點擊它就可以看到共享的鏈接，Flash地址和Html代碼就是可以插入視頻的代碼。
土豆網的視頻播放器下方同樣也有分享按鈕，不過需要點擊展開按鈕才可以看到，而且形式和優酷網也略有區別，"復制swf播放器地址」就是復制以swf為文件結尾的視頻播放器地址，「復制Html代碼」就是復制以<embed>為開頭的播放器插件源代碼，這兩項的格式和內容基本和優酷網相似。
下面介紹一下這兩種代碼的使用方法。 無論從哪個視頻網站，如果使用第一種「復制swf播放器地址」將視頻插入到網頁中，就需要使用插入flash文件的方式。用Dreamweaver新建或打開一個網頁，然後點擊軟體工具欄中插入flash按鈕，在彈出的對話框中輸入復制的URL地址，最後在定義一下flash播放器的寬度和高度就可以了。
如果採用第二種「復制Html代碼」，要想將視頻插入到網頁中，需要用Dreamweaver新建或打開一個網頁，然後在源代碼中將所復制的代碼粘貼進來，然後直接預覽就可以了。

2、網頁設計製作詳細流程

分析如下：

1、首先下載安裝Dreamweaver，打開後，新建一個網頁，一般選擇「HTML」建立網頁。選擇「經典」界面，有助於我們更便捷使用這個軟體。

2、下面選擇這三個界面，代碼、拆分、設計，一般默認設計界面，對於新手這個功能具有可視化，能更好的製作網頁。

3、下面我們來製作網站站點，在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。

4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件，並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件，不會丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網）來介紹，點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。

5、下面我們來製作這個網站首頁，先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示範。

6、下面學習添加文本。編輯「籃球資訊網」，下面屬性可以設置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細編輯文本屬性。

7、網頁基本就是文字和圖片的組合，添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。

8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本，點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁，這樣籃球資訊網文本變成藍色。這是網站內部鏈接，相反就有外部鏈接。添加如圖，一定要寫http://......就可以了。

9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁，點擊網頁中兩個鏈接都能到達指定網頁。

(2)視頻網頁基本設計擴展資料：

網頁設計

設計網站要注意兩個要點：整體風格和色彩搭配。

風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格（Style）是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

色彩搭配

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。

網頁配色小技巧：

1．用一種色彩：這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感；

2．用兩種色彩：先選定一種色彩，然後選擇它的對比色；

3．用一個色系：簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內；

2．背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

3、求網頁設計視頻。本人是初學者，一點都不懂。

這方面的視頻網上有很多，的對於HTML來說學起來很容易，主要是多練，那樣你才可以有進步。
我建議你買本書看看。

4、求：網頁設計的視頻教程

http://nw18121.chinaw3.com/bbs/
進這個網的資源共享，應該有你要的吧。記得給分啊。

5、求網頁設計的視頻實例教程

我推薦你網易學院，http://tech.163.com/school.html
還有一個 http://www.blueidea.com/ 一個非常老牌的網

希望可以幫到你

6、網頁設計的基本內容

一個網頁有框架、文本、圖片、超鏈接、表格、表單、動畫、視頻、其他.

7、網頁設計視頻教程

豆豆網頁設計：
http://www.ddvip.net/web/
藍色理想網頁設計：
http://www.blueidea.com/tech/web/
天極網網頁陶吧：
http://homepage.yesky.com/
中華網校：
http://www.rui.com/it/class/web/

8、我需要自己做一個網頁，要學網頁設計，但是一點基礎也沒，有什麼書籍和視頻可以讓我學習的嗎？

先學學網路三劍客，你就可以製作簡單的網頁了，視頻百度就有了

9、關於平面設計的一些基礎視頻網站的

配色

Flat UI Color Picker – 顏色自動分類，UI必備

Material Palette – 實時預覽Material Design下的效果

圖片素材

Dribbble

Behance

Pixabay

Icon素材

Iconfont-阿里巴巴矢量圖標庫