熱門: 手機教學 | 文書法寶 | 影片剪輯 | 廣告DM設計 | 電腦新手 | 動手做網站  線上學習人數:

Dreamweaver CS4教學 網頁設計課程 線上看

觀賞人次:14697人次評分:0分

範例檔案下載

此檔案為壓縮檔,請會員下載後,在電腦中進行解壓縮即可;裡頭完整包含講師在課程中使用到的圖片、檔案、以及完成作品...等等,供會員操作練習。

講師介紹

講師:王老師

王老師擁有17年的教學經驗,教學經驗豐富,上課生動活潑,目前大約教授16000名以上的學生,有多張ACA國際認證,目前任職於企業資訊顧問一職。

  • 課程介紹(展開/收起)

章節目錄(點取標題)

01.Dreamweaver CS4操作介面說明32分32秒

01-01版面的介紹與說明的使用 05分25秒

01-02更改Dreamweaver CS4的偏好設定 02分53秒

01-03版面與工具的開啟與關閉 02分12秒

01-04三種編輯模式的用途與切換方式 03分11秒

01-05新功能「程式碼導覽器」 02分02秒

01-06導覽器的開啟與快速鍵的操作 01分06秒

01-07好用的「尺規」與「導引線」的使用介紹 03分03秒

01-08「快速標籤選取器」的操作與元理介紹 05分33秒

01-09「狀態列」的訊息與操作介紹 04分34秒

01-10視窗尺寸的設定與調整切換方式介紹 02分33秒

02.網站的建立與網頁的新增17分44秒

02-01建立網站資料夾 03分23秒

02-02定義與建立新的網站 05分47秒

02-03網站架構與首頁的建立 03分14秒

02-04依序完成網站的其他新網頁的建立 03分22秒

02-05檔案的開啟關閉以及儲存的方式介紹 01分58秒

03.重要功能!CSS樣式的建立與套用1小時10分29秒

03-01建立第一個CSS樣式 09分24秒

03-02如何更改CSS樣式內容? 07分39秒

03-03如何取消CSS的套用方式? 02分00秒

03-04如何正確的選擇字體大小單位? 06分34秒

03-05段落文字的CSS樣式建立與套用 05分38秒

03-06「首行縮排」與「字距」的調整 04分03秒

03-07更改預設物件樣式的方式介紹 08分23秒

03-08好用的CSS線條樣式的建立 05分25秒

03-09使用CSS設定物件的背景圖片呈現方式,可製作項目符號唷! 04分33秒

03-10如何用CSS讓段落文字排在頁面的中間? 04分09秒

03-11其他的標題文字如何移動? 02分19秒

03-12如何用CSS改變編號清單的邊界位置? 01分45秒

03-13用CSS產生螢光筆的明顯效果 01分40秒

03-14如何將CSS樣式分享到其他的網頁檔案去? 04分50秒

03-15CSS樣式串接後的修改方式與注意事項 02分07秒

04.表格的建立與CSS的套用51分45秒

04-01「表格」的建立觀念與插入方式 05分28秒

04-02第二種完整功能表格的插入方式 07分29秒

04-03像素與百分比再表格尺寸上的呈現差異解說 06分29秒

04-04「表格」內的儲存格合併與刪除操作方式介紹 05分31秒

04-05如何正確的匯入外部資料到網頁中? 05分18秒

04-06「儲存格」的文字對齊操作方式介紹 04分10秒

04-07如何使用CSS設定儲存格的背景色彩與圖片? 04分23秒

04-08運用「排序」功能來整理我們的表格資料 06分21秒

04-09運用表格排版的範例運用操作 06分36秒

05.圖片的插入與修改方式55分31秒

05-01圖片的插入、替換以及刪除的基本操作 04分58秒

05-02圖片與文字的對齊操作以及GIF動畫的插入方式 03分27秒

05-03如何在圖片底部加上文字?另外圖片要如何正確的縮小尺寸? 06分57秒

05-04圖片的裁切與「唯獨屬性」的解決方案 04分39秒

05-05如何將一張有去背的Photoshop格式檔案插入到網頁中? 04分07秒

05-06調整圖片與文字的間距設定,首先附加樣式表 03分31秒

05-07為何我的版面被破壞了?樣式的再製與套用方式 03分21秒

05-08用CSS來調整圖片與文字的間距 07分04秒

05-09另一種文字與圖片間距的CSS建立與套用 02分55秒

05-10使用「編輯影像功能」來將圖片去背 04分02秒

05-11將圖片修成圓角圖片 03分45秒

05-12使用圖片編輯功能將圖片加入陰影的處理方式 06分45秒

06.各種超連結的建立與應用33分05秒

06-01超連結的建立操作概念說明 06分12秒

06-02「替代文字」的使用與用CSS將超連結圖片框線去除的方式 06分16秒

