將圖片或檔案製作為連結,降低信件大小

出自KMU Wiki

(修訂版本間差異)
跳轉到: 導航, 搜索
在2018年10月9日 (二) 10:50所做的修訂版本 (編輯)
Ykk (對話 | 貢獻)
(新頁面: == 使用Joomla網頁空間,上傳圖片或檔案,取得網址 == == 使用WordPress平台,上傳圖片或檔案,取得網址 == == 取得上傳的圖片或檔案之連結,...)
←上一個
在2018年10月9日 (二) 11:07所做的修訂版本 (編輯) (撤銷)
Ykk (對話 | 貢獻)

下一個→
第1行: 第1行:
== 使用Joomla網頁空間,上傳圖片或檔案,取得網址 == == 使用Joomla網頁空間,上傳圖片或檔案,取得網址 ==
 +
 +1.如欲在文章中使用「超連結」到單一特定檔案,有兩種方式可供參考,以下分別介
 +紹。使用Google Chrome瀏覽器先登入高醫大Joomla後台:
 +
 +
 +2.若登入後,並非此畫面,請點左上角的「網站」向下的「控制台」,即可出現上述畫面。
 +
 +3.點選畫面左側下方的「JCE瀏覽器」:
 +
 +4.此時會跳出一個視窗,背景會被透明黑色,以下先暫時挑選此視窗做說明。
 +
 +5.注意此視窗的左上角會出現「Root」的字樣,此時連結之資料夾及語法為 您的網站連結 + /images/,
 +例如: https://olis.kmu.edu.tw/images
 +
 +6.本教學要說明如何將檔案依照資料夾進行「分類」與「連結」,故點選右上方的「新
 +:增資料夾」圖示。 教學中的資料夾與檔案名稱,皆建議使用英文。
 +
 +7.中央又會跳出一個視窗,讓您輸入新資料夾的名稱,此處我們示範範例,請填入
 +「test-teach」,並按下「OK」。
 +
 +8.此時左側的資料夾樹狀圖最下方,即會多一個「test-teach」的資料夾
 +
 +
 +9.接著點選「test-teach」資料夾,會發現左上方的「Root」後方多了test-teach的
 + 字樣,視窗中間亦會變成什麼都沒有。
 +※ 超連結之資料夾路徑及語法為 例如: https://olis.kmu.edu.tw/images/test-teach。
 +
 +10.接下來,按下右上角的「上傳」圖示。
 +
 +
 +11.接下來中央出現的視窗,請點選「瀏覽」。 不利用拖曳,是因擔心拖曳錯誤,容易造成檔案可能有問題,使用「瀏覽」找尋到正確要上傳的檔案,再按下「開啟舊檔」。
 +
 +
 +12.接著請按下「上傳」,上傳完畢後,將如下圖右。此時網頁中取得test-teaching.pdf之超連結位置及語法為:
 +:<br/>images/ test-teach/test-teaching.pdf。
 +:<br/>例如:https://olis.kmu.edu.tw/images/test-teach/test-teaching.pdf。
 +
 +
 +13.重複步驟1~12,即可將要「分類」與「連結」的檔案,逐一區分。
 +:<br/>您僅需記住:
 +:<br/>1.Root 即表示為images/
 +:<br/>2.連結語法為: 您的網站連結/images/您分類的資料夾名稱/您要連結的檔案名稱(包含副檔名)
 +:<br/>例如:https://olis.kmu.edu.tw/images/test-teach/test-teaching.pdf。
 +
 +
== 使用WordPress平台,上傳圖片或檔案,取得網址 == == 使用WordPress平台,上傳圖片或檔案,取得網址 ==
== 取得上傳的圖片或檔案之連結,加入到信件本文 == == 取得上傳的圖片或檔案之連結,加入到信件本文 ==

在2018年10月9日 (二) 11:07所做的修訂版本

使用Joomla網頁空間,上傳圖片或檔案,取得網址

1.如欲在文章中使用「超連結」到單一特定檔案,有兩種方式可供參考,以下分別介 紹。使用Google Chrome瀏覽器先登入高醫大Joomla後台:


2.若登入後,並非此畫面,請點左上角的「網站」向下的「控制台」,即可出現上述畫面。

3.點選畫面左側下方的「JCE瀏覽器」:

4.此時會跳出一個視窗,背景會被透明黑色,以下先暫時挑選此視窗做說明。

5.注意此視窗的左上角會出現「Root」的字樣,此時連結之資料夾及語法為 您的網站連結 + /images/, 例如: https://olis.kmu.edu.tw/images

6.本教學要說明如何將檔案依照資料夾進行「分類」與「連結」,故點選右上方的「新

增資料夾」圖示。 教學中的資料夾與檔案名稱,皆建議使用英文。

7.中央又會跳出一個視窗,讓您輸入新資料夾的名稱,此處我們示範範例,請填入 「test-teach」,並按下「OK」。

8.此時左側的資料夾樹狀圖最下方,即會多一個「test-teach」的資料夾


9.接著點選「test-teach」資料夾,會發現左上方的「Root」後方多了test-teach的

 字樣,視窗中間亦會變成什麼都沒有。

※ 超連結之資料夾路徑及語法為 例如: https://olis.kmu.edu.tw/images/test-teach。

10.接下來,按下右上角的「上傳」圖示。


11.接下來中央出現的視窗,請點選「瀏覽」。 不利用拖曳,是因擔心拖曳錯誤,容易造成檔案可能有問題,使用「瀏覽」找尋到正確要上傳的檔案,再按下「開啟舊檔」。


12.接著請按下「上傳」,上傳完畢後,將如下圖右。此時網頁中取得test-teaching.pdf之超連結位置及語法為:


images/ test-teach/test-teaching.pdf。

例如:https://olis.kmu.edu.tw/images/test-teach/test-teaching.pdf。


13.重複步驟1~12,即可將要「分類」與「連結」的檔案,逐一區分。


您僅需記住:

1.Root 即表示為images/

2.連結語法為: 您的網站連結/images/您分類的資料夾名稱/您要連結的檔案名稱(包含副檔名)

例如:https://olis.kmu.edu.tw/images/test-teach/test-teaching.pdf。


使用WordPress平台,上傳圖片或檔案,取得網址

取得上傳的圖片或檔案之連結,加入到信件本文