Whatzap

Welcome 2 KeyboardBaby!!!
Showing posts with label 產生器類. Show all posts
Showing posts with label 產生器類. Show all posts

Chart Builder 線上圖表繪製,能建立多種常見圖表類型

Share

graphjam chart builder Chart Builder 線上圖表繪製,能建立多種常見圖表類型
Cheezburger.com提供的Chart Builder線上圖表建立工具能讓使用者在瀏覽器內輕鬆繪製圖表,包括圓餅圖、條形圖、范恩圖(Venn Diagram)、曲線圖,並能夠建立數學公式,相當方便。產生後的圖表是圖片格式,能應用在任何地方。
可惜的是Chart Builder目前只能輸入英文或數字,無法建立帶有中文說明的圖表。

進入Chart Builder後先選擇要建立的圖表類型,接著就會看到如下方的簡易編輯器,與一般圖表繪製軟體差不多,只要一些時間就能熟悉操作介面,整體而言蠻直覺的,第一次使用就能輕鬆上手。
chart builder Chart Builder 線上圖表繪製,能建立多種常見圖表類型
繪製完後按下 Save,會出現以下訊息:
chart builder sign up Chart Builder 線上圖表繪製,能建立多種常見圖表類型
在 Email 欄位填入你的電子信箱,如果沒有在Chart Builder建立過帳號的話,點選No,設定一個帳號及密碼。接著你就可以看到結果頁面囉!別忘了將圖表給儲存起來,或是複製Chart Builder產生的連結。
下圖就是使用Chart Builder所建立的圖表,參考看看囉!
sample Chart Builder 線上圖表繪製,能建立多種常見圖表類型
Link: http://mine.icanhascheezburger.com/builder.aspx?bt=graphjam&vs=4

Readmore »»

Shape Collage 輕鬆製作有創意的圖片拼貼

Share


shapecollage-logo
蒐集了一大堆圖片只是自己觀賞嗎?趕快利用Shape Collage做成有創意的拼貼圖片分享給好友,也讓他們感受到你蒐集圖片時的樂趣吧!
Shape Collage有繁體中文界面,不需因為英文不好而感到困擾,操作方式也相當人性化,用個一兩次就會很順手。

下載版說明

進入下載網頁後,請選擇您使用的作業系統(支援Win7)。
shapecollage-01
下載後請執行安裝檔,安裝開始時會讓您選擇語言,語言請選擇 Chinese(Traditional) 
shapecollage-02
其他地方都以 下一步 跳過。
shapecollage-03
安裝成功後,就會自動開啟程式了。
程式界面分為三個區塊:
  • 左邊:選擇圖片。
  • 中間:預覽和顯示當前處理情況。
  • 右邊:設定輸出圖片的樣式。

使用教學

  • 新增圖片:將圖片拖曳至程式的左邊區塊。
  • 設定圖片:設定的部份除 形狀 與 尺寸 大都可使用預設(拼貼尺寸的預設是您電腦螢幕的大小)。
  • 輸出圖片:點擊程式中下方的 創建 按鈕。
shapecollage-04
輸出後的成品會像是下圖一樣,由許多圖片拼貼成文字或是圖案。

shapecollage-05

線上版說明

線上版的功能與安裝版比起來就遜色許多,但它有一樣功能是安裝版所沒有的,那就是互動性。
先來看一下線上版的範例:http://www.shapecollage.com/online/?cid=9f5gjkkl

線上版使用教學

shapecollage-06
  • STEP1:添加圖片連結,每行放一個圖片網址(這個步驟會讓人手酸...)。
  • STEP2:選擇輸出圖片的形狀,如果選擇TEXT則需輸入文字。
  • STEP3:點擊 Create 按鈕完成拼貼製作。
按下按鈕後,稍等個10幾秒就完成啦!另外 Shape Collage 有提供Embed的程式碼可內嵌到網頁內。
shapecollage-07

Readmore »»

PDFmyURL.com 線上將網站轉成PDF,輸入網址就能使用

Share


透過PDFmyURL,只要輸入網址就能輕鬆將網站作成一個PDF檔案,很神奇喲!
除此之外,PDFmyURL 服務也支援把這項功能加入你的網站裡,每個頁面放個"將網頁儲存為PDF"的連結,使用者就能夠在點擊後自動將網頁存成PDF。
進入PDFmyURL.com後,在輸入框內輸入網址,在按下右邊的P,下載好後即為網站的PDF檔案。
下圖範例:免費資源網路社群第一頁的PDF,超連結功能還存在。

將 PDF 功能加入你的網頁

使用以下超連結,就可以輕鬆把某個網站頁面轉換成 PDF 下載。
將 www.freegroup.org 換成要轉換的網址即可,舉例來說,你可以使用以下原始碼:
就是這麼簡單!如果有需要把網頁轉為 PDF 的話,不用大費周章安裝軟體,PDFmyURL.com就能辦到。
網站網址:http://pdfmyurl.com/

Readmore »»

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


csssprites
一般在做網頁時,都會加入許多圖示來讓整體網頁看起來更為活潑,不過你可能不知道,當一個頁面裡圖示越多,使用者就必須花更多時間來讀取這些零散的圖示,但透過CSS Sprites這項技術,可以幫你把所有圖示合併成一張大圖,在以CSS的定位方式來讓某圖示出現。
CSS Sprites Generator是一個幫你把圖片組合起來的網站工具,除了幫你組合起來之外,還會幫你算好位置並且顯示出來,讓你不必自己辛苦計算位置,因為CSS Sprites Generator會幫你搞定。
在介紹之前先來展示一個範例,讓大家瞭解這個功能到底是做什麼的,首先拿Yahoo!奇摩的網站來給大家看看背景圖。
01
▲ 圖中紅色框部分的圖示其實都是同一張圖片,當然不只這些...還有更多。
02
其實Google的首頁也有用CSS Sprite,只是數量上比較沒那麼明顯,使用CSS Sprite的目的是為了提升網頁頁面讀取的速度,可以有效降低圖片的HTTP請求數,尤其是你的網站有很多小圖示或圖片時,一張張上傳也很麻煩。


使用教學

CSS Sprites Generator的頁面大致上非常簡單易懂,最初會有三個,如果不夠可以點 "Need More »" (每次增加三個)將你的圖片加進去,在點 Generate。
csssprites-upload
上傳完成後,會出現合併完成的 PNG 檔以及範例頁面,下方也會有詳細的 CSS 設定教學,告訴你要設定多少的 background-position 才能讓該圖示顯示出來。
csssprites-results
網站網址:http://csssprites.com/

補充 …
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 上傳

Readmore »»