Week3 217 2003

652 views

Published on

  • Be the first to comment

  • Be the first to like this

Week3 217 2003

  1. 1. 數位化 FrontPage 實習教師  楊 騏 絕對路徑、相對路徑
  2. 2. 學習索引 絕對路徑 vs 相對路徑 數位化 FrontPage   實習教師:楊 騏
  3. 3. <ul><li>絕對路徑 </li></ul><ul><ul><li>範例: </li></ul></ul><ul><ul><li>通常使用在: 外部超連結 (連結到外部網頁) </li></ul></ul>絕對路徑 數位化 FrontPage   實習教師:楊 騏 http://www.slhs.tp.edu.tw/index.html 網路上一台 WWW Server 上的一個 HTML 檔案 file:///C:/Documents and Settings/ 騏騏 / 桌面 /fp_tech/fp_tech.html C 槽裡桌面上的 HTML 檔案
  4. 4. 絕對路徑(續) <ul><li>連結一個網址 </li></ul><ul><ul><li>範例:要連到 http://www.csie.ntnu.edu.tw/~u95088/index.html </li></ul></ul>數位化 FrontPage   實習教師:楊 騏 學號資料夾 image 資料夾 index.html 使用絕對路徑 http://www…tw/index.html index.html
  5. 5. <ul><li>相對路徑 </li></ul><ul><ul><li>相對於現在目錄的路徑表示法 </li></ul></ul><ul><ul><li>用「 .. 」來代表上一層目錄 </li></ul></ul><ul><ul><li>範例 </li></ul></ul><ul><ul><li>通常使用在: 內部超連結 (連結內部的網頁) </li></ul></ul>相對路徑 數位化 FrontPage   實習教師:楊 騏 2 個點! about.html 表示同一層目錄下的 about.html 檔案 image/bg.gif 表示 image 子目錄下的 bg.gif 檔案 ../ index.html 表示上一層目錄的 index.html 檔案 ../ about/about.html 表示上一層目錄下, about 子目錄的 about.html 檔案
  6. 6. 相對路徑(續) <ul><li>表示「 同一層 」目錄下的檔案 </li></ul><ul><ul><li>範例:現在在 index.html ,要連到 about.html </li></ul></ul>數位化 FrontPage   實習教師:楊 騏 學號資料夾 image 資料夾 index.html about.html 使用相對路徑 about.html
  7. 7. 相對路徑(續) <ul><li>表示「 子目錄 」下的檔案 </li></ul><ul><ul><li>範例:要連到 image 資料夾裡的 bg.gif </li></ul></ul>數位化 FrontPage   實習教師:楊 騏 學號資料夾 image 資料夾 index.html 使用相對路徑 image / bg.gif bg.gif
  8. 8. 相對路徑(續) <ul><li>表示「 上層目錄 」裡的檔案 </li></ul><ul><ul><li>範例:要連到上層資料夾裡的 index.html </li></ul></ul>數位化 FrontPage   實習教師:楊 騏 學號資料夾 member 資料夾 index.html 使用相對路徑 ../ index.html member.html
  9. 9. 相對路徑(續) <ul><li>表示「 上層目錄下,子目錄 」裡的檔案 </li></ul><ul><ul><li>範例:現在在 member.html ,要連到 about.html </li></ul></ul>數位化 FrontPage   實習教師:楊 騏 使用相對路徑 ../ about/about.html 學號資料夾 member 資料夾 index.html about.html about 資料夾 member.html
  10. 10. <ul><li>相對路徑 </li></ul><ul><ul><li>範例 </li></ul></ul><ul><ul><li>那麼「 ../../test.txt 」呢? </li></ul></ul><ul><ul><ul><li>代表 上上層 的 test.txt 檔案 </li></ul></ul></ul><ul><ul><li>又「 ../../../image/cat.jpg 」呢? </li></ul></ul><ul><ul><ul><li>代表 上上上層 , image 子目錄下的 cat.jpg 檔案 </li></ul></ul></ul>相對路徑(續) 數位化 FrontPage   實習教師:楊 騏 about.html 表示同一層目錄下的 about.html 檔案 image/bg.gif 表示 image 子目錄下的 bg.gif 檔案 ../ index.html 表示上一層目錄的 index.html 檔案 ../ about/about.html 表示上一層目錄下, about 子目錄的 about.html 檔案
  11. 11. <ul><li>完成《鋼鐵人 2 》的電影介紹網站 </li></ul><ul><ul><li>介紹首頁 </li></ul></ul>課堂作業 網頁設計 FrontPage   實習教師:楊 騏
  12. 12. <ul><ul><li>劇情綱要 </li></ul></ul>課堂作業(續) 網頁設計 FrontPage   實習教師:楊 騏
  13. 13. <ul><ul><li>相關新聞 </li></ul></ul>課堂作業(續) 網頁設計 FrontPage   實習教師:楊 騏
  14. 14. 下課了! 感謝大家的聆聽! 高二數位化

×