Cheezburger.com提供的Chart Builder線上圖表建立工具能讓使用者在瀏覽器內輕鬆繪製圖表,包括圓餅圖、條形圖、范恩圖(Venn Diagram)、曲線圖,並能夠建立數學公式,相當方便。產生後的圖表是圖片格式,能應用在任何地方。
可惜的是Chart Builder目前只能輸入英文或數字,無法建立帶有中文說明的圖表。
進入Chart Builder後先選擇要建立的圖表類型,接著就會看到如下方的簡易編輯器,與一般圖表繪製軟體差不多,只要一些時間就能熟悉操作介面,整體而言蠻直覺的,第一次使用就能輕鬆上手。
繪製完後按下 Save,會出現以下訊息:
在 Email 欄位填入你的電子信箱,如果沒有在Chart Builder建立過帳號的話,點選No,設定一個帳號及密碼。接著你就可以看到結果頁面囉!別忘了將圖表給儲存起來,或是複製Chart Builder產生的連結。
下圖就是使用Chart Builder所建立的圖表,參考看看囉!
Link: http://mine.icanhascheezburger.com/builder.aspx?bt=graphjam&vs=4
Showing posts with label 產生器類. Show all posts
Showing posts with label 產生器類. Show all posts
Chart Builder 線上圖表繪製,能建立多種常見圖表類型
ShareShape Collage 輕鬆製作有創意的圖片拼貼
Share蒐集了一大堆圖片只是自己觀賞嗎?趕快利用Shape Collage做成有創意的拼貼圖片分享給好友,也讓他們感受到你蒐集圖片時的樂趣吧!
Shape Collage有繁體中文界面,不需因為英文不好而感到困擾,操作方式也相當人性化,用個一兩次就會很順手。
下載版說明
進入下載網頁後,請選擇您使用的作業系統(支援Win7)。
下載後請執行安裝檔,安裝開始時會讓您選擇語言,語言請選擇 Chinese(Traditional) 。
其他地方都以 下一步 跳過。
安裝成功後,就會自動開啟程式了。
程式界面分為三個區塊:
- 左邊:選擇圖片。
- 中間:預覽和顯示當前處理情況。
- 右邊:設定輸出圖片的樣式。
使用教學
- 新增圖片:將圖片拖曳至程式的左邊區塊。
- 設定圖片:設定的部份除 形狀 與 尺寸 大都可使用預設(拼貼尺寸的預設是您電腦螢幕的大小)。
- 輸出圖片:點擊程式中下方的 創建 按鈕。
輸出後的成品會像是下圖一樣,由許多圖片拼貼成文字或是圖案。
線上版說明
線上版的功能與安裝版比起來就遜色許多,但它有一樣功能是安裝版所沒有的,那就是互動性。
先來看一下線上版的範例:http://www.shapecollage.com/online/?cid=9f5gjkkl
線上版使用教學
- STEP1:添加圖片連結,每行放一個圖片網址(這個步驟會讓人手酸...)。
- STEP2:選擇輸出圖片的形狀,如果選擇TEXT則需輸入文字。
- STEP3:點擊 Create 按鈕完成拼貼製作。
按下按鈕後,稍等個10幾秒就完成啦!另外 Shape Collage 有提供Embed的程式碼可內嵌到網頁內。
Shape Collage: http://www.shapecollage.com/
Readmore »»
PDFmyURL.com 線上將網站轉成PDF,輸入網址就能使用
Share透過PDFmyURL,只要輸入網址就能輕鬆將網站作成一個PDF檔案,很神奇喲!
除此之外,PDFmyURL 服務也支援把這項功能加入你的網站裡,每個頁面放個"將網頁儲存為PDF"的連結,使用者就能夠在點擊後自動將網頁存成PDF。
進入PDFmyURL.com後,在輸入框內輸入網址,在按下右邊的P,下載好後即為網站的PDF檔案。
下圖範例:免費資源網路社群第一頁的PDF,超連結功能還存在。
將 PDF 功能加入你的網頁
使用以下超連結,就可以輕鬆把某個網站頁面轉換成 PDF 下載。
將 www.freegroup.org 換成要轉換的網址即可,舉例來說,你可以使用以下原始碼:
http://pdfmyurl.com?url=www.freegroup.org">將網頁下載為PDF>
就是這麼簡單!如果有需要把網頁轉為 PDF 的話,不用大費周章安裝軟體,PDFmyURL.com就能辦到。
網站網址:http://pdfmyurl.com/
Dinkypage 輕鬆製作一個拋棄式網頁
Share如同十分鐘信箱的概念,Dinkypage提供使用者製作一個暫時性網頁的服務,雖然說是暫時性的,但Dinkypage並不會主動刪除您的拋棄式網頁,只要使用者不將網頁作為非法用途的話,長期使用應該也是沒有問題的。
進入Dinkypage後首先按下中間的 Create a new page 按鈕建立頁面,得到的網址將是數字網址如http://www.dinkypage.com/52026,若點擊按鈕下方的 "choose custom name" 就可以設定想要的名字當做網址,例如http://www.dinkypage.com/freegroup。
點選 "Edit your page" 進入編輯頁面後,可以在最上方看到的三個按鈕,由左而右分別是:儲存下方所做的設定、預覽編輯好的頁面、刪除此頁面。
記得將此頁面加到我的最愛(書籤),之後在訪問這個網址就可以繼續編輯網頁!
往下可以看到的是了解您的權力 "Know your rights" ,也就是你必須知道的事情:
- 您的頁面不會主動被刪除。
- 您只要進入這個頁面就可以繼續編輯您的網頁。
- 輸入您的E-mail,Dinkypage將會把您的網頁相關資訊寄送到您的信箱中。
(按下Save email後到首頁點擊左下方的Get Your Pages再次輸入e-mail→點擊Send links即可)
最後是編輯的部份,Page Title為設定瀏覽器最上方所顯示的標題,再下來是一簡單的網頁編輯器,具有一般的文書編輯、加入超連結與圖片、加入表格等基本功能。
編輯器的設定相當詳細(圖片需先上傳到圖片空間)
編輯完成後記得要按下最上方的 "Save Changes" 按鈕儲存設定呦!
Readmore »»
CSS Sprites 產生器,改造網頁以加快圖示載入速度
Share一般在做網頁時,都會加入許多圖示來讓整體網頁看起來更為活潑,不過你可能不知道,當一個頁面裡圖示越多,使用者就必須花更多時間來讀取這些零散的圖示,但透過CSS Sprites這項技術,可以幫你把所有圖示合併成一張大圖,在以CSS的定位方式來讓某圖示出現。
CSS Sprites Generator是一個幫你把圖片組合起來的網站工具,除了幫你組合起來之外,還會幫你算好位置並且顯示出來,讓你不必自己辛苦計算位置,因為CSS Sprites Generator會幫你搞定。
在介紹之前先來展示一個範例,讓大家瞭解這個功能到底是做什麼的,首先拿Yahoo!奇摩的網站來給大家看看背景圖。
▲ 圖中紅色框部分的圖示其實都是同一張圖片,當然不只這些...還有更多。
其實Google的首頁也有用CSS Sprite,只是數量上比較沒那麼明顯,使用CSS Sprite的目的是為了提升網頁頁面讀取的速度,可以有效降低圖片的HTTP請求數,尤其是你的網站有很多小圖示或圖片時,一張張上傳也很麻煩。
使用教學
CSS Sprites Generator的頁面大致上非常簡單易懂,最初會有三個,如果不夠可以點 "Need More »" (每次增加三個)將你的圖片加進去,在點 Generate。
上傳完成後,會出現合併完成的 PNG 檔以及範例頁面,下方也會有詳細的 CSS 設定教學,告訴你要設定多少的
background-position 才能讓該圖示顯示出來。補充 …
CSS Sprite Generator | Project Fondue - http://spritegen.website-performance.org/ (可用壓縮檔)Readmore »»
這是類似的網頁服務,可以用壓縮檔的形式上傳比較大量的圖片,就不另外做介紹。
Gallery AV 簡易Flash相簿製作軟體
Share想要一個Flash相簿,卻苦於自行製作Flash嗎?Gallery AV可以幫你解決這一個困擾。只須將圖片拖曳至軟體內,就能立刻生成 swf 和 html 檔案,也就是說你無須具備製作 flash 技術,透過它就能夠輕鬆製作出帶有幻燈片特效的網路相簿。另外 Gallery AV 還內建 FTP 上傳功能,一製作完成便能立刻發布。
想看看 Gallery AV 製作的成品嗎?可以在Galleries裡找到。
使用說明
進入下載網址下載軟體。
安裝軟體,只要一直點選 NEXT 就能完成安裝。如果遇到以下畫面,請選擇上方的選項再按 NEXT。
安裝完成後會自動啟動 Gallery AV 。
接著就能把圖片拖曳進去,如果沒辦法拖曳圖片到軟體內的話,請先關閉 Gallery AV 然後再重新啟動。
圖片都選好了嗎?來修改和預覽設定吧!
選擇導航欄的 Preview & Edit ,進入後馬上可看到預覽,如果不喜歡布局配置或顏色的話可以點擊下面的兩個按鈕進行修改。
- Edit Title & Colors - 修改標題和顏色
- Change Layout - 更改布局方式
最後我們選擇 Save & Publish 來儲存或發布檔案。
- Save Project - 儲存專案(如果將來還要繼續編輯,請點擊此按鈕)
- Export SWF - 輸出 SWF(此按鈕除儲存SWF外,還會儲存HTML)
- FTP Upload - 使用 FTP 上傳
Subscribe to:
Posts (Atom)