1、dreamweaver網頁設計高級教程視頻百度網盤 要全一些的 謝咯
DreamweaverMX 軟體及教程的安全下載:http://biso.cn/soft/281.htm
DreamweaverCS4 軟體及教程的安全下載:http://biso.cn/soft/396.htm
DreamweaverCS5 軟體及教程的安全下載:http://biso.cn/soft/397.htm
FRONTPAGE通用版 軟體及教程的安全下載:http://biso.cn/soft/379.htm
按提示,安裝完成即可永久使用
2、DW建站怎麼製作設計網頁終極教程
一、定義站點
1、 在任意一個根目錄下創建好一個文件夾(我們這里假設為E盤),如取名為MyWeb。
***備註:網站中所用的文件都要用英文名。
2、打開Dreamweaver,選擇「站點—新建站點」,打開對話框。在站點名稱中輸入網站的名稱(可用中文),在本地根文件夾中選擇剛才創建的文件夾(E:web)。然後斷定即可。
***備註:再次打開Dreamweaver,會自動找到剛才設立的站點。如果有多個站點,可以在菜單「站點—打開站點」中去選擇。
二、創建頁面
1、在本地文件夾E:\MyWeb下面的空白處,按右鍵選「新建文件」,這樣就建好了一個頁面,默認的文件名為untitled.htm。htm就表示這個網頁文件是一個靜態的HTML文件。給它改名為index.htm。
***網站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。
2、雙擊index.htm進入該頁面的編輯狀態。在標題空格里輸入網頁名稱,按右鍵選頁面屬性,打開「頁面屬性」窗口。在這里可以設置網站的標題、背景顏色或背影圖像,超級鏈接的顏色(一般默認即可),其他都維持默認即可。
3.此時游標位於左上角,可輸入一句話,如「歡迎來到我的主頁」。選取文字,用菜單「窗口/屬性」打開屬性面板,選取文字大小為6,再使文字居中,然後在文字前用幾個回車使其位於頁面中間。
4.如要選取字體,則選擇字體中的最後一項:編輯字體列表。然後在對話框中選+號,接著在「可用字體」欄中選擇需要加入到字體列表中的一種字體,點擊中間的按鈕就可以加入了。
***在網頁上最常用的是宋體字。不要將特殊的字體加到列表中應用,因為別人電腦上未裝就看不到。如果需要用的話,要做成圖片後再應用。
***在網頁上打入空格的辦法是:把輸入法調為全形。
***在網頁上換行的辦法是:shift+Enter。只按Enter則為換段。
三、為頁面添加圖片
1、在本地文件夾E:\MyWeb下面的空白處,按右鍵選「新建文件夾」,這樣建立了一個文件夾,用它來放圖片,可以改名為tu或pic或images都可以。
2、用菜單「窗口/對象」打開對象面板,點擊「插入圖像」,在對話框里選要插入的圖片。如果會出現對話框:「你願意將該文件復制到根文件夾中嗎?」,必須選「是」,然後將它保存到剛建好的文件夾里。
3、選中該圖片,打開屬性面板,可以在上面為圖片取名,重新設置圖片的高、寬,拖住圖片角上的點可以變大小。按住shift鍵,再拖動角上的點,可以使圖片維持寬高比例拉伸。如要恢復這原始大小,則單擊右下角的「重設大小」按鈕。
4、 「鏈接」可以直接在這里輸入地址。「替代」是圖片的說明,即滑鼠指向圖片所顯示的文字;「邊框」是圖片邊框寬度,「對齊」是對齊方式。
四、添加超級鏈接
1、為文字添加鏈接。
比如,在頁面上輸入「我的文章」,然後將其選中,打開屬性面板,在「鏈接」一格中,選擇它所要鏈接到的頁面即可。後面一格「目標」我們一般常用的是self即打開的新窗口代替了現開的窗口;或是選擇blank即打開新窗口。
2、為圖片添加鏈接
與上面文字的鏈接同理,插入圖片,然後在屬性面板中的鏈接一格中選擇即可。
****圖片可以創建不同的多個鏈接。法子如下:
在屬性面板中的「地圖」一項下面有一些圖形,比如點擊方形,游標變成十字,在圖片上畫一個藍色矩形的熱區,此時在屬性面板上可以為這個熱區設置鏈接地址,滑鼠指向會顯示。同樣,再用圓形設置一個熱區,就可以再為該圖片設置其他鏈接了。
3、添加E-mail鏈接
選中需要添加E-mail鏈接的文字或圖片,打開屬性面板,在「鏈接」一格中輸入填寫郵件地址。款式如下:mailto:郵件地址。注意中間不空格。
4、如果鏈接到涉獵器無法打開的文件,例如exe、Zip等文件,那麼涉獵者在點擊這個鏈接的時候,就會實現文件下載、或是在線播放的功能。
五、表格的應用
1、點擊插入/表格,打開表格面板進行設置。行數、列數、寬度、邊框等,「單元格填充」為單元格內側與內容的距離;「單元格間距」為單元格之間的距離,單位均為像素。
2、插入表格後,在表格的邊框上點擊一下,可以全選全部表格。然後在下面的屬性面板里可以進行各種設置。
3、把游標移到其中一個單元格,此時看到的屬性面板,就是單元格的屬性面板。也可以進行各種關於單元格的操作。如背風景、背景圖、邊框、合並、拆分等。
六、關於表格的其他操作
一製作細線表格 原理:
1、選中全部表格,設置其背景為黑色(該顏色即表格線的顏色)。
2、選中所有單元格,設置其背景為白色。
二自動款式化表格
1、先製作好一張表格,然後選中。
2、選菜單中的命令/款式化表格。即可以其中選擇預設好的一些表格樣式。
三一像素分割條
1、插入一個1行1列,寬為200像素,邊框邊距均為0的表格。
2、選中表格,設置表格高為1像素,並設置一個背風景(即所要的線條顏色)。
3、切換到代碼和設計窗口,將代碼<td> 刪除。
七、用表格構建完整的頁面
一網頁頂部(一般包括圖標、廣告、導航菜單)
1、創建一個1行2列,寬為760像素,邊框及邊距均為0的表格。
2、選中表格,設置排列方式為居中對齊,背風景為#3366CC。
3、將游標置於左邊單元格中,設置其水平排列為左對齊,垂直排列為頂端對齊,然後插入一張圖像,一般在此插入的是網站的圖標,即logo。
4、將游標置於右邊單元格中,設置其寬度為500,水平排列為居中對齊,垂直排列為中間,然後插入圖像,一般是網頁廣告,即banner。
5、將游標置於剛完成的表格之後,插入/表格,創建一個1行1列,寬為760像素,邊框及邊距均為0的表格。
6、選中剛創建的表格,設置排列方式為居中對齊,背風景為#005173。
7、在該表格中依次插入多個圖像,作為導航條菜單。
二網頁中部(左邊欄目列表、中間網站新聞、右邊欄目列表)
1、 在導航條表格後面,插入/表格,創建一個1行3列,寬為760像素,邊框及邊距均為0的表格。並設置排列方式為居中對齊,背風景為#FFFFFFF。
2、 將游標置於左邊單元格中,設置其寬度為18%,水平排列為居中對齊,垂直排列為頂端對齊,然後插入一張圖像,插入一個導航條。
3、 將游標置於剛插入的圖片後,插入/表格,插入一個12行1列,寬為90%的表格。設置其單元格間距為1,背風景為#CCCCCC。
4、 將游標放在表格第一個單元中,設置其高為20,背風景為#FFFFFF。插入/圖像,插入一個導航文字前面的小點。同樣設置其他11個單元格,這樣左邊的欄目分類列表就完成了。
5、 將游標置於主體表格的中間單元格中,設置其寬度為66%,水平排列為居中對齊,垂直排列為頂端對齊,然後插入/圖像,插入一個導航條。
6、 將游標置於圖像後,插入/表格,插入一個4行1列,寬為95%的表格。設置其單元格間距為1,背風景為#CCCCCC。
7、 將游標置於表格的第一個單元格中,拖動滑鼠,將4個單元格都選中,設置高為60,背風景為#FFFFFF。
8、 將游標置於主體表格右邊的單元格中,設置其寬度為16%,水平排列為居中對齊,垂直排列為頂端對齊,插入/圖像,插入一個導航條。
9、 將游標置於圖像後,插入/表格,插入一個7行一列,寬為90%的表格。設置其間距為1,背風景為#CCCCCC。
10、按住Ctrl鍵,用滑鼠點擊剛插入的表格的第1、3、5、7單元格,然後設置它們的高為55,背風景為#FFFFFF。
11、選中第2、4、6單元格,設置其高為6,背風景為#FFFFFF。
12、切換到源代碼窗口,將第2、4、6單元格中的空格符號「 」刪除。
三網頁底部(一般包括版權信息及其他相關內容)
1、 將游標置於主體表格後,插入/表格,創建一個2行2列,寬為760像素,邊框及邊距均為0的表格。
2、 選中表格,設置排列方式為居中對齊,背風景為#3366CC。
3、 將游標置於表格第1行的左邊單元格中,設置其寬度為50%,水平排列為默認,垂直排列為基線,背風景為#FFFFFF,然後輸入版權信息,內容顏色隨便。
4、 將游標置於表格第1行右邊單元格中,插入/圖像,插入一個圓角圖像,在它後面輸入Email字樣,設置其大小和顏色為1和#FFFFFF。
5、 插入/表單對象/文本域,插入一個文本域,寬度可以隨意。
6、 插入/圖像,插入一個GO的圖像。
7、 設置頁屬性。點擊菜單改動/頁面屬性,在標題一欄中輸入標題,並選擇背景圖像,將頂部邊界設為0。
***將全部網頁分部分放到不同的表格中組合而成,還可以加快涉獵器讀取頁面的光陰。;因為涉獵器是讀完全部表格後才顯示內容的,所以最好不要框在全部一個表格中。
八、用布局表格構建完整的頁面
1、 單擊插入/布局,裡面的布局視圖按鈕,就切換到布局視圖狀態(默覺得標准視圖)。也可以用菜單里的查看/表格視圖/布局視圖來進入。
2、 先單擊繪制布局表格按鈕,,然後在頁面中像繪圖一樣創建出布局表格。
3、 就像上一個例子一樣,先繪制好網頁的頂部,再中部,再底部的大表格。
4、 再單擊繪制布局單元格按鈕,然後在已經繪制好的布局表格中,再繪制布局單元格。
5、 返回到標准視圖,在已經劃分好的表格里,再插入嵌套的小的表格,把頁面再細化,就可以完成全部頁面的設計了。
****注意把全部頁面都放在一個大的布局表格中,因為這樣的網頁涉獵速度會很慢。應該遵照頁面的版面和內容劃分出幾個布局表格,然後在其中分辨插入布局單元格。
九、層的應用
1、點擊插入/層。也可以點擊圖標,然後拖動滑鼠創建出一個層。
3、選中創建的層,看屬性面板。「層編號」和「標簽」都應用默認即可。「層編號」是編程時需要用的,我們現在一般不用。「上」即距頁面上邊界的距離;「左」是距左邊界的距離。「z軸」是層的順序,數字大的疊加在數字小的上面。
****如不設置顏色時,層是透明的。
4、點中層左上角的小方框可以隨意拖動層,大小也可以調節。
5、「溢出」一欄中,當文字多於層的大小時,visible(越過的部分照樣顯示)、hidden(越過部分隱藏)、scroll(不管有否越過,都顯示滾動條)、auto(有越過時才出現滾動條)。
6、點擊菜單窗口/其他/層,此時將出現層管理窗口。可以在其中改動層的名稱和Z軸值,也可以點擊眼睛圖標使層可見或不可見。還有一個防止重疊的選項。
7、層的對齊。按住shift鍵,同時選中幾個層。然後用改動/對齊,用這里的選項。
8、嵌套層。⑴首先在文檔中插入一個層。⑵將游標置於該層內,然後持續插入一個層,就得到了嵌套層。⑶裡面的叫子層,外面的父層。它們的Z軸順序是一樣的。拖動父層時,子層也會相對移動。移動子層時,父層不會隨之移動。
十、領會光陰軸
1、點擊菜單中的插入/層,插入一個層。
2、在層中插入圖片,如一張飛機的圖片。(這里的圖片也可以是一張小動畫的.gif圖像)
3、點擊菜單中的窗口/其他/光陰軸,打開光陰軸窗口。
4、選中頁面上創建的層,用滑鼠按住層左上角的小方框圖標,將層拖放到光陰軸的第1幀中。這時自動創建了一個長度為15幀的光陰軸。
5、選中光陰軸上的第1幀,將頁面中的層拖放到頁左上角,即動畫開始時的位置。
6、選中光陰軸上第15幀,可以拖動該幀至任意長度,如30幀。
7、選中第30幀,將層拖放到頁面的右下方,此時窗口中顯示出層從第1幀到第30幀的運動軌跡。(此時運動為直線)
8、可以點中第15幀,右鍵選「增加關鍵幀」,在選中第15幀的狀態下,拖動層到頁面中下方。
9、勾選「自動播放」項。
十一、製作滾動公告牌
1、在頁面上插入一個層,然後為層設置一個背景,作為公告版的框架。
2、然後在創建的層中插入嵌套層,將嵌套層移動到父層的下方。
3、在嵌套層中輸入文本,並將其居中排列。
4、打開光陰軸面板,將子層作為對象添加到面板中。
5、為子層創建一個向上移動的路徑,將其移動到父層的上方。
6、拖動最後一關鍵幀,增長動畫光陰,然後勾選「自動播放」和「循環」兩項。
7、選定父層,在其屬性面板中將「溢出」屬性設置為「hidden」。
十二、在頁面中運用flash動畫
1、點擊插入中的Flash按鈕,即可為頁面插入一個動畫。也可以選菜單插入/媒體/Flash來完成這一步。
2、選中已插入的動畫,看屬性面板。這里可以設置它的寬、高,也可以通過拖動來改變大小。
3、可以在這里點擊「播放」來預覽動畫。
十三、讓插入的flash動畫變透明
1、當網頁上已經有背景,或是想要在一張圖片上再插入flash動畫,而flash動畫本身也有背風景,所以會影響美觀,這時我們要把它做成透明動畫。
2、如在頁面上插入一張圖像。
3、在圖像上插入一個層,在層中插入好所需要的flash動畫。
4、選中flash動畫,在屬性面板中點擊「參數」按鈕。
5、在「參數」的左面一格輸入「wmode」。在右面「值」一格輸入「transparent」。
十四、在頁面中播放聲音
1、在完成全頁面以後,如果要為該頁添加背景音樂,注意背景音樂一般是*.midi文件,這樣的聲音文件十分小,易於快速下載,其他款式不適合作為背景音樂。
2、在頁面中所有表格之外,(注意此時編輯窗口左下方的標簽選擇欄中僅顯示<body>這一項,或是在左下角點一下<body>,這樣才幹保證這個行為是添加在全部頁面上的)。點擊行為窗口上的「+」按鈕,(或用菜單 窗口/行為,打開行為窗口。)
3、從彈出菜單中選擇「播放聲音」。打開一個對話框。
4、在這個對話框里用「涉獵」選擇要播放的聲音,並斷定。
5、這時行為面板上自動顯示了事件為onload,動作為播放聲音。點擊這一行,中間出現一個按鈕。點擊按鈕,可以設置這個聲音在什麼事件下播放。可以選擇「顯示事件」/「IE5.0。
6、我們常用的如Onload(當頁面載入時)、OnClick(單擊滑鼠)、OnMouseOver(滑鼠移到對象上)、OnUnload(當關閉頁面時)等。
7、該行為也可以設置在圖片上、文字鏈接上。在文字鏈接上播放聲音之前,先為文字添加一個空鏈接,即選中文字,在鏈接一格里輸入一個「#」符號。
十五、彈出窗口
1、首先製作一個准備在小窗口中顯示的頁面(比如a.htm),由於這個彈出窗口不能太大,所以內容要少一些。
2、打開一個製作好的頁面,把游標移到頁面中所有我表格以外,點擊行為窗口上的「+」按鈕,從彈出菜單中選擇「打開涉獵器窗口」一項。
3、在對話框中里輸入相應的設置。要顯示的URL即a.htm,窗口寬度和高度自己定,單位為像素。屬性中的各項參數需要就打勾。
4、設置完畢後,點「斷定」。此時行為窗口中將顯示打開涉獵窗口這個行為,觸發條件為Onload,如果不是要這項,就自己設置。
5、該行為也可以設置在圖片上、文字鏈接上。。
6、可以用這個法子來表示對涉獵者的打開時的歡迎、網站公告、離開時的告別語等。
十六、把持狀態欄信息
1、打開頁面,選中一張圖片。
2、點擊行為窗口上的「+」號按鈕,選擇設置文本/設置狀態條文本。
3、在對話框里的「消息」一欄里,輸入需要顯示的話,如對這張圖片的介紹。
4、可以設置行為的觸發條件為OnMouseOver(滑鼠移到對象上),這樣當滑鼠經過這張圖片的時候,狀態欄將出現相關的信息。
5、如果需要滑鼠在移開後,這個信息消失,那麼再次應用這個行為,在「消息」一欄里什麼都不寫,然後把觸發條件改為OnMouseOut(滑鼠移開)。
6、同樣可以在一段文字上設置該行為。或是設置在全部頁面上也可以。
3、哪裡有Dreamweaver網頁設計製作多媒體視頻教程
這三個正好符合你的要求!
http://www.9xz.net/soft/219.htm
http://down.sxxsw.com/soft/19.htm
http://down.sxxsw.com/soft/3968.htm
4、html網頁製作教程誰有,視頻的
http://tech.163.com/special/w/000915SQ/webmediatech.html 就可以了
5、求網頁設計製作的全套視頻教程。
建議你去百度文庫里 有個計算機選項 有網頁設計 有很多的 希望採納
6、DW (dreamweaver)網頁製作DIV CSS布局詳解視頻教程
DIV+CSS 網頁製作,建議還是先多了解一下他的基本實現原理,頁面實現基本機制,從基礎的學起,可以先看看 http://www.w3school.com.cn/ 上面關於 XHTML 以及 CSS 的內容,當然,有時間的話,也可以先看看 HTML 的內容。
里邊,講解的過程中會有示例在線練習,預覽效果,很是方便。
大概了解基本原理,會有一些簡單標簽屬性之後,可以多看看別人寫的。
至於視頻教程,又不是 photoshop , 講解太慢,而且沒必要哈。
7、Dreamweaver視頻教程
http://www.pconline.com.cn/pce/videoe/specials/index.html#dreamweaver
希望給你有幫助
我學DW的時候就是看這個教程
當然.我也買了些書.
之前最好是先學HTML吧,這個不難,一星期可以掌握了
http://www.pconline.com.cn/pce/videoe/dreamweaver/0605/803190.html
這是目錄:
章 節 標 題 圖文教程 視頻教程
01 1、構建開發環境 閱讀教程 播放視頻
02 2、快速建立站點 閱讀教程 播放視頻
03 3、巧用框架建立網站 閱讀教程 播放視頻
04 4、嵌入式框架的妙用 閱讀教程 播放視頻
05 5、以模板構建網站和更新網站 閱讀教程 播放視頻
08 6、利用表格美化頁面 閱讀教程 播放視頻
17 7、製作彈出菜單 閱讀教程 播放視頻
18 8、滑動折疊菜單 閱讀教程 播放視頻
22 9、多彩文字鏈接 閱讀教程 播放視頻
30 10、個性化 IE 滾動條 閱讀教程 播放視頻
31 11、極酷的滑鼠外觀 閱讀教程 播放視頻
32 12、特色分隔線 閱讀教程 播放視頻
33 13、網站個性小圖標 閱讀教程 播放視頻
35 14、構建 Java 插入模塊 閱讀教程 播放視頻
36 15、加快圖片下載速度 閱讀教程 播放視頻
38 16、隨機廣告圖片 閱讀教程 播放視頻
39 17、地圖鏈接綜合實例 閱讀教程 播放視頻
40 18、網頁過渡特效 閱讀教程 播放視頻
43 19、實現全景圖瀏覽 閱讀教程 播放視頻
47 20、插入 Flash 按鈕 閱讀教程 播放視頻
48 21、插入 Flash 文本 閱讀教程 播放視頻
49 22、插入交替圖像按鈕 閱讀教程 播放視頻
50 23、添加透明背景的 Flash 閱讀教程 播放視頻
51 24、製作 Flash 個性播放界面 閱讀教程 播放視頻
52 25、製作電子相冊 閱讀教程 播放視頻
55 26、隨機播放背景音樂 閱讀教程 播放視頻
56 27、製作滾動布告欄 閱讀教程 播放視頻
57 28、滾動鏈接層 閱讀教程 播放視頻
58 29、設置狀態欄信息 閱讀教程 播放視頻
62 30、插入?Java 特效 閱讀教程 播放視頻
75 31、資料庫連接 閱讀教程 播放視頻
76 32、驗證用戶注冊 閱讀教程 播放視頻
82 33、產品展示廳 閱讀教程 播放視頻
83 34、實現購物車 閱讀教程 播放視頻
84 35、給產品下訂單 閱讀教程 播放視頻
86 36、實現產品搜索 閱讀教程 播放視頻
90 37、在線調查統計 閱讀教程 播放視頻
91 38、BLOG 日歷事件 閱讀教程 播放視頻
92 39、隨筆管理及評論實現 閱讀教程 播放視頻
94 40、在線音樂網站 閱讀教程 播放視頻
95 41、動態廣告管理 閱讀教程 播放視頻
96 42、客房預訂業務 閱讀教程 播放視頻
這就有動態網站的建設。
8、dreamweaver 網頁製作的視頻教程!
http://qihang.powereasy.net/Lectures/AdamWEB/ 這個是前台的
http://www.enet.com.cn/eschool/video/asplts/ 這個是後台製作的
都很不錯 你去看下好了