Your SlideShare is downloading. ×
Week3 217 2003
Week3 217 2003
Week3 217 2003
Week3 217 2003
Week3 217 2003
Week3 217 2003
Week3 217 2003
Week3 217 2003
Week3 217 2003
Week3 217 2003
Week3 217 2003
Week3 217 2003
Week3 217 2003
Week3 217 2003
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Week3 217 2003

486

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
486
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×