FrontPage2003 ch2

13
Chapter 2 數數數 FrontPage 實實實實

description

 

Transcript of FrontPage2003 ch2

Page 1: FrontPage2003 ch2

Chapter 2數位化 FrontPage

實習教師  楊 騏

Page 2: FrontPage2003 ch2

學習索引

如何製作網頁?

認識 FrontPage

實際操作 FrontPage

認識網頁標準

回顧與結語

網頁設計 FrontPage   實習教師:楊 騏

Page 3: FrontPage2003 ch2

如何製作網頁?

使用「所見即所得」的軟體編輯

使用純文字編輯 例如:記事本、 Notepad++

網 頁該如何製作?

網頁設計 FrontPage   實習教師:楊 騏

Page 4: FrontPage2003 ch2

如何製作網頁?(續)

製作網頁的軟體 所見即所得

Microsoft FrontPage (FP)Adobe DreamWeaver (DW)

網頁設計 FrontPage   實習教師:楊 騏

Page 5: FrontPage2003 ch2

製作個人簡介的網頁

有文字有文字

有圖片有圖片

有超連結有超連結

網頁設計 FrontPage   實習教師:楊 騏

Page 6: FrontPage2003 ch2

網頁標準

W3C W3C 標準驗證

• http://validator.w3.org/• http://jigsaw.w3.org/css-validator/

無障礙 無障礙網頁健檢

• http://www.webguide.nat.gov.tw/wSite/lp?ctNode=142

網頁設計 FrontPage   實習教師:楊 騏

Page 7: FrontPage2003 ch2

網頁標準(續)

通過 W3C 的網站

網頁設計 FrontPage   實習教師:楊 騏

Page 8: FrontPage2003 ch2

網頁標準(續)

教學網站也有通過 W3C

網頁設計 FrontPage   實習教師:楊 騏

Page 9: FrontPage2003 ch2

網頁標準(續)

未通過 W3C 的網站

網頁設計 FrontPage   實習教師:楊 騏

Page 10: FrontPage2003 ch2

網頁標準(續)

通過無障礙 A+ 的網站

網頁設計 FrontPage   實習教師:楊 騏

Page 11: FrontPage2003 ch2

網頁標準(續)

未通過無障礙 A 的網站

網頁設計 FrontPage   實習教師:楊 騏

Page 12: FrontPage2003 ch2

回顧

FrontPage 中,網站管理工作視窗的功能? 資料夾 遠端網站 報告 瀏覽 超連結 工作

有哪些網頁標準? W3C 、無障礙

網頁設計 FrontPage   實習教師:楊 騏

Page 13: FrontPage2003 ch2

高二數位化下課了!

感謝大家的聆聽!