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

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

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

範例檔案下載

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

應用程式下載

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

講師介紹

講師:王老師

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

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

章節目錄(點取標題)

01.準備開始製作網頁的設定29分56秒

01-01建立網站前先建立儲存網頁的資料夾 05分29秒

01-02使用Dreamweaver CS5建立一個新的網站 05分42秒

01-03如何修改網站定義內容與將影像資料夾定義完成 02分11秒

01-04如何移除不需要的網站清單? 03分24秒

01-05下載安裝第二種瀏覽器「Firefox」 04分50秒

01-06將Firefox瀏覽器與Dreamweaver CS5結合 05分08秒

01-07設定網頁文字大小與其他偏好設定 03分12秒

02.開始建立新的網站38分55秒

02-01依照網站架構開始建立我們的新網頁 10分47秒

02-02網頁檔案建立的注意事項與搬移方式 02分31秒

02-03檔案的開啟與關閉操作方式以及檔案未儲存的符號標示! 03分27秒

02-04網頁的三種檢視操作與使用新功能「即時檢視」的注意事項,另外再介紹如何使用IE瀏覽器預覽網頁 13分43秒

02-05工具列不見了該怎麼辦?「屬性」面板該如何展開? 04分54秒

02-06功能表與「插入」面板的操作介紹 03分33秒

03.使用CSS來美化我們的網頁1小時28分05秒

03-01輸入文字,準備開始介紹使用CSS樣式串接表 01分48秒

03-02建立網頁的段落文字架構設定主要標題 10分26秒

03-03完成網頁的段落標題文字架構與項目清單的製作方式 04分48秒

03-04何謂HTML元素?常見的元素又有哪些? 07分57秒

03-05準備修改標題一H1的元素外觀 05分42秒

03-06中文字型如何產生到字型清單內? 06分03秒

03-07CSS在html元素上的背景圖片設定方式介紹 08分51秒

03-08有關CSS在文字字型上的調整方式詳細介紹 10分41秒

03-09如何使用css來調整文字的縮排與字距 04分56秒

03-10如何將網頁設計用的「尺規」顯示出來? 01分21秒

03-11接著介紹有關CSS中的「方框」設定操作,很重要唷! 09分03秒

03-12如何讓整個HTML元素自動的放到網頁的正中央? 04分05秒

03-13如何使用CSS將物件加上「邊框」線? 04分38秒

03-14如何使用CSS將HTML物件變成透明?以及如何用CSS改變滑鼠指標的外觀? 05分20秒

03-15為何我的透明度效果沒有看到? 02分26秒

04.如何使用CSS來設定網頁中的超連結樣式58分52秒

04-01如何檢視我的CSS樣式語法? 03分52秒

04-02接著著設定H2標題二的文字樣式,步驟一 02分43秒

04-03接著著設定H2標題二的文字樣式,步驟二 02分36秒

04-04然後再設定H3標題三的文字樣式,步驟三 03分47秒

04-05完成標題三的CSS樣式設定 02分30秒

04-06設定H4段落文字的CSS樣式設定 05分31秒

04-07如何將清單樣式改變成我們指定的圖片樣式? 05分45秒

04-08如何將網頁加上背景圖片美化它? 04分05秒

04-09要如何將背景圖片不會隨著捲軸轉動? 01分41秒

04-10文字超連結建立的方式 03分03秒

04-11超連結的「目標」設定與超連結的效果移除方式 04分58秒

04-12設定超連結文字的CSS樣式,讓超連結文字產生變換效果 07分03秒

04-13具有指定效果的ID物件套用CSS的操作方式 07分53秒

04-14那要如何製作ID物件變換顏色超連結效果?---必學密技! 03分25秒

05.如何將CSS與其他的網頁共用?35分26秒

05-01準備將CSS樣式與其他檔案串連,首先要「移動CSS規則」 07分23秒

05-02輸入文字後,將標題樣式與段落架構建立完成 04分22秒

05-03文字段落的分割技巧與程式碼的輸入方式介紹 06分01秒

05-04將CSS樣式檔案附加到其他網頁檔案中 04分23秒

05-05如何設定只有這個網頁專用的CSS樣式? 03分09秒

05-06用「尋找取代」的功能一次將不需要的文字符號刪除! 03分32秒

05-07如何在頁面中增加超連結文字,製作「內部」連結? 06分36秒

06.圖片的插入操作與簡易編輯1小時05分00秒

06-01圖片的插入與刪除操作的正確觀念與技巧 08分32秒

06-02如何正確的插入PSD(Photoshop格式)圖片檔案? 04分52秒

06-03如何正確的將大尺寸圖片縮小? 03分54秒

06-04圖片與文字的圍繞設定以及文字與圖片的間距調整 05分46秒

06-05圖片的簡易編輯操作「裁切」、「亮度對比」「銳利化」 03分51秒

06-06如何在圖片上加上註解文字?「編輯標籤」的操作 06分09秒

06-07如何正確的編輯PSD圖片檔案與圖片的更新方式 06分00秒

06-08如何設定主要圖片編輯器的操作 03分30秒

06-09如何使用Photoshop將圖片修改成圓角效果? 06分02秒

06-10如何使用Fireworks將圖片製作出圓角效果 04分53秒

06-11如何將GIF或是PNG圖片去除背景色? 03分54秒

