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

範例檔案下載
此檔案為壓縮檔,請會員下載後,在電腦中進行解壓縮即可;裡頭完整包含講師在課程中使用到的圖片、檔案、以及完成作品...等等,供會員操作練習。
講師介紹
講師:王老師
王老師擁有17年的教學經驗,教學經驗豐富,上課生動活潑,目前大約教授16000名以上的學生,有多張ACA國際認證,目前任職於企業資訊顧問一職。
- 課程介紹(展開/收起)
章節目錄(點取標題)
- 01.網站的建立24分49秒
-
01-01啟動Dreamweaver CS3 01分20秒
01-02第一次使用時,更改「偏好設定」 04分37秒
01-03建立網站資料夾 04分46秒
01-04定義與建立新的網站 02分51秒
01-05建立網頁新的檔案。記住!用小寫英文,不要用中文、符號、與空白字母 04分48秒
01-06檔案的全部開啟與全部關閉,以及網頁的預覽方式操作 03分08秒
01-07網頁檔案的管理與搬移方式 03分19秒
- 02.繪製網頁版型55分33秒
-
02-01啟動Fireworks CS3準備設計網頁版型 04分15秒
02-02繪製一個漸層背景圖片 02分08秒
02-03繪製底端的色塊 01分32秒
02-04繪製白色的矩形方塊 02分52秒
02-05加上一條水平線 01分35秒
02-06劃上虛線線段,然後平均分散到四個區塊 04分47秒
02-07檔案的儲存與圖層的鎖定 01分08秒
02-08接著新增一個新的圖層 00分37秒
02-09匯入四張縮圖圖片進來 03分35秒
02-10對齊排列這四張照片 02分41秒
02-11準備製作圓角矩形照片,第一步先繪製四個圓角矩形物件 02分53秒
02-12第二步,將縮圖與圓角矩形整合起來 02分38秒
02-13將縮圖加上陰影效果 01分05秒
02-14開始製作網站標題文字 05分04秒
02-15繪製簡單象徵小圖示 05分29秒
02-16運用photoimpact製作網頁用的小圖示,並且把圖片插入 04分05秒
02-17運用「樣式」快速的製作按鈕 02分56秒
02-18加上首頁說明文字 03分39秒
02-19文字的「行距」與「字距」的調整 02分34秒
- 03.版型的轉存與開啟37分21秒
-
03-01準備開始製作效果,首先再製影格一,然後輸入文字 03分07秒
03-02直接拖曳再製文字,然後修改文字內容 02分30秒
03-03改變按鈕的顏色,讓按鈕看起來更有變化 01分31秒
03-04插入矩形分割,然後加上「簡易變換影像的行為」效果,讓按鈕做變化 02分24秒
03-05分割區的添加,這樣可以在Dreamweaver中插入FLASH動畫 01分55秒
03-06將圖片轉存成HTML網頁檔案 03分52秒
03-07將輸出的檔名作變更已經頁面屬性的更改,讓上方邊界變成0 03分32秒
03-08開始製作次網頁頁面 05分04秒
03-09再製一個矩形圓角物件 03分41秒
03-10製作次版面標題,其實只要複製過來就好了 03分32秒
03-11匯入影像,並且加入淡化效果 04分19秒
03-12加上電話與地址文字 01分54秒
- 04.製作次版型33分47秒
-
04-01準備製作按鈕列,首先先輸入文字 04分11秒
04-02再將水平虛線平均分佈在文字的上下方 02分35秒
04-03再製一個影格,並且插入小圖示,準備做感應效果 03分35秒
04-04分割多重物件範圍,還有手動分割文字按鈕範圍 02分43秒
04-05完成按鈕列的滑鼠動態效果 03分53秒
04-06準備將圖片轉成網頁前的動作 02分56秒
04-07轉存成網頁前的分割區域設定 03分01秒
04-08開始轉存網頁頁面,並且修改頁面屬性 01分55秒
04-09如何自己製作網頁背影圖片 05分58秒
04-10將圖片被成背景圖片的方式,這樣可以在上面輸入文字 01分19秒
04-11再將其他區塊變成背景圖片,或是填入色彩 01分41秒
- 05.表格與超連結37分48秒
-
05-01表格的插入 02分29秒
05-02水平線物件的插入與顏色的設定方式 03分46秒
05-03「超連結文字」的製作方式介紹,這樣就可以連結到其他網頁去 05分07秒
05-04插入「電子郵件超連結」,讓網友可以與我們通信 02分22秒
05-05如何插入GIF動畫到網頁中? 05分59秒
05-06如何在圖片上加入「超連結」,讓圖片也可以連結到其他網頁去 02分47秒
05-07插入「命令」中的「Mark of the web」讓網頁可以正常連結 04分27秒
05-08新功能在Dreamweaver CS3中也可以插入Photoshop的圖片 03分52秒
05-09如何建立「錨點」回到「頁首」超連結? 03分11秒
- 06.超連結樣式與flash元件59分18秒
-
06-01插入底端文字的超連結選項 04分38秒
06-02回到上一頁語法的建立方式。 02分01秒
06-03很細小的地方改如何編輯?使用「表格展開模式」就可以解決了! 02分16秒
06-04如何讓超連結文字的底線當滑鼠指到時才會出現? 02分41秒
06-05何謂錨點?如何使用? 04分49秒
06-06從其他網頁連結到指定錨點的技巧!網友使用起來更貼心! 02分31秒
06-07如何在一張圖片上加上兩個以上的超連結設定? 04分04秒
06-08滑鼠變換影像功能的使用介紹,記住要準備兩個圖檔唷! 03分01秒
06-09插入一個內建的FLASH按鈕 06分38秒
06-10如何再新增FLASH按鈕樣式? 04分11秒
06-11如何將外掛的元件移除安裝? 01分32秒
06-12加入一個FLASH文字物件進來 02分25秒
06-13如何插入一個FLASH格式FLV影片到網頁中? 05分37秒
06-14如何插入一個SWF也就是FLASH動畫到網頁中? 03分12秒
06-15如何在網頁中加入MIDI或是MP3及影片檔案? 04分13秒
06-16如何讓外掛播放器隱藏起來? 02分13秒
06-17插入個「影像預留位置」物件吧! 03分16秒
- 07.網頁範本的建立45分52秒
-
07-01建立「範本網頁」以及「可編輯區」的建立 04分11秒
07-02將範本套用到空白的頁面中 02分18秒
07-03遇到無法套用範本的頁面該如何處理? 02分43秒
07-04範本檔案的開啟與網頁預覽的差別,基本上範本不能預覽唷! 02分36秒
07-05一般網頁與範本頁面的差異比較,讓同學知道兩者的差異在哪? 04分47秒
07-06更改範本網頁,看看其他網頁是否有一併跟著改變 04分29秒
07-07自己製作網頁的標題 04分52秒
07-08插入「水平線」物件,並且用「進階標籤編輯器」來改變水平線的顏色 06分21秒
07-09「展開表格模式」的使用方式介紹。這樣再細小的物件都能選到了 02分02秒
07-10將範本檔案內的FLASH按鈕正常顯示出來,也就是路徑的修改 02分26秒
07-11「從範本中分離」與再與範本結合的操作方式 04分21秒
07-12從範本立即建立新的網頁操作,與更改預設的副檔名設定操作 03分16秒
07-13如何改變範本內的超連結設定? 01分30秒
- 08.CSS樣式的使用與建立40分00秒
-
08-01如何插入FLASH動畫到網頁中? 03分32秒
08-02如何更改預設文字的色彩與大小? 04分43秒
08-03建立CSS樣式準備改變行高 03分00秒
08-04如何套用CSS樣式在指定的目標內 02分35秒
08-05用CSS樣式來改變文字的字距 01分47秒
08-06如何不再套用CSS樣式? 01分30秒
08-07插入圖片後的文繞圖設定方式,以及文字與圖片間距的調整 03分54秒
08-08將網頁圖片檔案大小改成更小的方式,也就是圖片最佳化的使用 04分27秒
08-09如何編輯網頁上的圖片?Fireworks與Dreamweaver的整合應用範例 03分05秒
08-10如何讓網頁上的圖片加上陰影的效果? 02分46秒
08-11如何將陰影刪除重做一次? 02分03秒
08-12如何製作圖文並茂的效果 03分47秒
- 09.彈出視窗的建立51分06秒
-
09-01準備製作小圖跳大圖的效果。步驟一:插入表格,插入Fireworks版型 05分38秒
09-02步驟二:更改為何沒有陰影的問題,並將Image變更成我們的小圖示 04分30秒
09-03匯入CSS樣式檔,並建立新的CSS樣式來改變表格邊框 06分36秒
09-04建立新的資料夾,準備建立放大張圖片的網頁 02分01秒
09-05開啟新網頁,用Fireworks建立範本 06分44秒
09-06插入影像預留位置,並且插入「替代文字」與「連結語法」 03分28秒
09-07建立第二個範本檔案,準備插入大張照片用的 03分03秒
09-08在photo資料夾內快速的建立8個有套用範本的新網頁檔案 04分21秒
09-09開啟8個網頁檔案,並更換圖片,然後加上標題 03分13秒
09-10在小圖示上加入「行為」中的「開啟瀏覽器視窗」 06分55秒
- 10.表單的應用30分25秒
-
10-01留言板的製作。步驟一:插入表單範圍 03分30秒
10-02步驟二:插入表單元件 03分29秒
10-03步驟三:將表單元件給予命名 02分51秒
10-04步驟四:設定表單元件之一 03分18秒
10-05步驟五:設定完成所有元件,並且測試效果 01分52秒
10-06步驟六:加上行為中的檢驗表單功能 05分20秒
10-07步驟七:將錯誤提示畫面改成中文介面 03分19秒
10-08步驟八:設定傳送方式與測試結果 06分46秒
- 11.網頁的上傳28分08秒
-
11-01上傳網頁空間的介紹 09分58秒
11-02虛擬主機功能介紹 05分28秒
11-03如何將網頁上傳到我的網頁空間裡? 07分38秒
11-04上傳後的網頁要如何更新? 05分04秒