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

【課程簡介】

經過長久的時間，Dreamweaver CS3教學課程總算可以上架與大夥相見了…

﹝本課程共11章、共125小節、共444分鐘﹞

※本課程為線上觀看課程，自購買日起算，使用期限為一年。期限內，您可以在網站上觀看所購買的教學課程，不限觀看次數，下載範例檔案及相關試用版程式，讓您完整學習、更能夠輕鬆複習喔!

【課程目錄】

01.網站的建立
01-01啟動Dreamweaver CS3
01-02第一次使用時，更改「偏好設定」
01-03建立網站資料夾
01-04定義與建立新的網站
01-05建立網頁新的檔案。記住！用小寫英文，不要用中文、符號、與空白字母
01-06檔案的全部開啟與全部關閉，以及網頁的預覽方式操作
01-07網頁檔案的管理與搬移方式

02.繪製網頁版型
02-01啟動Fireworks CS3準備設計網頁版型
02-02繪製一個漸層背景圖片
02-03繪製底端的色塊
02-04繪製白色的矩形方塊
02-05加上一條水平線
02-06劃上虛線線段，然後平均分散到四個區塊
02-07檔案的儲存與圖層的鎖定
02-08接著新增一個新的圖層
02-09匯入四張縮圖圖片進來
02-10對齊排列這四張照片
02-11準備製作圓角矩形照片，第一步先繪製四個圓角矩形物件
02-12第二步，將縮圖與圓角矩形整合起來
02-13將縮圖加上陰影效果
02-14開始製作網站標題文字
02-15繪製簡單象徵小圖示
02-16運用photoimpact製作網頁用的小圖示，並且把圖片插入
02-17運用「樣式」快速的製作按鈕
02-18加上首頁說明文字
02-19文字的「行距」與「字距」的調整

03.版型的轉存與開啟
03-01準備開始製作效果，首先再製影格一，然後輸入文字
03-02直接拖曳再製文字，然後修改文字內容
03-03改變按鈕的顏色，讓按鈕看起來更有變化
03-04插入矩形分割，然後加上「簡易變換影像的行為」效果，讓按鈕做變化
03-05分割區的添加，這樣可以在Dreamweaver中插入FLASH動畫
03-06將圖片轉存成HTML網頁檔案
03-07將輸出的檔名作變更已經頁面屬性的更改，讓上方邊界變成0
03-08開始製作次網頁頁面
03-09再製一個矩形圓角物件
03-10製作次版面標題，其實只要複製過來就好了
03-11匯入影像，並且加入淡化效果
03-12加上電話與地址文字

04.製作次版型
04-01準備製作按鈕列，首先先輸入文字
04-02再將水平虛線平均分佈在文字的上下方
04-03再製一個影格，並且插入小圖示，準備做感應效果
04-04分割多重物件範圍，還有手動分割文字按鈕範圍
04-05完成按鈕列的滑鼠動態效果
04-06準備將圖片轉成網頁前的動作
04-07轉存成網頁前的分割區域設定
04-08開始轉存網頁頁面，並且修改頁面屬性
04-09如何自己製作網頁背影圖片
04-10將圖片被成背景圖片的方式，這樣可以在上面輸入文字
04-11再將其他區塊變成背景圖片，或是填入色彩

05.表格與超連結
05-01表格的插入
05-02水平線物件的插入與顏色的設定方式
05-03「超連結文字」的製作方式介紹，這樣就可以連結到其他網頁去
05-04插入「電子郵件超連結」，讓網友可以與我們通信
05-05如何插入GIF動畫到網頁中？
05-06如何在圖片上加入「超連結」，讓圖片也可以連結到其他網頁去
05-07插入「命令」中的「Mark of the web」讓網頁可以正常連結
05-08新功能在Dreamweaver CS3中也可以插入Photoshop的圖片
05-09如何建立「錨點」回到「頁首」超連結？
05-10插入一個FLASH按鈕物件在網頁中，這個功能有改良唷，比以前得版本好多了！

