TQC+Dreamweaver CS4 研習 行銷與流通管理系提升教師能力計畫

1. TQC+Dreamweaver CS4研習 行銷與流通管理系提升教師能力計畫 主講人：吳清輝老師 EMAIL：terry28853669@hotmail.com

2. 教師學、經歷： • 證照： • 教育部大學講師證 • 電腦軟體應用乙級技術士 • 網頁設計丙級技術士 • 電腦硬體裝修技術士 • 電腦軟體設計技術士學科 • 行政院經濟部工業局ITE企業電子化助理規劃師專業證照 • TQC網際網路應用專業證照 • TQC電子商務概論專業證照 • TQCPHOTOIMACT實用級 • TQCFLASH實用級 • TQCWORD207專業級 • TQCEXCEL207專業級 • TQCPOWERPOINT207專業級 • TQC網際網路與行動通訊專業級 • TQC認證合格監評人員 • TQCSolidWorks,專業級 • TQC+AutoCad2010 3D專業級 • TQC+Android2 • TQC+FLASH CA4 • TQC認證合格監評人員 • 電訓證字第NOA-980101號 • 程式設計評分 • MOS、IC3、EPC-RFID等國際證照 • 經歷： • 實密科技程式設計師 • 暨南大學講師 • 東吳大學講師 • 元智大學助理教授 • 北縣勞工大學講師 • 大亞電腦講師 • 巨匠電腦講師 • 行政院勞委會資訊人才培訓講師（網路資料庫程式設計） • 經濟部工業局數位內容學院講師（網路程式設計） • 外訓：百齡高中、成淵高中、遠傳電信、聖約翰、鶯歌高職等、教育部中學E化講師。 • 淡大資工Android專案、佛光大學Android種子教師。 • 現職： • 東吳大學中文系兼任助理教授 • 元智大學中語系兼任助理教授 • 北縣勞工大學講師 • 湜憶電腦執行長 • 金峰獎傑出創業楷模 • 技職之光(洪振傑) • 證照達人(6名有5) • TQC考場人次第一

3. Dreamweaver CS4操作題分類 • 第一類 圖、文、多媒體網頁之設計操作 • 102. TQC考生服務網 • 104. 台灣之光 • 第二類 網頁版面編排之設計操作 • 202. 旅遊觀光 • 206. Camera People • 第三類 網頁進階功能之操作 • 302. 全新功能介紹 • 304. 電腦研習網 • 第四類 動態網頁之建立與設定 • 402. 忠實房屋網 • 408. 產品管理

4. 檔案下載 • goo.gl/ddNLE

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

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

7. 第一章 工作環境

8. 第二章 網站的建立 • 網頁屬性 • 影像藍圖: 設計網頁的輔助背景草圖 • 網站定義 • 與ftp的連結、資料夾、上傳、同步化 • 網頁處理 • 首頁一般為Default.htm

9. 網頁屬性

10. 建立網站和上傳 • Ex.師培中心 • 學校的提供的網頁空間 • ftp網址: my.nthu.edu.tw • 帳號 cfte 密碼＊＊＊＊＊＊ 3.存檔後利用ftp上傳到網頁伺服器(同步更新) 瀏覽網站 網頁同步化下載之前編過的網頁 1.建立本機的網頁資料夾 2.在本機上編輯 網頁伺服器 提供網頁空間

17. 同XP檔案總管 遠端檢視資料夾內容

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

19. 編輯舊有檔案

20. 建立新網頁/新資料夾

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

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

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

25. 第五章表格及版面表格 • 表格 可在屬性中設定

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

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

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

29. 第七章 頁框(框架頁)

32. 第八章 超連結 • 文字/圖片超連結: 由屬性設定 • (同上章)連結1 • 錨點: 在網頁中各點移動

33. 超連結的開啟方式

34. 錨點

35. 超連結到錨點

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

37. 簡報完畢 • 歡迎指教