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

Dreamweaver CS6教學 網頁設計進階範例課程 線上看

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

範例檔案下載

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

應用程式下載

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

講師介紹

講師:王老師

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

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

章節目錄(點取標題)

01-建立一個新網站46分15秒

01-01啟動Dreamweaver CS6切換傳統面板 03分50秒

01-02進入「偏好設定」選項,這是開始設計網頁前重要的步驟! 02分44秒

01-03偏好設定中要調整的有「輔助功能」「檔案型態」與「隱藏元素」的調整 02分58秒

01-04最後設定「字體」偏好設定 02分58秒

01-05如何下載google chrome瀏覽器? 01分43秒

01-06將google瀏覽器安裝到Dreamweaver CS6的瀏覽器清單內 04分02秒

01-07建立網站資料夾 06分39秒

01-08網站架構與網頁檔名的建立 07分28秒

01-09建立一個新的網站 02分42秒

01-10在新的網站內建立空白的網頁準備編輯 04分48秒

01-11網頁的開啟與關閉以及「尺規」的顯示 03分48秒

01-12網頁的編輯檢視切換與網頁的瀏覽器預覽方式 04分39秒

02-設計網頁版面1小時01分34秒

02-01網頁版面的規劃說明 06分47秒

02-02建立div版面範圍的操作 03分41秒

02-03建立完成div範圍,並示範div包覆div的做法與觀念 04分57秒

02-04使用「頁面屬性」來設定網頁的背景與邊界 04分01秒

02-05合併css語法的方式介紹 03分35秒

02-06網頁的儲存與開啟操作 01分38秒

02-07用Fireworks CS6繪製一個簡易的版型架構圖 12分48秒

02-08建立一個新的CSS檔案儲存到新建立的CSS資料夾內 05分07秒

02-09設定「banner」與「nav」區塊的高度與背景顏色 07分10秒

02-10接著設定「blank」與「footer」的div區塊高度與背景顏色 01分58秒

02-11設定Div區塊「content_L」「content_R」的左右浮動靠齊設定 06分11秒

02-12最後設定「wrapper」DIV區塊以及解決「blank」區塊被蓋住的問題 05分40秒

03-製作網頁橫幅37分36秒

03-01用Fireworks CS6繪製Banner步驟一:設定寬高 04分27秒

03-02匯入圖片到Banner內 02分59秒

03-03步驟三:加入標題文字 03分04秒

03-04完成Banner的製作,並且匯入到Banner區塊內 03分53秒

03-05讓Banner圖片上緣加上間距 05分28秒

03-06文字的「行高」CSS設定效果介紹 03分45秒

03-07用「em」單位設定文字大小的觀念 05分34秒

03-08輸入導覽列中的項目清單文字 04分16秒

03-09製作文字超連結的操作介紹 01分57秒

04-導覽列的製作32分47秒

04-01「導覽列按鈕」的製作,步驟一:讓清單文字橫排 05分19秒

04-02「導覽列按鈕」的製作,步驟二:設定超連結文字顏色與底線去除 06分45秒

04-03「導覽列按鈕」的製作,步驟三:將導覽列按鈕文字製作「反差色彩」效果 04分32秒

04-04「導覽列按鈕」的製作,步驟四:讓導覽列文字顯示成區塊的呈現效果 04分36秒

04-05「導覽列按鈕」的製作,步驟五:完成導覽列按鈕的製作! 02分33秒

04-06讓導覽列按鈕靠右邊對齊 02分05秒

04-07「Spry選單列」的建立步驟一 02分08秒

04-08「Spry選單列」的建立步驟二 04分19秒

04-09「Spry選單列」的建立步驟三:修改文字與背景色彩 05分10秒

05-功能區塊設定34分32秒

05-01準備製作文字樣式套用,先將文字貼入 01分48秒

05-02製作一個「跳頁選單」 04分54秒

05-03建立一個「搜尋」欄位區塊,方便未來的設計 04分24秒

05-04插入一張圖片後調整大小尺寸的方式 04分05秒

05-05「BR」的刪除與段落的產生 02分25秒

05-06解決中間content內容高度延伸的設定問題 05分48秒

05-07使用「定位」裡面的「Oerflow」讓背景顯示出來 02分40秒

05-08如何製作一個透明的背景色塊? 04分48秒

05-09如何讓背景「靜止」不動? 01分52秒

06-網頁內容樣式設定45分04秒

06-01有關標題文字的CSS樣式設定方式介紹 04分03秒

06-02如何將標題三與下方元件距離更近一些? 04分19秒

06-03再新增一個小區塊,將區塊內的文字設定與段落文字相同 10分36秒

06-04如何製作一個電子郵件的超連結文字? 03分44秒

06-05內容文字的樣式設定方式 05分46秒

06-06設定「內容」文字內的超連結文字樣式 03分05秒

06-07底端文字的輸入方式與特殊符號的插入 04分18秒

06-08「命名錨點」的建立與使用方式操作介紹 05分23秒

06-09設定超連結文字的提醒文字功能使用方式 03分38秒

06-10讓「footer」區塊內的文字移動到右下角的位置上 03分56秒

07-完成網頁範本與套用1小時12分54秒

07-01如何快速的製作一個「我的最愛圖示」? 06分20秒

07-02要再加上Icon語法才會發生功能! 04分20秒

07-03加入IE瀏覽器的安全標記,讓警告訊息不再出現! 03分02秒

07-04如何將網頁轉換成「範本」 04分21秒

07-05如何將範本套用到所有的空白網頁去? 06分56秒

07-06一次全部儲存所有的頁面,並測試頁面是否正常顯示 05分21秒

07-07如何將「範本」套用到已經有內容的網頁頁面? 05分07秒

07-08「範本」頁面的編輯與更新的注意事項 06分15秒

07-09將不需要的temp01以及其他的網頁檔案刪除掉吧! 01分16秒

07-10讓每個網頁都有自己專屬的css樣式表檔案,步驟一:建立ID標籤名稱 04分58秒

07-11讓每個網頁都有自己專屬的css樣式表檔案,步驟二:再製與修改個別CSS樣式檔案 06分38秒

07-12讓每個網頁都有自己專屬的css樣式表檔案,步驟三:完成各檔案的CSS樣式檔案的附加操作與效果產生 05分39秒

07-13如何再製一個不一樣的範本檔案? 03分50秒

07-14開始修改第二個範本檔案,首先更改圖片 02分56秒

07-15用位移的方式改變背景的顯示技巧介紹 04分39秒

07-16如何將網頁套用第二種範本檔案? 03分44秒