PIXNET Logo登入

英傑銳網路數位設計

跳到主文

(02)2713-1769 RWD自適應網頁設計,台北市RWD網頁設計,台北網頁設計,網站架設 https://www.injerry.com/

部落格全站分類:視覺設計

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 5月 25 週五 201223:16
  • 網頁設計 - 炫陽歐式遮陽系統

1



案立網址
炫陽歐式遮陽系統


案立網址
 http://www.867.tw/


案例分類
動態後端資料庫PHP網頁


網頁類型
Flash + HTML + CSS + PHP + MySQL


(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(312)

  • 個人分類:網頁設計作品
▲top
  • 5月 25 週五 201201:57
  • 【Google API】透過Google Chart API產生QR Code

chart
  何謂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
(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(1) 人氣(3,174)

  • 個人分類:Html
▲top
  • 3月 27 週二 201220:45
  • [攝影] - 有趣的移軸攝影製作


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

英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(236)

  • 個人分類:攝影資訊
▲top
  • 3月 02 週五 201223:59
  • 網頁設計 - 吉吉映像

1



案立網址
吉吉映像


案立網址
http://www.impresstudio.com.tw/


案例分類
動態後端資料庫PHP網頁


網頁類型
jQuery + HTML + CSS + PHP + MySQL


(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(170)

  • 個人分類:網頁設計作品
▲top
  • 2月 01 週三 201200:46
  • 網頁設計 - M2菓子工坊

m2cake1.jpg


案立網址
M2菓子工坊


案立網址
http://www.m2cake.tw/


案例分類
動態後端資料庫PHP網頁


網頁類型
Flash + HTML + CSS + PHP + MySQL

(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(126)

  • 個人分類:網頁設計作品
▲top
  • 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.
(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(2,129)

  • 個人分類:資訊文章
▲top
  • 1月 04 週三 201201:37
  • [CSS教學] - CSS Sprites Generator,快速產生網頁圖示,加快網頁載入速度

csssprites.png

  
何謂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/
(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(2,263)

  • 個人分類:CSS
▲top
  • 1月 04 週三 201201:02
  • Yahoo!奇摩更換為微軟bing 搜尋引擎SEO排名恐將大洗牌

5499_201112161316511l1ed.jpg

  
早在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
(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(540)

  • 個人分類:資訊文章
▲top
  • 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("常數名稱","值") :定義常數,常數通常前面會加上「_」並以大寫命名。
(繼續閱讀...)
文章標籤

英傑銳數位設計 發表在 痞客邦 留言(2) 人氣(53,863)

  • 個人分類:PHP
▲top
  • 11月 17 週四 201113:09
  • [CSS教學] - 讓IE6.0 IE7.0 IE8.0支援CSS3圓角、陰影

CSS3.jpg

      
最近在網路上找到補強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的元素放在另一個之內的時候,以下有兩個方法解決:

  • 將內部的元素z-index值設定的比外圍的大。

  • 將內部的元素套用position屬性。


  • ex:position:relative; 或position:absolute;

    官方網站


    http://fetchak.com/ie-css3/

    檔案下載


    Download
    (繼續閱讀...)
    文章標籤

    英傑銳數位設計 發表在 痞客邦 留言(0) 人氣(9,335)

    • 個人分類:CSS
    ▲top
    «1234...8»

    最新文章

    • 【RWD響應式教學】- Facebook fb-like-box Plugin符合RWD響應式網頁
    • 【CSS教學】- 簡單CSS語法美化Table表格底色奇數偶數相間
    • 【市場趨勢】從iPhone6看RWD響應式網站的重要性
    • Font Awesome 一行語法,輕鬆在網頁加入ICON圖示
    • Responsive Web Design 響應式網站的實用工具
    • 國外RWD | Responsive Web Design 欣賞網站
    • RWD(Responsive Web Design)自適應網站的製作方式
    • RWD (Responsive Web Design) 自適應網站的簡單介紹
    • 【HTML教學】- 如何使用HTML語法,在手機版網站上撥打電話或簡訊的超鏈結
    • 【HTML教學】X-UA-Compatible設置IE兼容模式

    熱門文章

    • (36,614)[CSS教學] - 如何使用CSS設計細框線Table表格
    • (30,113)五行搞定CheckBox全選或全不選
    • (27,833)[Html]圖片型表單按鈕Button
    • (16,564)Apache設定限制目錄瀏覽的方法
    • (14,664)[CSS教學] - CSS表單美化
    • (13,916)[jQuery教學] - jQuery強大的圖表套件 Highcharts
    • (9,755)[CSS教學] - CSS背景漸層顏色語法產生器 (Ultimate CSS Gradient Generator)
    • (4,430)[jQuery Plugin] - jQuery 列印 Plugin - jqprint()
    • (1,548)超簡單表格隔行換色+鼠標經過變色
    • (513)18個UI原稿圖(包括twitter手稿)

    文章分類

    • 網頁設計作品 (16)
    • JavaScript (2)
    • Html (6)
    • Flash (2)
    • jQuery (5)
    • PHP (4)
    • CSS (22)
    • 資訊文章 (14)
    • 攝影資訊 (1)
    • 網路行銷 (2)
    • 未分類文章 (1)

    最新留言

    • [18/10/11] 小椿 於文章「[CSS教學] - 純CSS二、三階層動...」留言:
      我解決了XDD 我把 display: none di...
    • [18/10/09] 小椿 於文章「[CSS教學] - 純CSS二、三階層動...」留言:
      <html xmlns="http://www.w3.org...
    • [18/09/14] 訪客 於文章「[CSS教學] - 純CSS二、三階層動...」留言:
      非常感謝您的分享, 非常實用, 想請問一下, 第一層選單, ...
    • [18/08/24] wannachange 於文章「SEO網頁優化必備的meta標籤...」留言:
      謝謝您的回復...
    • [18/08/23] wannachange 於文章「SEO網頁優化必備的meta標籤...」留言:
      謝謝您的回覆,可能是我說的不清楚,我的意思是在撰寫文章時,若...
    • [18/08/23] wannachange 於文章「SEO網頁優化必備的meta標籤...」發表了一則私密留言
    • [17/09/12] 訪客 於文章「[PHP]move_uploaded_f...」留言:
      請問使用joomla 的xampp的環境下,move_upl...
    • [17/08/14] julia9judy 於文章「[Html]圖片型表單按鈕Button...」發表了一則私密留言
    • [17/05/11] 訪客 於文章「網頁設計新趨勢CSS...」留言:
      CSS的確不錯用啊!...
    • [16/07/29] 訪客 於文章「[PHP教學] - 初學者最易混淆的in...」留言:
      謝謝分享...

    誰來我家

    參觀人氣

    • 本日人氣:
    • 累積人氣: