[web工具]MarkUp.io 在任何網頁裡畫重點、加入說明文字

你是不是经常遇到这样的情况,你的朋友们问了你一些问题,然后你通过搜索找到了答案或者对应的网站,但是它比较复杂,你需要讲解,这个时候如果你在朋友的身边当然最好,但是往往都是远程的,这时候 如果能在朋友的电脑看到的网页上做标注等操作该多好吖, 那么下面介绍的工具就可以完美解决这个问题啦~~

介绍如下:

之前介紹過 Bounce 可以對網站標記註解、提供反饋意見的線上工具,只要在輸入網址後就能產生大張的略縮圖,使用者可以透過瀏覽器在特定範圍內拉出框線、加入註解等等,對於分享資訊或溝通上相當方便。而 MarkUp.io 也是類似的工具,使用者可以在任何網頁上畫線、拉框、畫圓或箭頭、以及加入文字等等,完成後能透過鏈結分享給其他人參考。

使用教學

進入 MarkUp.io 首頁,可以先試玩一下這個工具,首頁有提供簡易的教學。將畫面稍微往下拉,找到 Get MarkUp 藍色按鈕,將此功能拖曳到瀏覽器的書籤列就能使用。往後如果要在任何網站標記內容,只要點擊該書籤按鈕就可以囉!

例如下圖,在網站內點擊按鈕,頁面右上角會出現一個 MarkUp 的工具列,功能包括畫線、方框、圓圈及箭頭,也可以加入註釋文字及變更色彩、大小等等,任何加入的元件都可以回頭修改變更,如果要刪除的話只要選取元件,按下鍵盤上的 Del 鍵即可。

範例網址:http://markup.io/v/dsw386wf04ea

完成後點擊 PUBLISH,然後將綠色按鈕從左拖曳到右邊(如同 iPhone 開鎖一樣)。

就可以取得分享鏈結,趕緊在上面按滑鼠右鍵複製鏈結吧!

真是非常便利的工具阿!以後如果想將網頁內某些資訊與好友分享,就不用辛苦截圖、還要開啟繪圖軟體加入文字或說明了。

網址:MarkUp.io(http://markup.io/)

FROM http://www.freegroup.org/2010/11/markup-io/