06-03如何改變超連結的文字底線? 04分30秒

06-04如何建立電子郵件超連結? 03分23秒

06-05何謂「錨點」?又要如何應用? 03分43秒

06-06連結到期他頁面的錨點應用技巧,超好用! 01分37秒

06-07如何製作檔案下載的超連結? 04分56秒

06-08如何將OFFICE文件讓他人下載? 02分28秒

07.範本頁面的設計41分46秒

07-01開始製作範本頁面 05分08秒

07-02製作巢狀式表格 03分52秒

07-03附加CSS樣式檔案 03分14秒

07-04「特殊字元」的插入方式 04分06秒

07-05「跳頁選單」的製作介紹 04分05秒

07-06如何修改「跳頁選單」內容? 01分33秒

07-07圖示按鈕超連結的建立方式 03分14秒

07-08「滑鼠變換影像」的超連結按鈕製作 03分34秒

07-09用Fireworks CS4製作按鈕 03分33秒

07-10改變按鈕樣式 04分02秒

07-11使用Fireworks HTML功能 05分25秒

08.導覽列與flash按鈕的建立與插入37分12秒

08-01準備製作「導覽列」按鈕 03分09秒

08-02完成「導覽列」按鈕的製作 07分14秒

08-03變更「導覽列」按鈕的間距 00分53秒

08-04水平線的插入 03分54秒

08-05移除CSS中的HR標籤 01分23秒

08-06用CSS建立不一樣的水平線 04分17秒

08-07製作FLASH按鈕,步驟一 03分39秒

08-08製作FLASH按鈕,步驟二:加入指令 05分41秒

08-09製作FLASH按鈕,步驟三:插入SWF檔案 03分57秒

08-10新功能!如何讓SWF動畫背景去除掉? 03分05秒

09.FLASH影片的轉換建立與外掛的插入介紹39分54秒

09-01插入FLV網路影片進入到網頁中 03分28秒

09-02如何自己製作FLV視訊影片?Adobe Media Encoder的使用介紹 08分13秒

09-03更改CSS水平線的高度 03分06秒

09-04「更新日期」的插入介紹 02分18秒

09-05電子郵件動畫的插入與郵件主旨的語法 03分35秒

09-06重要技巧!中文信件主旨亂碼的解決方案 04分50秒

09-07「外掛」的使用MP3與Midi及影片的插入方式介紹 05分11秒

09-08加上外掛參數,讓外掛不要自己播放 02分33秒

09-09真正隱藏起來的背景音樂產生方式-舊版IE6適用 03分29秒

09-10讓表格上色的CSS樣式套用 03分11秒

10.用Fireworks CS4繪製網頁版型38分54秒

10-01用Fireworks繪製網頁底圖,步驟一 03分51秒

10-02用Fireworks繪製網頁底圖,步驟二:匯出圖檔 04分10秒

10-03用Fireworks繪製網頁底圖,步驟三:完成底圖插入 05分00秒

10-04使用DIV來調整文字位置 05分55秒

10-05加上回上一頁的javascript超連結語法 03分32秒

10-06統一改變超連結文字大小的方式 03分26秒

10-07更改網頁背景色 04分17秒

10-08使用Fireworks設計網頁背景圖片 04分43秒

10-09如何將底圖的圓角白色區域作去背處理 04分00秒

11.網頁範本的建立與套用36分12秒

11-01範本的建立與可編輯區的設定方式 04分05秒

11-02將範本套用到網頁中,這是重要技巧! 03分39秒

11-03範本套用後的內容編輯注意事項 05分33秒

11-04範本的更新與網站安全標記「Mark of the web」的插入介紹 08分46秒

11-05如何讓網頁套用第二個範本? 03分44秒

11-06不要忘了首頁也要插入網站標記唷! 01分03秒

11-07範本的分離與重新套用的注意事項 02分54秒

11-08何謂「圖庫」?要如何建立使用? 03分37秒

11-09如何製作圖文並茂的「圖庫」樣式? 02分51秒

12.iFrame與各種常用「行為」效果的套用介紹1小時28分05秒

12-01何謂「頁框」?如何製作? 07分11秒

12-02頁框網頁的調整方式介紹 05分51秒

12-03如何將「導覽列」按鈕的超連結正確設定? 04分18秒

12-04製作進入頁面後的「彈出訊息」功能,這是「行為」面板的功能 02分30秒

12-05再製作一個離開頁面時的提醒視窗,與各種行為的事件介紹 03分49秒

12-06如何讓照片或文字產生有趣的振動效果? 04分20秒

12-07增加最新的訊息!狀態列文字的設定 02分43秒

12-08萬一找不到先前加入的行為時,要怎麼辦? 04分37秒

12-09為何有些效果無法套用到圖片上? 03分38秒

