1. 到 Processing 的官方網站 Processing.org 選擇檔案下載。
2. 約 86MB 的檔案 (目前最新版是 1.5.1) 下載後，解壓縮，置於任何資料夾都可以。
3. 執行其中的執行檔 Processing.exe 即可開始程式編寫並執行。
2011年11月7日 星期一
開始準備寫 Processing 程式
Processing 的程式易學易用，首先要下載它的主程式，解壓縮之後便可執行。
1. 到 Processing 的官方網站 Processing.org 選擇檔案下載。
2. 約 86MB 的檔案 (目前最新版是 1.5.1) 下載後，解壓縮，置於任何資料夾都可以。
3. 執行其中的執行檔 Processing.exe 即可開始程式編寫並執行。
1. 到 Processing 的官方網站 Processing.org 選擇檔案下載。
2. 約 86MB 的檔案 (目前最新版是 1.5.1) 下載後，解壓縮，置於任何資料夾都可以。
3. 執行其中的執行檔 Processing.exe 即可開始程式編寫並執行。
2011年11月5日 星期六
如何在網頁中加入FB的推文『讚』
目前為測試頁，隨即刪除.....
要在文章裡加上 Facebook 的『讚』推文，只要簡單的幾個步驟即可完成：
(1) 確認要推文的網址
(2) 到 FB 網頁裡輸入以取得程式碼
(3) 將程式碼貼到本文的HTML裡即可
先就此基本的操作解說如下：
1. 先確認好要提供『送出讚』的網頁網址，當然必須是網路上合法能連得到的網址，千萬不要貼出去的是『http://localhost/myweb/』這樣的測試網址呀。
2. 到 Facebook 的 Plugins 頁面，https://developers.facebook.com/docs/plugins/ ，選擇想要的功能。
3. 輸入網址及設定
4. 取得程式代碼，複製全部
5. 貼到文章裡要顯示的地方，注意是 HTML。
以上就算完成了，不過除此之外，它仍有更多的功能可以使用。用Google 搜尋『在網頁中加入FB推文讚』等就會列出許多，在此便不一一細說，大致上要先分清楚自己想要的功能是哪一種：
(1) 本文提到的是單一網頁，或是部落格內的某一篇文章。所以有幾篇文章，就要自行重貼幾次，很多網站也有提到。
(2) 如果是要對某一站內全部的網頁都自動加上各別的推文鈕，可以利用後端的程式來產生，將每一個頁面的網址置於 FB 程式代碼內。
(3) 如果是使用外面的部落格平台，則需依各部落格提供的語法，在特定的位置加上代碼，但只需一次即可。
(4) 如果要指定送到FB塗鴨牆的文字、圖片和內容，則需再 FB 上的 Step 2 裡設定更多的參數，如 og:title 和 og:image 等。
(5) 如果是還要送到朋友的塗鴨牆，則要做的設定就更多了。
最後，直接就用這篇文章來做測試吧……
要在文章裡加上 Facebook 的『讚』推文，只要簡單的幾個步驟即可完成：
(1) 確認要推文的網址
(2) 到 FB 網頁裡輸入以取得程式碼
(3) 將程式碼貼到本文的HTML裡即可
先就此基本的操作解說如下：
1. 先確認好要提供『送出讚』的網頁網址，當然必須是網路上合法能連得到的網址，千萬不要貼出去的是『http://localhost/myweb/』這樣的測試網址呀。
2. 到 Facebook 的 Plugins 頁面，https://developers.facebook.com/docs/plugins/ ，選擇想要的功能。
4. 取得程式代碼，複製全部
5. 貼到文章裡要顯示的地方，注意是 HTML。
以上就算完成了，不過除此之外，它仍有更多的功能可以使用。用Google 搜尋『在網頁中加入FB推文讚』等就會列出許多，在此便不一一細說，大致上要先分清楚自己想要的功能是哪一種：
(1) 本文提到的是單一網頁，或是部落格內的某一篇文章。所以有幾篇文章，就要自行重貼幾次，很多網站也有提到。
(2) 如果是要對某一站內全部的網頁都自動加上各別的推文鈕，可以利用後端的程式來產生，將每一個頁面的網址置於 FB 程式代碼內。
(3) 如果是使用外面的部落格平台，則需依各部落格提供的語法，在特定的位置加上代碼，但只需一次即可。
- [Pixnet] [密技] 在Blog文章中加入FB 推文『讚』按鈕威力升級最終版-一次搞定無須在每篇設定了！
- [WordPress] [Blogger] 為你的網誌加入Facebook推文按鈕（Like Button）
(4) 如果要指定送到FB塗鴨牆的文字、圖片和內容，則需再 FB 上的 Step 2 裡設定更多的參數，如 og:title 和 og:image 等。
(5) 如果是還要送到朋友的塗鴨牆，則要做的設定就更多了。
最後，直接就用這篇文章來做測試吧……
圖片特效教學 (10js-2)
圖片特效教學 (10js-1)
《Javascript 的圖形特效》一文中的第一種特效如下：
此為採用單純的 javascript 所製作出的特效，且所有顯示的圖片均集中寫在 html 部份，很容易更換為自己想要的圖片。步驟為：
(1) 先準備好數張圖片 (下圖為原先展示的範例圖檔，要區分出有5個不是)
此為採用單純的 javascript 所製作出的特效，且所有顯示的圖片均集中寫在 html 部份，很容易更換為自己想要的圖片。步驟為：
(1) 先準備好數張圖片 (下圖為原先展示的範例圖檔，要區分出有5個不是)
(2) 修改編頁中圖片的部分
(3) 如果想要包覆在自己指定的圖層 div 中亦可
(4) 如下示範
預祝順利！
訂閱：
文章 (Atom)