06-12必學技巧!如何使用CSS製作圖片邊框陰影效果? 07分37秒

07.DIV區塊的使用介紹1小時10分09秒

07-01DIV區塊的建立與刪除操作介紹說明 06分30秒

07-02如何使用CSS控制DIV的任意移動位置? 06分41秒

07-03如何使用DIV加上CSS語法來製作圖文外框效果? 10分05秒

07-04使用DIV區塊功能,將圖片置放到網頁的正中央 04分28秒

07-05如何使用DIV區塊,將頁首的超連結文字放在網頁中央... 06分09秒

07-06圖片超連結建立的方式與注意事項 04分07秒

07-07如何將超連結圖片的外框去除掉的操作。 04分27秒

07-08可以將本網頁專有的CSS樣式分享出來嗎?另一種您要知道的CSS操作! 05分21秒

07-09如何在同一張圖片上製作多個超連結效果?讓一張圖片可以連結到不同網頁去 07分30秒

07-10注意事項!連續製作連結區的注意事項... 01分42秒

07-11「錨點」工具的使用,步驟一:建立錨點 03分39秒

07-12「錨點」工具的使用,步驟二:連結到指定錨點位置 02分47秒

07-13必學技巧!「錨點」的進階使用操作。如何從其他網頁連結到錨點上? 05分07秒

07-14直線符號「|」怎麼打出來? 01分36秒

08.表格的建立與調整1小時10分19秒

08-01表格的插入方式操作 07分18秒

08-02表格的基礎操作介紹:「刪除」「插入」「分割」「合併」等操作 06分48秒

08-03如何在表格中再插入表格?使用的時間與操作方式。另外再介紹「表頭」的功用 06分16秒

08-04將資料插入到表格中的技巧 06分39秒

08-05如何正確的調整表格的寬度與儲存格內容 06分11秒

08-06如何快速的用CSS來設定表格中的文字樣式? 09分26秒

08-07指定某幾個儲存格套用CSS的操作技巧 08分58秒

08-08將表格加上邊框線的方式 04分07秒

08-09使用「Spry工具提示」功能做出顯示大圖的效果 07分41秒

08-10如何正確的修改與刪除「Spry工具提示」功能? 06分55秒

09.使用Fireworks CS5來繪製網頁版型1小時01分32秒

09-01製作小圖跳大圖的網頁「行為」效果,步驟一:建立新網頁 02分51秒

09-02製作小圖跳大圖的網頁「行為」效果,步驟二:加入「開啟瀏覽器視窗」的行為效果 03分58秒

09-03製作小圖跳大圖的網頁「行為」效果,步驟三:讓圖片指到時出手指的CSS語法設定方式 05分39秒

09-04製作小圖跳大圖的網頁「行為」效果,步驟四:最後加上關閉網頁語法與文字提示功能! 05分23秒

09-05使用Fireworks CS5繪製網頁版型的操作概念解說 14分07秒

09-06用Fireworks CS5所設計的版型具有網頁安全標記唷! 06分34秒

09-07將分割區塊轉換成背景圖片,以利文字的輸入 06分42秒

09-08製作網頁內容具有延展的區域操作方式 04分12秒

09-09如何讓整個版面表格置中?一定要學的技巧唷! 03分36秒

09-10如何讓網頁背景圖片具有不中斷的顯示效果? 06分00秒

09-11用CSS讓版型看起來具有浮凸的效果 02分30秒

10.用DIV來佈局網頁元件的配置1小時14分54秒

10-01開始在版型中插入物件與文字 01分41秒

10-02製作頂部區塊超連結文字之一 06分41秒

10-03製作頂部區塊超連結文字之二 01分59秒

10-04開始設定底端文字區塊,步驟一:插入DIV 07分28秒

10-05開始設定底端文字區塊,步驟三:設定DIV的相對位置 04分27秒

10-06開始設定底端文字區塊,步驟四:設定小圖示與文字的位置 05分55秒

10-07開始設定底端文字區塊,步驟五:設定字型與自距以及e-mail信箱的插入 06分57秒

10-08Srpy選單列的插入,步驟一:插入按鈕後修改文字 04分57秒

10-09Srpy選單列的插入,步驟二:修改按鈕的寬度與文字置中調整 02分37秒

10-10Srpy選單列的插入,步驟三:修改按鈕文字的格式與製作按鈕小圖示 07分59秒

10-11Srpy選單列的插入,步驟四:改變按鈕的背景圖片樣式 06分31秒

10-12Srpy選單列的插入,步驟五:將整個按鈕放在中央位置 03分45秒

10-13導覽超連結文字的設計範例 06分37秒

10-14製作主要文字內容的左右區塊 07分20秒

11.『範本』的套用與修改40分29秒

11-01將網頁另存成「範本」,並介紹如何預覽範本頁面 07分39秒

11-02接著設定範本文件的可編輯區域 04分07秒

11-03然後在將範本頁面套用到空白網頁檔案中 07分15秒

11-04如何使用Photoshop製作網頁的主題圖片? 11分26秒

11-05如何將範本套用到已經有內容的網頁中? 07分41秒

11-06為何我的連結大圖視窗功能沒有作用? 02分21秒

12.網站的上傳10分25秒

12-01如何設定遠端伺服器,將整個網站網頁上傳? 04分42秒

12-02如何單一上傳一個網頁頁面? 05分43秒