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

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

Dreamweaver CS4教學 網頁設計課程 線上看
版 本: Dreamweaver CS4 一般
回饋紅利點數: 75
庫存狀況: 尚有庫存
價格: 250元
含稅價: 250元
可使用紅利點數: 2500
購買數量:     - OR -   加入追蹤清單
本課程您可學到以下範例:
Dreamweaver CS4教學 網頁設計課程 線上看 Dreamweaver CS4教學 網頁設計課程 線上看 Dreamweaver CS4教學 網頁設計課程 線上看 Dreamweaver CS4教學 網頁設計課程 線上看 Dreamweaver CS4教學 網頁設計課程 線上看 Dreamweaver CS4教學 網頁設計課程 線上看 Dreamweaver CS4教學 網頁設計課程 線上看 Dreamweaver CS4教學 網頁設計課程 線上看 Dreamweaver CS4教學 網頁設計課程 線上看 Dreamweaver CS4教學 網頁設計課程 線上看 Dreamweaver CS4教學 網頁設計課程 線上看

【課程簡介】

重要功能!CSS樣式的建立與套用、表格的建立與CSS的套用、導覽列與flash按鈕的建立與插入、用Fireworks CS4繪製網頁版型、新功能!Spry的建立與修改、新功能!Spry的表單檢驗功能應用、網站的上傳操作方‥‥等等

﹝本課程共17章、共174小節、共772分鐘﹞

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

【課程目錄】

01.Dreamweaver CS4操作介面說明
01-01版面的介紹與說明的使用
01-02更改Dreamweaver CS4的偏好設定
01-03版面與工具的開啟與關閉
01-04三種編輯模式的用途與切換方式
01-05新功能「程式碼導覽器」
01-06導覽器的開啟與快速鍵的操作
01-07好用的「尺規」與「導引線」的使用介紹
01-08「快速標籤選取器」的操作與元理介紹
01-09「狀態列」的訊息與操作介紹
01-10視窗尺寸的設定與調整切換方式介紹

02.網站的建立與網頁的新增
02-01建立網站資料夾
02-02定義與建立新的網站
02-03網站架構與首頁的建立
02-04依序完成網站的其他新網頁的建立
02-05檔案的開啟關閉以及儲存的方式介紹

03.重要功能!CSS樣式的建立與套用
03-01建立第一個CSS樣式
03-02如何更改CSS樣式內容?
03-03如何取消CSS的套用方式?
03-04如何正確的選擇字體大小單位?
03-05段落文字的CSS樣式建立與套用
03-06「首行縮排」與「字距」的調整
03-07更改預設物件樣式的方式介紹
03-08好用的CSS線條樣式的建立
03-09使用CSS設定物件的背景圖片呈現方式,可製作項目符號唷!
03-10如何用CSS讓段落文字排在頁面的中間?
03-11其他的標題文字如何移動?
03-12如何用CSS改變編號清單的邊界位置?
03-13用CSS產生螢光筆的明顯效果
03-14如何將CSS樣式分享到其他的網頁檔案去?
03-15CSS樣式串接後的修改方式與注意事項

04.表格的建立與CSS的套用
04-01「表格」的建立觀念與插入方式
04-02第二種完整功能表格的插入方式
04-03像素與百分比再表格尺寸上的呈現差異解說
04-04「表格」內的儲存格合併與刪除操作方式介紹
04-05如何正確的匯入外部資料到網頁中?
04-06「儲存格」的文字對齊操作方式介紹
04-07如何使用CSS設定儲存格的背景色彩與圖片?
04-08運用「排序」功能來整理我們的表格資料
04-09運用表格排版的範例運用操作

05.圖片的插入與修改方式
05-01圖片的插入、替換以及刪除的基本操作
05-02圖片與文字的對齊操作以及GIF動畫的插入方式
05-03如何在圖片底部加上文字?另外圖片要如何正確的縮小尺寸?
05-04圖片的裁切與「唯獨屬性」的解決方案
05-05如何將一張有去背的Photoshop格式檔案插入到網頁中?
05-06調整圖片與文字的間距設定,首先附加樣式表
05-07為何我的版面被破壞了?樣式的再製與套用方式
05-08用CSS來調整圖片與文字的間距
05-09另一種文字與圖片間距的CSS建立與套用
05-10使用「編輯影像功能」來將圖片去背
05-11將圖片修成圓角圖片
05-12使用圖片編輯功能將圖片加入陰影的處理方式

