將圖片或檔案製作為連結,降低信件大小 - KMU Wiki
文章推薦指數: 80 %
Image:Joomla_Link_3.PNG. 4.本範例取得的超連結為:https://olis.kmu.edu.tw/images/hyread.jpg ...
將圖片或檔案製作為連結,降低信件大小
出自KMUWiki
跳轉到:導航,搜索
目錄
1方法一、使用WordPress平台,上傳圖片或檔案,取得網址
2方法二、針對已經有文章的Joomla,取得圖片連結使用
3方法三、使用Joomla網頁空間,上傳圖片或檔案,取得網址
4最後:取得上傳的圖片或檔案之連結,加入到信件本文
[編輯]方法一、使用WordPress平台,上傳圖片或檔案,取得網址
1.請選擇以下三種方法其中之一!。
2.以下任一種方法均支援圖片或檔案的連結。
3.選擇其中一種方法使用後,再跳到最後,去編輯信件。
1.請先至此網址登入https://wp.kmu.edu.tw/wp-login.php,帳號為:教職員工生EMail帳號,密碼:EMail密碼。
2.登入之後,會看到下圖的畫面:
3.點選左上角「我的網站」,往下滑出「您的Email帳號'sblog」,接著往右滑出「控制台」,並點擊。
4.點擊後,請確認左上角為「我的網站-->您的Email帳號'sblog」
5.點選左側選單的「媒體」,往右滑出「新增檔案」
6.或者直接點擊兩下「媒體」,點選右側畫面出現的「新增檔案」
7.點選「新增檔案」之後,右側畫面會跳出「選擇檔案」的按鈕,點擊並選擇檔案。
8.會跳出瀏覽視窗,確認選好檔案後,按下「開啟」。
9.上傳檔案完成後,會出現在下方,「請點擊該檔案圖示兩下!」,來取得連結。
10.此時會進入檔案的詳細資訊,右側有「鏈結」,可以取得超連結,並有「永久刪除」,可以提供刪除管理功能。
11.本範例取得之超連結為https://wp.kmu.edu.tw/emp/files/2018/10/Word-2016啟動_範本畫面.pdf,提供最後之方法使用。
[編輯]方法二、針對已經有文章的Joomla,取得圖片連結使用
1.首先開啟要取用的圖片,其在Joomla的連結,如下圖,請點擊紅色框
2.開啟後,針對要取得的圖片,點選「右鍵」,選擇「複製圖片位址」;
3.將取得的圖片超連結,複製貼上到信件內容,或暫時貼上到一個新的記事本:
4.本範例取得的超連結為:https://olis.kmu.edu.tw/images/hyread.jpg
[編輯]方法三、使用Joomla網頁空間,上傳圖片或檔案,取得網址
1.如欲在文章中使用「超連結」到單一特定檔案,請參考以下方式。
使用GoogleChrome瀏覽器先登入高醫大Joomla後台,登入畫面如下:
2.若登入後,並非此畫面,請點左上角的「網站」向下的「控制台」,即可出現以下畫面。
3.點選畫面左側下方的「JCE瀏覽器」:
4.此時會跳出一個視窗,背景會被透明黑色,使用以下紅框視窗做說明。
5.注意此視窗的左上角會出現「黑色小屋」的圖示,此時連結之資料夾及語法為您的網站連結+/images/,
例如:https://olis.kmu.edu.tw/images/
6.接著點選右上方的「新增資料夾」圖示。
注意:資料夾與檔案名稱,皆建議使用英文。
7.中央又會跳出一個視窗,讓您輸入新資料夾的名稱,此處我們示範範例,請填入「test-teach」,並按下「OK」。
8.此時左側的資料夾樹狀圖最下方,即會多一個「test-teach」的資料夾
9.接著點選「test-teach」資料夾,會發現左上方的「「黑色小屋圖樣」後方多了test-teach的字樣,而因為是新資料夾,故視窗無檔案,即為一片空白。
※此時超連結之資料夾路徑及語法為例如:https://olis.kmu.edu.tw/images/test-teach/。
10.接下來,按下右上角的「上傳」圖示。
11.接下來中央出現的視窗,請點選「瀏覽」。
不利用拖曳,是因擔心拖曳錯誤,容易造成檔案可能有問題,使用「瀏覽」找尋到正確要上傳的檔案,再按下「開啟」。
12.接著請按下「上傳」,上傳完畢後,將如下圖右。
此時網頁中取得test-teaching.pdf之超連結位置及語法為:
您的網站連結/images/test-teach/test-teaching.jpg。
例如:https://olis.kmu.edu.tw/images/test-teach/test-teaching.jpg。
13.完成上述步驟,即可將檔案放置於Joomla網頁空間內。
您僅需記住:
1.黑色小屋的圖示,其連結路徑即表示為您的網站連結/images/
2.連結語法為:您的網站連結/images/您分類的資料夾名稱/您要連結的檔案名稱(包含副檔名)
例如:https://olis.kmu.edu.tw/images/test-teach/test-teaching.jpg。
14.此處使用圖資處空間作示範,取得連結為:https://olis.kmu.edu.tw/images/test-teach/test-teaching.jpg
[編輯]最後:取得上傳的圖片或檔案之連結,加入到信件本文
1.以下連結之複製貼上與使用,適用於本校Webmail以及Outlook,以下為Webmail介面教學。
2.請開啟Webmail,點選「撰寫新郵件」,並利用工具列上的「插入連結」,「插入/編輯圖片」
3.點選工具列上的「插入連結」,將方法一取得的跟Word有關的連結,直接貼上,郵件草稿呈現如下:
4.另外,點選工具列上的「插入/編輯圖片」,將方法二取得的圖片超連結,直接貼上,Webmail會自動偵測尺寸大小:
5.方法二圖片可正常顯示,點選圖片,尚可顯示調整圖片大小的方塊:
6.接著點選工具列上的「插入/編輯圖片」,將方法三取得的圖片超連結,直接貼上,Webmail會自動偵測尺寸大小:
7.方法三圖片可正常顯示,點選圖片,尚可顯示調整圖片大小的方塊:
8.修改草稿,並將其寄送,信件整體大小為3KB(小於40KB),符合大量郵件寄送檔案限制。
取自"http://wiki.kmu.edu.tw/index.php/%E5%B0%87%E5%9C%96%E7%89%87%E6%88%96%E6%AA%94%E6%A1%88%E8%A3%BD%E4%BD%9C%E7%82%BA%E9%80%A3%E7%B5%90%EF%BC%8C%E9%99%8D%E4%BD%8E%E4%BF%A1%E4%BB%B6%E5%A4%A7%E5%B0%8F"
檢視
文章
討論
編輯
歷史
個人工具
登入/建立新帳號
導航
首頁
高醫首頁
e快報
高醫部落
教學卓越
環醫頂尖
現時事件
最近更改
隨機頁面
幫助
搜索
工具箱
鏈入頁面
鏈出更改
上傳檔案
特殊頁面
可列印版 永久連結
這頁的最後修訂在2021年2月17日(星期三)14:49。
本頁面已經被瀏覽22,180次。
本站的全部文本內容在CreativeCommonsAttribution3.0License之條款下提供。
隱私政策
關於KMUWiki
免責聲明
延伸文章資訊
- 1【部落格文章小技巧教學】圖片如何超連結? - Yoki 生活雜誌
做出上圖一系列形象照之後超多人來問我怎麼用的? 包括還有其他問題像是圖片如何超連結? gif怎麼嵌入才會動? 色調怎麼調? 圖片尺寸怎麼做?
- 2Jpg 加入超連結 - 軟體兄弟
Jpg 加入超連結,2020年5月4日— 全世界的網頁或網路資源利用連結彼此互相引用互相鏈接,形成一個大互聯網,而HTML <a> tag 就是用來建立超連結(hyperlink) -- 通往其...
- 3【教學】如何利用圖片做超連結 - 熊先生&魚小姐
因為常常有格友們會詢問如何利用圖片做超連結,並於新視窗中開啟那麼我 ... 段藍色字體http://pic.pimg.tw/amusingbear/4ad9c2e169d40.jpg則是所連結 ...
- 4HTML中使用超連結來顯示圖片時,圖片要如何設定? - iT 邦幫忙
謝謝ccutmis,這個很好,我需要的還用不到這麼高階,只要用html,css就可以了,程式碼像[舉行<a href="photo/106/3/5424.jpg">文定之喜</a>],可以讓使用...
- 5圖片編輯1
2.如下圖,在『圖片內容』對話框之『一般』選項中,分別按下『瀏覽鈕』選取欲插入的圖片位置;在『替代顯示-->文字』框內鍵入提示文字;若欲產生超連結效果,可在『預設超 ...