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

Dreamweaver CS6教學 網頁設計初階課程 線上看

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

範例檔案下載

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

應用程式下載

Dreamweaver CS6 繁體中文版應用程式下載,可試用30天。此檔案為壓縮檔,請會員下載後,在電腦中進行解壓縮並且執行安裝。

講師介紹

講師:王老師

王老師擁有17年的教學經驗,教學經驗豐富,上課生動活潑,目前大約教授16000名以上的學生,有多張ACA國際認證,目前任職於企業資訊顧問一職。

  • 課程介紹(展開/收起)

章節目錄(點取標題)

01.偏好設定與網站建立41分15秒

01-01安裝Firefox瀏覽器的操作介紹 02分40秒

01-02啟動Adobe Dreamweaver CS6 02分08秒

01-03偏好設定的調整一 02分05秒

01-04偏好設定的調整二:新增瀏覽器清單 03分39秒

01-05偏好設定的調整三:完成偏好設定的調整,『字體』要最後設定 03分16秒

01-06建立新的資料夾準備建立網站用的 04分13秒

01-07建立一個新的網站 06分03秒

01-08建立新的網頁檔案 06分11秒

01-09檔案的開啟與關閉以及使用各種瀏覽器的預覽方式 04分33秒

01-10各種編輯檢視的切換操作介紹 07分16秒

02.Dreamweaver CS6新功能!「多螢幕」預覽切換與網站的匯出及備份36分53秒

02-01將文字檔案複製到網頁檔案中 01分29秒

02-02Dreamweaver CS6新功能!「多螢幕」預覽切換 04分44秒

02-03「屬性面板」的操作介紹與顯示比例的切換 03分28秒

02-04強迫換行BR標籤的刪除與產生操作方式 03分58秒

02-05產生「項目清單」的操作方式 01分51秒

02-06常見的元素標籤名稱介紹 06分39秒

02-07設定標題項目到網頁的文章裡面,建立文章的架構 02分41秒

02-08SEO搜尋引擎最佳化的概念說明 05分15秒

02-09網頁的儲存與開啟操作介紹 01分30秒

02-10如何將網站的設定匯出,以便日後的還原 02分21秒

02-11網站的匯入操作介紹,當我們需要搬到另一台電腦中時,就需要如此的操作 03分41秒

03.網站的匯入與CSS文字樣式的設定52分59秒

03-01準備建立第一個CSS樣式語法以及CSS類型的解說 09分03秒

03-02第一個樣式的建立方式與修改技巧 09分54秒

03-03字型大小與行高及色彩的設定 09分32秒

03-04完成H4標題四的樣式設定 04分29秒

03-05注意!在em的單位下不能作運算動作 01分15秒

03-06補充字距的設定調整差異 05分19秒

03-07接著設定P段落樣式 01分59秒

03-08開始設定h3的樣式,步驟一 02分00秒

03-09開始設定h3的樣式,步驟二:中文字型的插入 02分50秒

03-10將h3的樣式加上背景圖片效果 03分45秒

03-11完成h3的調整設定以及內距外距的調整 03分06秒

04.CSS與項目清單的設定技巧教學52分45秒

04-01開始設定h2標題二的樣式設定與背景位置的調整技巧 04分23秒

04-02將h2的樣式加上邊框線,並完成此樣式設定 04分10秒

04-03為何我的符號圖片只顯示部份? 01分41秒

04-04開始設定h1標題一的CSS樣式 03分22秒

04-05完成h1的樣式設定,並且將物件自動置中 05分02秒

04-06完成ul項目清單的CSS樣式設定 05分39秒

04-07如何將項目清單的符號調整到自訂位置?li樣式的設定 06分45秒

04-08如何將特殊的空白符號全部刪除掉?尋找與取代的操作 03分53秒

04-09「空白字元」的產生與注意事項 07分52秒

04-10將網頁背景圖片設定上去 05分44秒

04-11如何解決背景圖片重複顯示的問題? 05分00秒

05.新功能『網頁字體』的建立與圖片的插入1小時04分55秒

05-01Dreamweaver CS6新功能「網頁字體」讓網頁插入特殊字體的功能,建立步驟教學一:下載字型 06分59秒

05-02Dreamweaver CS6新功能「網頁字體」的建立步驟教學二:產生與設定網頁字體 07分07秒

05-03補充文字上下邊界的調整方式 03分05秒

05-04圖片的插入操作與刪除的方式 06分48秒

05-05新功能!圖片尺寸的修改方式 06分18秒

05-06新功能!圖片的編輯操作技巧 06分17秒

05-07新功能!簡易圖片與文字對齊的操作方式 04分56秒

05-08建立兩個對齊圖片的CSS語法 04分04秒

05-09如何將圖片快速的套用靠齊CSS語法 04分25秒

05-10圖片的標題文字與註解文字的插入建立操作方式介紹 07分13秒

05-11如何編輯與插入Photoshop的PSD格式圖檔? 06分12秒

05-12新功能!快速的將GIF圖片背景變成透明的操作方式 02分20秒

06.『命名錨點』與圖片的多重連結作用區建立方式50分13秒

06-01特殊直桿文字的輸入介紹 01分41秒

06-02建立讓段落文字置中的CSS樣式 03分01秒

06-03用HTML語法讓段落文字置中的語法輸入 02分22秒

06-04文字超連結的建立與移除的方式操作 04分52秒

06-05內部網頁超連結製作方式介紹 04分08秒

06-06如何在圖片上加上超連結網址 05分00秒

06-07用CSS語法將所有的超連結圖片外框隱藏起來! 02分29秒

06-08「命名錨點」的概念與建立方式 04分25秒

06-09接著示範如何建立連結到錨點的超連結 03分35秒

06-10使用錨點連結的方式,從文字直接連結到圖片位置上 02分48秒

06-11試試看,練習製作「回頁首」的錨點建立與超連結應用 01分21秒

06-12老師分享回頁首的操作方式外,也示範回到頁面最頂端的連結方式 02分46秒

06-13如何在一張圖片上製作多重超連結?「連結區」的建立方式 06分08秒

06-14如何在「連結作用區」上加入註解標題文字? 05分37秒

07.用CSS修改超連結樣式49分16秒

07-01準備製作CSS樣式表檔案的串接操作 04分12秒

07-02HTML架構的介紹與套用前文章格式的套用設定 07分52秒

07-03移動CSS規則到新的檔案去 08分22秒

07-04將樣式表附加到其他的新網頁上 04分10秒

07-05如何設定文字超連結底線的樣式,讓它消失! 05分00秒

07-06如何將建立好的CSS設定為分享的狀態? 04分43秒

07-07共用一個CSS樣式表時操作要注意的地方 03分23秒

07-08網頁的上傳設定與操作方式介紹 12分01秒