06.各種超連結的建立與應用
06-01超連結的建立操作概念說明
06-02「替代文字」的使用與用CSS將超連結圖片框線去除的方式
06-03如何改變超連結的文字底線?
06-04如何建立電子郵件超連結?
06-05何謂「錨點」?又要如何應用?
06-06連結到期他頁面的錨點應用技巧,超好用!
06-07如何製作檔案下載的超連結?
06-08如何將OFFICE文件讓他人下載?

07.範本頁面的設計
07-01開始製作範本頁面
07-02製作巢狀式表格
07-03附加CSS樣式檔案
07-04「特殊字元」的插入方式
07-05「跳頁選單」的製作介紹
07-06如何修改「跳頁選單」內容?
07-07圖示按鈕超連結的建立方式
07-08「滑鼠變換影像」的超連結按鈕製作
07-09用Fireworks CS4製作按鈕
07-10改變按鈕樣式
07-11使用Fireworks HTML功能

08.導覽列與flash按鈕的建立與插入
08-01準備製作「導覽列」按鈕
08-02完成「導覽列」按鈕的製作
08-03變更「導覽列」按鈕的間距
08-04水平線的插入
08-05移除CSS中的HR標籤
08-06用CSS建立不一樣的水平線
08-07製作FLASH按鈕,步驟一
08-08製作FLASH按鈕,步驟二:加入指令
08-09製作FLASH按鈕,步驟三:插入SWF檔案
08-10新功能!如何讓SWF動畫背景去除掉?

09.FLASH影片的轉換建立與外掛的插入介紹
09-01插入FLV網路影片進入到網頁中
09-02如何自己製作FLV視訊影片?Adobe Media Encoder的使用介紹
09-03更改CSS水平線的高度
09-04「更新日期」的插入介紹
09-05電子郵件動畫的插入與郵件主旨的語法
09-06重要技巧!中文信件主旨亂碼的解決方案
09-07「外掛」的使用MP3與Midi及影片的插入方式介紹
09-08加上外掛參數,讓外掛不要自己播放
09-09真正隱藏起來的背景音樂產生方式-舊版IE6適用
09-10讓表格上色的CSS樣式套用

10.用Fireworks CS4繪製網頁版型
10-01用Fireworks繪製網頁底圖,步驟一
10-02用Fireworks繪製網頁底圖,步驟二:匯出圖檔
10-03用Fireworks繪製網頁底圖,步驟三:完成底圖插入
10-04使用DIV來調整文字位置
10-05加上回上一頁的javascript超連結語法
10-06統一改變超連結文字大小的方式
10-07更改網頁背景色
10-08使用Fireworks設計網頁背景圖片
10-09如何將底圖的圓角白色區域作去背處理

11.網頁範本的建立與套用
11-01範本的建立與可編輯區的設定方式
11-02將範本套用到網頁中,這是重要技巧!
11-03範本套用後的內容編輯注意事項
11-04範本的更新與網站安全標記「Mark of the web」的插入介紹
11-05如何讓網頁套用第二個範本?
11-06不要忘了首頁也要插入網站標記唷!
11-07範本的分離與重新套用的注意事項
11-08何謂「圖庫」?要如何建立使用?
11-09如何製作圖文並茂的「圖庫」樣式?

