- 5月 25 週五 201223:16
網頁設計 - 炫陽歐式遮陽系統
- 5月 25 週五 201201:57
【Google API】透過Google Chart API產生QR Code

何謂QR-Code?QR-Code是二維條碼的一種,1994年由日本Denso-Wave公司發明。QR來自英文「Quick Response」的縮寫,即快速反應的意思,源自發明者希望QR碼可讓其內容快速被解碼[1]。QR碼最常見於日本,並為目前日本最流行的二維空間條碼。QR碼比普通條碼可儲存更多資料,亦無需像普通條碼般在掃描時需直線對準掃描器。然而,隨著智慧型手機裝置的進步,搭配3G網路,隨時隨地都能上網,QR-Code只要一刷,就能立刻隨時知道優惠網站訊息,免除還要用打字輸入網址的麻煩。但是,我們要如何在網站內搭配PHPt程式語言,隨時隨地嵌入並製造QR-Code呢?如何在網站中安裝並呈現呢?通常有兩種做法,第一種就是在Server端安裝QR-Code產生器模組,設定好並且啟用他,然而這不是我今天要介紹這篇文章的重點,因為過程繁複,所以今天特別介紹另一種好用簡單的方法,就是使用強大的 Google API 現在有了Google Chart API你可以用一段網址就快速產生出QR-Code,以下請參考詳細設定參數及使用範例,相當簡單:Google Chart API產生QR Code格式:https://chart.googleapis.com/chart?各項參數
參數
cht=圖表格式,填qr即可chs=條碼大小,填入wdith x height,注意寬度跟高度中間是英文字母的x
chl=條碼內要存放的資料
choe=編碼方式,建議填UTF-8
chld=容錯能力,分成L、M、Q、H四個等級
範例
我要產生一個包含linroex字串,大小是120*120的二維條碼https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl=linroex&choe=UTF-8
- 3月 27 週二 201220:45
[攝影] - 有趣的移軸攝影製作

移軸鏡頭可以修改畫面的透視,或是創造出特殊景深的畫面。
其中,修改透視真是很重要的功能,舉例來說:如果你要拍高樓大廈,但是又不想要透視造成的變形,以便不失真的紀錄建築物的外觀,這個時候移軸鏡頭就很好用了,改變影像在底片上的焦平面,就可以些微修正畫面透視的問題;也由於這種特殊的功能也有人用來翻拍,避免畫面變形。
還有一個常見的用途是創造極深的景深,讓畫面完全清楚,這在拍攝大場景的時候很好用;當然也可以用來拍攝淺景深的畫面,雖然會有點不自然,但是也可以營造極為特殊的效果,也有人利用這種效果拍攝出類似模型的感覺,應味獨特的透視感加上極淺的景深,讓畫面中的人物或景物好像微距鏡拍出來的模型一樣。
以下為數位後製的移軸攝影:
- 3月 02 週五 201223:59
網頁設計 - 吉吉映像

- 2月 01 週三 201200:46
網頁設計 - M2菓子工坊
- 1月 19 週四 201202:45
網站版權聲明的正確寫法
正確的格式應該是:Copyright [dates] by [author/owner]
© 通常可以代替Copyright,但是不可以用(c)。
All Rights Reserved 在某些國家曾經是必須的,但是現在在大多數國家,都不是法律上必須有的字樣
參見下面幾個正確的格式:
©1995-2004 Macromedia, Inc. All rights reserved.
©2004 Microsoft Corporation. All rights reserved.
Copyright © 2004 Adobe Systems Incorporated. All rights reserved.
©1995-2004 Eric A. and Kathryn S. Meyer. All Rights Reserved.
- 1月 04 週三 201201:37
[CSS教學] - CSS Sprites Generator,快速產生網頁圖示,加快網頁載入速度

