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

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

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

範例檔案下載

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

講師介紹

講師:王老師

王老師擁有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秒

05-10插入一個FLASH按鈕物件在網頁中,這個功能有改良唷,比以前得版本好多了! 03分48秒

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秒

08-13如何製作「首行文字縮排」的效果,讓文字排版更輕鬆 02分51秒

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秒

09-11最後,讓小圖示可以出現手指指標樣式,與替代文字的輸入 04分37秒

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秒