12.iFrame與各種常用「行為」效果的套用介紹
12-01何謂「頁框」?如何製作?
12-02頁框網頁的調整方式介紹
12-03如何將「導覽列」按鈕的超連結正確設定?
12-04製作進入頁面後的「彈出訊息」功能,這是「行為」面板的功能
12-05再製作一個離開頁面時的提醒視窗,與各種行為的事件介紹
12-06如何讓照片或文字產生有趣的振動效果?
12-07增加最新的訊息!狀態列文字的設定
12-08萬一找不到先前加入的行為時,要怎麼辦?
12-09為何有些效果無法套用到圖片上?
12-10如何使用「行為」中的調換影像效果?步驟一:準備圖片
12-11如何使用「行為」中的調換影像效果?步驟二:設定行為、完成製作
12-12另一種「開啟瀏覽器視窗」的行為效果應用
12-13沒有手指出現要加上何種語法?
12-14如何不要顯示圖片上面的工具列?
12-15介紹「顯示與隱藏元素」的行為指令操作
12-16範例製作,在地圖上加上「顯示隱藏元素」行為
12-17有關於AP DIV的調整與應用
12-18使用Photoshop CS4建立一個Zoomify網頁
12-19使用Iframe將Zoomify的網頁嵌進到我們的網頁中
12-20我的IE還是看不到Iframe的內容?!

13.範例製作:小圖大圖的檢視效果
13-01範例製作:小圖跳大圖效果,步驟一:複製照片
13-02範例製作:小圖跳大圖效果,步驟二:製作圖片陰影版型
13-03範例製作:小圖跳大圖效果,步驟三:插入陰影版型到網頁中
13-04範例製作:小圖跳大圖效果,步驟四:製作大圖片顯示頁面
13-05範例製作:小圖跳大圖效果,步驟五:加上CSS樣式去邊框
13-06範例製作:小圖跳大圖效果,步驟六:再製大圖片顯示頁面
13-07範例製作:小圖跳大圖效果,步驟七:更改大圖片與標題
13-08範例製作:小圖跳大圖效果,步驟八:更換小圖片與製作「開啟瀏覽器視窗」的效果
13-09範例製作:小圖跳大圖效果,步驟九:完成所有行為的加入,並測試
13-10範例製作:小圖跳大圖效果,步驟十:加上超連結手指完成範例製作

14.表單功能的應用:簡易留言板的設計
14-01表單設計實作之一:插入表單範圍
14-02表單設計實作之二:插入表單元件
14-03表單設計實作之三:設定元件名稱
14-04表單設計實作之四:簡單測試
14-05表單設計實作之五:加入「行為」內的「檢驗表單」功能
14-06表單設計實作之六:將錯誤訊息改成中文
14-07表單設計實作之七:改變編碼方式設定傳送目標
14-08Outlook Express的帳號設定

15.新功能!Spry的建立與修改
15-01Spry動態選單列的建立
15-02Spry動態選單列的項目增加與修改方式
15-03如何修改選單項目內容?
15-04如何改變選單區塊內的寬度與高度?
15-05如何改變次項目的滑鼠指到後變化?
15-06如何備份與還原Spry動態選單列的CSS樣式檔?
15-07Srpy動態標籤面板的插入介紹
15-08將文字與圖片插入到標籤面板內
15-09如何改變動態標籤面板的標籤內容設定?
15-10如何自行設計與修改動態標籤的背景圖片?
15-11如何完美的設定標籤背景圖片?
15-12Spry的「折疊式」與「可收合面板」的插入介紹

16.新功能!Spry的表單檢驗功能應用
16-01準備開始使用Spry表單檢驗的新功能!
16-02用Spry的文字欄位檢驗功能
16-03用Spry的文字欄位檢驗功能檢驗E-mail欄位
16-04Spry的表單「即時」檢驗功能的啟用
16-05用Spry檢驗「留言內容」欄位
16-06用Spry檢驗「清單」選單項目
16-07用Spry檢驗「選項群組」的性別欄位
16-08用Spry驗證功能建立「確認欄位」
16-09用Spry驗證功能建立強大的密碼驗證機制
16-10設定表單傳送方式
16-11萬一出現錯誤訊息要如何處理?

17.網站的上傳操作方式
17-01上傳之前的檔案清理動作
17-02上傳檔案的篩選「遮罩」功能的使用
17-03網頁空間哪裡找?付費的網頁空間租用要注意什麼?
17-04設定FTP帳號,開始上傳
17-05網站的上傳與網頁更新

 

 

發表評論

評論者:


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

評價: 很差           非常好

請輸入驗證碼:



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