06.超連結樣式與flash元件
06-01插入底端文字的超連結選項
06-02回到上一頁語法的建立方式。
06-03很細小的地方改如何編輯？使用「表格展開模式」就可以解決了！
06-04如何讓超連結文字的底線當滑鼠指到時才會出現？
06-05何謂錨點？如何使用？
06-06從其他網頁連結到指定錨點的技巧！網友使用起來更貼心！
06-07如何在一張圖片上加上兩個以上的超連結設定？
06-08滑鼠變換影像功能的使用介紹，記住要準備兩個圖檔唷！
06-09插入一個內建的FLASH按鈕
06-10如何再新增FLASH按鈕樣式？
06-11如何將外掛的元件移除安裝？
06-12加入一個FLASH文字物件進來
06-13如何插入一個FLASH格式FLV影片到網頁中？
06-14如何插入一個SWF也就是FLASH動畫到網頁中？
06-15如何在網頁中加入MIDI或是MP3及影片檔案？
06-16如何讓外掛播放器隱藏起來？
06-17插入個「影像預留位置」物件吧！

07.網頁範本的建立
07-01建立「範本網頁」以及「可編輯區」的建立
07-02將範本套用到空白的頁面中
07-03遇到無法套用範本的頁面該如何處理？
07-04範本檔案的開啟與網頁預覽的差別，基本上範本不能預覽唷！
07-05一般網頁與範本頁面的差異比較，讓同學知道兩者的差異在哪？
07-06更改範本網頁，看看其他網頁是否有一併跟著改變
07-07自己製作網頁的標題
07-08插入「水平線」物件，並且用「進階標籤編輯器」來改變水平線的顏色
07-09「展開表格模式」的使用方式介紹。這樣再細小的物件都能選到了
07-10將範本檔案內的FLASH按鈕正常顯示出來，也就是路徑的修改
07-11「從範本中分離」與再與範本結合的操作方式
07-12從範本立即建立新的網頁操作，與更改預設的副檔名設定操作
07-13如何改變範本內的超連結設定？

08.CSS樣式的使用與建立
08-01如何插入FLASH動畫到網頁中？
08-02如何更改預設文字的色彩與大小？
08-03建立CSS樣式準備改變行高
08-04如何套用CSS樣式在指定的目標內
08-05用CSS樣式來改變文字的字距
08-06如何不再套用CSS樣式？
08-07插入圖片後的文繞圖設定方式，以及文字與圖片間距的調整
08-08將網頁圖片檔案大小改成更小的方式，也就是圖片最佳化的使用
08-09如何編輯網頁上的圖片？Fireworks與Dreamweaver的整合應用範例
08-10如何讓網頁上的圖片加上陰影的效果？
08-11如何將陰影刪除重做一次？
08-12如何製作圖文並茂的效果
08-13如何製作「首行文字縮排」的效果，讓文字排版更輕鬆

09.彈出視窗的建立
09-01準備製作小圖跳大圖的效果。步驟一：插入表格，插入Fireworks版型
09-02步驟二：更改為何沒有陰影的問題，並將Image變更成我們的小圖示
09-03匯入CSS樣式檔，並建立新的CSS樣式來改變表格邊框
09-04建立新的資料夾，準備建立放大張圖片的網頁
09-05開啟新網頁，用Fireworks建立範本
09-06插入影像預留位置，並且插入「替代文字」與「連結語法」
09-07建立第二個範本檔案，準備插入大張照片用的
09-08在photo資料夾內快速的建立8個有套用範本的新網頁檔案
09-09開啟8個網頁檔案，並更換圖片，然後加上標題
09-10在小圖示上加入「行為」中的「開啟瀏覽器視窗」
09-11最後，讓小圖示可以出現手指指標樣式，與替代文字的輸入

10.表單的應用
10-01留言板的製作。步驟一：插入表單範圍
10-02步驟二：插入表單元件
10-03步驟三：將表單元件給予命名
10-04步驟四：設定表單元件之一
10-05步驟五：設定完成所有元件，並且測試效果
10-06步驟六：加上行為中的檢驗表單功能
10-07步驟七：將錯誤提示畫面改成中文介面
10-08步驟八：設定傳送方式與測試結果

11.網頁的上傳
11-01上傳網頁空間的介紹
11-02虛擬主機功能介紹
11-03如何將網頁上傳到我的網頁空間裡？
11-04上傳後的網頁要如何更新？