12-10如何使用「行為」中的調換影像效果?步驟一:準備圖片 03分35秒

12-11如何使用「行為」中的調換影像效果?步驟二:設定行為、完成製作 03分56秒

12-12另一種「開啟瀏覽器視窗」的行為效果應用 06分46秒

12-13沒有手指出現要加上何種語法? 03分51秒

12-14如何不要顯示圖片上面的工具列? 03分41秒

12-15介紹「顯示與隱藏元素」的行為指令操作 04分13秒

12-16範例製作,在地圖上加上「顯示隱藏元素」行為 06分35秒

12-17有關於AP DIV的調整與應用 03分30秒

12-18使用Photoshop CS4建立一個Zoomify網頁 05分52秒

12-19使用Iframe將Zoomify的網頁嵌進到我們的網頁中 05分40秒

12-20我的IE還是看不到Iframe的內容?! 01分29秒

13.範例製作:小圖大圖的檢視效果35分51秒

13-01範例製作:小圖跳大圖效果,步驟一:複製照片 01分42秒

13-02範例製作:小圖跳大圖效果,步驟二:製作圖片陰影版型 03分20秒

13-03範例製作:小圖跳大圖效果,步驟三:插入陰影版型到網頁中 03分10秒

13-04範例製作:小圖跳大圖效果,步驟四:製作大圖片顯示頁面 03分51秒

13-05範例製作:小圖跳大圖效果,步驟五:加上CSS樣式去邊框 04分20秒

13-06範例製作:小圖跳大圖效果,步驟六:再製大圖片顯示頁面 05分21秒

13-07範例製作:小圖跳大圖效果,步驟七:更改大圖片與標題 02分44秒

13-08範例製作:小圖跳大圖效果,步驟八:更換小圖片與製作「開啟瀏覽器視窗」的效果 04分00秒

13-09範例製作:小圖跳大圖效果,步驟九:完成所有行為的加入,並測試 03分01秒

13-10範例製作:小圖跳大圖效果,步驟十:加上超連結手指完成範例製作 04分22秒

14.表單功能的應用:簡易留言板的設計29分02秒

14-01表單設計實作之一:插入表單範圍 03分24秒

14-02表單設計實作之二:插入表單元件 03分07秒

14-03表單設計實作之三:設定元件名稱 02分23秒

14-04表單設計實作之四:簡單測試 02分12秒

14-05表單設計實作之五:加入「行為」內的「檢驗表單」功能 04分00秒

14-06表單設計實作之六:將錯誤訊息改成中文 04分39秒

14-07表單設計實作之七:改變編碼方式設定傳送目標 06分10秒

14-08Outlook Express的帳號設定 03分07秒

15.新功能!Spry的建立與修改1小時15分27秒

15-01Spry動態選單列的建立 03分55秒

15-02Spry動態選單列的項目增加與修改方式 06分08秒

15-03如何修改選單項目內容? 13分45秒

15-04如何改變選單區塊內的寬度與高度? 08分13秒

15-05如何改變次項目的滑鼠指到後變化? 05分02秒

15-06如何備份與還原Spry動態選單列的CSS樣式檔? 05分36秒

15-07Srpy動態標籤面板的插入介紹 03分15秒

15-08將文字與圖片插入到標籤面板內 05分23秒

15-09如何改變動態標籤面板的標籤內容設定? 05分59秒

15-10如何自行設計與修改動態標籤的背景圖片? 05分31秒

15-11如何完美的設定標籤背景圖片? 03分59秒

15-12Spry的「折疊式」與「可收合面板」的插入介紹 08分41秒

16.新功能!Spry的表單檢驗功能應用57分07秒

16-01準備開始使用Spry表單檢驗的新功能! 02分26秒

16-02用Spry的文字欄位檢驗功能 08分01秒

16-03用Spry的文字欄位檢驗功能檢驗E-mail欄位 03分49秒

16-04Spry的表單「即時」檢驗功能的啟用 03分41秒

16-05用Spry檢驗「留言內容」欄位 01分56秒

16-06用Spry檢驗「清單」選單項目 04分03秒

16-07用Spry檢驗「選項群組」的性別欄位 03分48秒

16-08用Spry驗證功能建立「確認欄位」 07分51秒

16-09用Spry驗證功能建立強大的密碼驗證機制 06分10秒

16-10設定表單傳送方式 05分30秒

16-11萬一出現錯誤訊息要如何處理? 09分52秒

17.網站的上傳操作方式31分12秒

17-01上傳之前的檔案清理動作 02分49秒

17-02上傳檔案的篩選「遮罩」功能的使用 02分58秒

17-03網頁空間哪裡找?付費的網頁空間租用要注意什麼? 09分46秒

17-04設定FTP帳號,開始上傳 07分59秒

17-05網站的上傳與網頁更新 07分40秒