數位化 FrontPage
               Chapter 3~5




實習教師   楊   騏
學習索引



作業檢討


FTP上傳注意事項


FrontPage提供的網頁與網站範本


課堂作業


補充:網頁標準




                      數位化 FrontPage   實習教師:楊   騏
作業檢討

資料夾架構

              學號資料夾




       image資料夾            網頁檔案




圖片檔案
                      數位化 FrontPage   實習教師:楊   騏
FTP上傳注意事項

FTP (File Transfer Protocol)
    網路上進行檔案傳輸的標準協議
上傳、下載的方法
   1.FTP專門軟體
   2.瀏覽器上傳
   3.網頁上傳




                                    數位化 FrontPage   實習教師:楊   騏
FTP上傳注意事項(續)

主機位址
  士商學生的主機位址為203.72.185.5




                        數位化 FrontPage   實習教師:楊   騏
FTP上傳注意事項(續)

帳號、密碼
  UserID(帳號):學號
  Password(密碼):身份證字號(開頭英文小寫)
  例如:a123456789




                    數位化 FrontPage   實習教師:楊   騏
FTP上傳注意事項(續)

 WS-FTP介面介紹
  本機地址
                    遠端地址




本機檔案
                                遠端檔案



                      數位化 FrontPage   實習教師:楊   騏
FTP上傳注意事項(續)

WS-FTP介面介紹(續)
                 上傳到WWW
                 資料夾內




        下載、上傳
        按鈕




                      數位化 FrontPage   實習教師:楊   騏
FTP上傳注意事項(續)

上傳更新檔案
  網友才能看到最新的網頁
  上傳的時候要「覆蓋」掉原來的檔案


在網路上瀏覽自己的網頁
  網址為:http://mail.slhs.tp.edu.tw/~自己的學號


我有問題!
  為什麼上傳的檔案不能使用中文檔名?

                             數位化 FrontPage   實習教師:楊   騏
建立網頁與網站


利用網頁範本建立「網頁」




                網頁設計 FrontPage   實習教師:楊   騏
建立網頁與網站(續)


利用網站範本建立「網站」




                網頁設計 FrontPage   實習教師:楊   騏
課堂作業


建立個人網站




          網頁設計 FrontPage   實習教師:楊   騏
補充:網頁標準

W3C
  W3C標準驗證
   • http://validator.w3.org/
   • http://jigsaw.w3.org/css-validator/


無障礙
  無障礙網頁健檢
   • http://www.webguide.nat.gov.tw/wSite/lp?ctNode=142




                                           網頁設計 FrontPage   實習教師:楊   騏
補充:網頁標準(續)

通過W3C的網站




                 網頁設計 FrontPage   實習教師:楊   騏
補充:網頁標準(續)

教學網站也有通過W3C




               網頁設計 FrontPage   實習教師:楊   騏
補充:網頁標準(續)

未通過W3C的網站




                  網頁設計 FrontPage   實習教師:楊   騏
補充:網頁標準(續)

通過無障礙A+的網站




               網頁設計 FrontPage   實習教師:楊   騏
補充:網頁標準(續)

未通過無障礙A的網站




              網頁設計 FrontPage   實習教師:楊   騏
下課了!
            高二數位化




感謝大家的聆聽!

FP2003 ch 3~5