主講人：吳清輝老師EMAIL ： terry28853669@hotmail.com

TQC+Dreamweaver CS4 研習

行銷與流通管理系提升教師能力計畫

教師學、經歷：• 證照：

o 教育部大學講師證o 電腦軟體應用乙級技術士o 網頁設計丙級技術士o 電腦硬體裝修技術士o 電腦軟體設計技術士學科o 行政院經濟部工業局

ITE 企業電子化助理規劃師專業證照o TQC 網際網路應用專業證照o TQC 電子商務概論專業證照o TQCPHOTOIMACT 實用級o TQCFLASH 實用級o TQCWORD207 專業級o TQCEXCEL207 專業級o TQCPOWERPOINT207 專業級o TQC 網際網路與行動通訊專業級o TQC 認證合格監評人員o TQCSolidWorks,專業級o TQC+AutoCad2010 3D 專業級o TQC+Android2o TQC+FLASH CA4o TQC認證合格監評人員

o 電訓證字第 NOA-980101號

o 程式設計評分o MOS 、 IC3 、 EPC-RFID 等國際證照

經歷：• 實密科技程式設計師• 暨南大學講師• 東吳大學講師• 元智大學助理教授• 北縣勞工大學講師• 大亞電腦講師• 巨匠電腦講師• 行政院勞委會資訊人才培訓講師

（網路資料庫程式設計）• 經濟部工業局數位內容學院講師

（網路程式設計）• 外訓：百齡高中、成淵高中、遠傳電信、聖約翰、鶯歌高職

等、教育部中學 E 化講師。• 淡大資工 Android 專案、佛光大學 Android 種子教師。

現職：• 東吳大學中文系兼任助理教授• 元智大學中語系兼任助理教授• 北縣勞工大學講師• 湜憶電腦執行長

• 金峰獎傑出創業楷模• 技職之光 ( 洪振傑 )• 證照達人 (6 名有 5)• TQC 考場人次第一

Dreamweaver CS4 操作題分類第一類 圖、文、多媒體網頁之設計操作

102. TQC 考生服務網104. 台灣之光

第二類 網頁版面編排之設計操作 202. 旅遊觀光206. Camera People

第三類 網頁進階功能之操作302. 全新功能介紹304. 電腦研習網

第四類 動態網頁之建立與設定 402. 忠實房屋網408. 產品管理

檔案下載goo.gl/ddNLE

第一章 工作環境了解基本位置即可與 Office 的差異重要介面介紹

檔案下載：http://goo.gl/ddNLE

第一章 工作環境

第二章 網站的建立 網頁屬性

影像藍圖 : 設計網頁的輔助背景草圖網站定義

與 ftp 的連結、資料夾、上傳、同步化 網頁處理

首頁一般為 Default.htm

網頁屬性

建立網站和上傳Ex. 師培中心

學校的提供的網頁空間ftp 網址 : my.nthu.edu.tw 帳號 cfte 密碼＊＊＊＊＊＊

1.建立本機的網頁資料夾2.在本機上編輯 網頁伺服器

提供網頁空間

3.存檔後利用 ftp上傳到網頁伺服器 ( 同步更新 )

網頁同步化下載之前編過的網頁

瀏覽網站

遠端檢視資料夾內容

同 XP檔案總管

將遠端網頁資料夾整個下載到本機上

編輯舊有檔案

建立新網頁 /新資料夾

儲存 /更新網頁 ( 同步化 )

第三章 文字編排 文字編排 : 和 word 相似 如何產生空格：全形空白鍵復原上一步 CTRL+Z

第四章 加入多媒體加入圖片 /動畫 (FLASH)

第五章表格及版面表格 表格

可在屬性中設定

第五章表格及版面表格 (cont.)版面表格 : 以拖曳來產生表格 /儲存格

第六章 圖層使表格及圖片可隨意在網頁各處

第六章 圖層 (Cont)圖層的 Z 軸 : 決定圖層先後順序 ( 大 -> 前 )圖層和表格的轉換 : 當瀏覽器 ( 舊 ) 不支援圖層

修改 /轉換 /圖層轉換為表格 ( 表格轉換成圖層 )

第七章 頁框 ( 框架頁 )

第八章 超連結文字 /圖片超連結 : 由屬性設定

( 同上章 ) 連結 1 錨點 : 在網頁中各點移動

超連結的開啟方式

錨點

超連結到錨點

重要補充F12 於瀏覽器中預覽Mailto: 電子郵件信件

簡報完畢歡迎指教