何謂CSS Sprite?
一般在做網頁時,都會加入許多圖示來讓整體網頁看起來更為活潑,不過你可能不知道,當一個頁面裡圖示越多,使用者就必須花更多時間來讀取這些零散的圖示,但透過CSS Sprites這項技術,可以幫你把所有圖示合併成一張大圖,在以CSS的定位方式來讓某圖示出現。
CSS Sprites Generator是一個幫你把圖片組合起來的網站工具,除了幫你組合起來之外,還會幫你算好位置並且顯示出來,讓你不必自己辛苦計算位置,因為CSS Sprites Generator會幫你搞定。
哪些知名網站使用這項技術呢?
最常見的Yahoo就是個很好的例子,我們常在Yahoo首頁看到網站的小圖示(如下圖)
其實這些圖示點滑鼠右鍵 "另存背景" 到電腦之後,你會發現居然是像這樣一整張的圖示(如下圖)
為何要使用CSS Sprite技術呢?有甚麼好處?
其實CSS Sprite技術不是甚麼新的技術,很早很早以前這項技術就廣為使用,使用CSS Sprite的目的是為了提升網頁頁面讀取的速度,可以有效降低圖片的HTTP請求數,尤其是你的網站有很多小圖示或圖片時,一張張上傳也很麻煩。
CSS Sprites Generator如何使用?
CSS Sprites Generator的頁面大致上非常簡單易懂,最初會有三個,如果不夠可以點 "Need More »" (每次增加三個)將你的圖片加進去,在點 Generate。
上傳完成後,會出現合併完成的 PNG 檔以及範例頁面,下方也會有詳細的 CSS 設定教學,告訴你要設定多少的 background-position 才能讓該圖示顯示出來。
官方網站
http://csssprites.com/
- 1月 04 週三 201201:02
Yahoo!奇摩更換為微軟bing 搜尋引擎SEO排名恐將大洗牌

早在2010年,微軟的線上服務技術部資深副總Satya Nadella公佈Yahoo!和Bing兩大搜尋引擎完成技術整合的消息,而美國與加拿大的YAHOO搜尋引擎也紛紛技術整合為BING搜尋引擎系統,從去年就開始再傳,台灣會在今年完成技術整合。
目前有更明確的說法,台灣YAHOO!奇摩於2011年第三季前,就會將BING的技術整合好,全台網友將要開始使用BING來做搜尋。這樣一來,將會導致目前自然排序全部洗牌!這不但意味著台灣使用者將要改變習慣使用BING搜尋系統,而目前的搜尋引擎排名也會改變,原本在台灣YAHOO搜尋排名前十名的SEO網站,在YAHOO與微軟的技術整合之下,名次可能不再如以往前面,不知掉落何方,很多網站的流量可能會因此突然滑落。
這樣的整合也可能導致台灣網友以後轉向Google,以及原本在YAHOO排名較好的網站開始購買關鍵字廣告。因為台灣的網友對於GOOGLE搜尋系統並不陌生,雖然目前YAHOO搜尋的市占率較高,一旦改換成BING搜尋系統,網友可能會因為不熟悉BING系統的因素,既而轉往GOOGLE,使得GOOGLE搜尋引擎的市占率增加;而原本在YAHOO搜尋排名較高的網站,也可能因為BING的關係,使得他們的名次更動,而改換為買YAHOO關鍵字廣告,以確保自己的網站曝光位置持續保持在前頭。
在網路世界當中,每年、每季甚至於每月都不斷有大大小小的變動,唯有在變動之前就想好對策,才能即時因應。
文章來源出處 :網際時代 - http://www.web-time.com.tw/details/ec.aspx?id=337
- 11月 18 週五 201102:57
[PHP教學] - 初學者最易混淆的include、include_once、require、require_once之比較
include、include_once與require、require_once中的用法:
include 和 include_once
都是用來引入檔案,後者可避免重複引入,故建議用後者。引不到檔案會出現錯誤息,但程式不會停止。
require 和 require_once
都是用來引入檔案,後者可避免重複引入,故建議用後者。引不到檔案會出現錯誤息,而且程式會停止執行。
以上是PHP初學者最容易混淆的語法,另外:
define("常數名稱","值") :定義常數,常數通常前面會加上「_」並以大寫命名。
- 11月 17 週四 201113:09
[CSS教學] - 讓IE6.0 IE7.0 IE8.0支援CSS3圓角、陰影

最近在網路上找到補強IE6.0、IE7.0、IE8.0的支援CSS3補丁
不過使用要注意以下的內容
IE-CSS3是什麼?
IE-CSS3是一段小型的Script,引入網頁的CSS之後可以使IE系列瀏覽器的使用者也看得到一些CSS3才有的新技術。ex:圓角、陰影等。
IE-CSS3是怎麼運作的?
該Script是透過VML(IE系列瀏覽器特有的向量繪圖語言)來模擬一些CSS3的效果。
如何使用?
一般我們設計可以讓FireFox、Safri與Google Chrome等瀏覽器產生圓角效果的CSS如下:
.box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome *
border-radius: 15px; /* IE 6+ */
behavior: url(ie-css3.htc); /* 使用ie-css3 */
}
問題與解決辦法
使用者可以會在使用z-index屬性的時候遇到不正常顯示的問題,尤其是將一個套用了IE-CSS3的元素放在另一個之內的時候,以下有兩個方法解決:
ex:position:relative; 或position:absolute;
官方網站
http://fetchak.com/ie-css3/
檔案下載
Download

