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

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

Dreamweaver CS3教學 網頁設計課程 線上看
版 本: Dreamweaver CS3 一般
回饋紅利點數: 60
庫存狀況: 尚有庫存
價格: 200元
含稅價: 200元
可使用紅利點數: 2000
購買數量:     - OR -   加入追蹤清單
本課程您可學到以下範例:
Dreamweaver CS3教學 網頁設計課程 線上看 Dreamweaver CS3教學 網頁設計課程 線上看 Dreamweaver CS3教學 網頁設計課程 線上看 Dreamweaver CS3教學 網頁設計課程 線上看 Dreamweaver CS3教學 網頁設計課程 線上看 Dreamweaver CS3教學 網頁設計課程 線上看 Dreamweaver CS3教學 網頁設計課程 線上看 Dreamweaver CS3教學 網頁設計課程 線上看 Dreamweaver CS3教學 網頁設計課程 線上看 Dreamweaver CS3教學 網頁設計課程 線上看 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上傳後的網頁要如何更新?

 

發表評論

評論者:


評論內容:   注意: 不支援 HTML 語法

評價: 很差           非常好

請輸入驗證碼:



  - OR -   加入追蹤清單
相關課程 (2)